body {
    font-size: 14px;
    color: #333;
    font-family: Hiragino Sans GB,Microsoft Yahei UI,Microsoft Yahei,"\5FAE\8F6F\96C5\9ED1",Segoe UI,Tahoma,"\5B8B\4F53 b8b\4F53",SimSun,sans-serif;
    text-rendering: optimizeLegibility;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}


.dl-lst dt {
    float: left;
    height: 27px;
    line-height: 27px;
    font-size: 12px;
    margin-right: 6px
}

    .dl-lst dt, .dl-lst dt h3 {
        font-weight: 700
    }

.dl-lst dd {
    width: 946px;
    zoom: 1
}

    .dl-lst dd a {
        padding: 10px 7px 15px;
        height: 27px;
        line-height: 27px;
        color: #333;
        font-size: 12px
    }

        .dl-lst dd a:hover {
            text-decoration: underline;
            color: #39ac6a
        }

        .dl-lst dd a.on {
            color: #e4393c
        }

    .dl-lst dd span {
        color: #39ac6a;
        margin-right: 2px;
        margin-left: 17px;
        font-weight: 700
    }

.footer {
    clear: both;
    width: 100%;
    height: 426px;
    margin-top: 45px
}

    .footer .wrapper {
        width: 1150px
    }

    .footer .f-title {
        height: 75px;
        border-bottom: 1px solid #393939;
        line-height: 75px;
        margin: 0
    }

        .footer .f-title .fr {
            color: #7dcfa0
        }

        .footer .f-title .fl li {
            float: left
        }

            .footer .f-title .fl li.nav_f {
                position: relative;
                text-align: left
            }

                .footer .f-title .fl li.nav_f:hover .sitemap-quick {
                    display: block
                }

                .footer .f-title .fl li.nav_f .sitemap-quick {
                    display: none;
                    width: 200px;
                    position: absolute;
                    background: rgba(71,78,88,.95);
                    padding: 15px;
                    line-height: 20px;
                    border-radius: 3px;
                    right: -70px;
                    top: 49px;
                    z-index: 999;
                    box-shadow: 0 2px 5px rgba(0,0,0,.25);
                    background: #333 \0
                }

                    .footer .f-title .fl li.nav_f .sitemap-quick p {
                        color: #fff3be;
                        font-size: 14px;
                        font-weight: 700
                    }

                    .footer .f-title .fl li.nav_f .sitemap-quick dd a {
                        height: auto;
                        margin: 5px 0;
                        color: #dbece1
                    }

                    .footer .f-title .fl li.nav_f .sitemap-quick .nav_area {
                        clear: both;
                        width: 200px;
                        border-bottom: 1px solid #777;
                        margin-bottom: 10px;
                        padding-bottom: 10px
                    }

                    .footer .f-title .fl li.nav_f .sitemap-quick .last {
                        border: none;
                        margin: 0;
                        padding: 0
                    }

                    .footer .f-title .fl li.nav_f .sitemap-quick a {
                        color: #ddd;
                        font-size: 12px;
                        margin-right: 9px;
                        height: 20px;
                        line-height: 20px;
                        padding: 0;
                        float: none;
                        display: inline-block
                    }

            .footer .f-title .fl li a {
                color: #fff;
                margin-right: 15px;
                font-size: 14px
            }

                .footer .f-title .fl li a:hover {
                    text-decoration: none
                }


    .footer .bottom {
        padding-top: 23px
    }

        .footer .bottom .copyright {
            color: #888c8e;
            font-size: 12px;
            line-height: 20px
        }

        .footer .bottom .hot-frauds {
            display: none
        }



.ui-autocomplete {
    padding-top: 0;
    position: relative;
    box-shadow: none
}

    .ui-autocomplete .ui-menu-item .hot-title {
        width: 325px;
        display: inline-block;
        height: 35px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.searchs {
    height: 48px;
    line-height: 48px;
    padding-top: 10px;
    background-image: url(../../common/img/tips-bg.png?cddbb0d9e6f39e8f2536);
    background-repeat: repeat-x;
    background-size: 18px 62px;
    width: 100%;
    background-color: #f1f1f1
}

    .searchs .search-txt {
        width: 720px
    }

        .searchs .search-txt .yjwd {
            line-height: 33px
        }

            .searchs .search-txt .yjwd a {
                font-size: 12px;
                color: #aaa;
                font-weight: 700
            }

                .searchs .search-txt .yjwd a:hover {
                    text-decoration: none
                }

            .searchs .search-txt .yjwd i {
                display: block;
                float: left;
                padding-top: 11px;
                margin-right: 5px
            }

            .searchs .search-txt .yjwd img {
                width: 12px;
                height: 12px
            }

        .searchs .search-txt .search-tab {
            float: left;
            width: 500px;
            border: 1px solid #ccc;
            border-radius: 2px;
            height: 35px;
            position: relative
        }

            .searchs .search-txt .search-tab .suggest-wrap {
                top: 5px;
                float: right;
                box-shadow: 0 2px 2px rgba(0,0,0,.175);
                border: 1px solid #ccc;
                border-top: 0;
                z-index: 99;
                display: none;
                left: -1px;
                padding: 0
            }

                .searchs .search-txt .search-tab .suggest-wrap .title {
                    background: #f2f4f7;
                    color: #718aa6;
                    font-weight: 700;
                    height: 35px;
                    line-height: 35px;
                    padding-left: 14px
                }

            .searchs .search-txt .search-tab i.icon {
                background: url(../../common/img/bg.png?173fdd8ec9b2a576128e) -850px -51px;
                width: 7px;
                height: 4px;
                display: block;
                float: left;
                margin-top: 16px;
                margin-right: 8px;
                position: absolute;
                left: 60px;
                z-index: 98
            }

            .searchs .search-txt .search-tab .check {
                position: absolute;
                z-index: 98;
                height: 35px;
                line-height: 35px;
                width: 70px;
                text-align: center;
                cursor: pointer
            }

            .searchs .search-txt .search-tab ul.tabs {
                width: 70px;
                float: left;
                position: absolute;
                z-index: 99;
                height: 35px;
                overflow: hidden;
                top: 0;
                background: #fff;
                display: none
            }

                .searchs .search-txt .search-tab ul.tabs li {
                    height: 35px;
                    line-height: 35px;
                    text-align: center
                }

                    .searchs .search-txt .search-tab ul.tabs li:hover {
                        background: #f9f9f9
                    }

                    .searchs .search-txt .search-tab ul.tabs li label {
                        cursor: pointer
                    }

                    .searchs .search-txt .search-tab ul.tabs li a {
                        color: #333
                    }

            .searchs .search-txt .search-tab .txt-serach {
                position: absolute;
                left: 0;
                top: 0
            }

                .searchs .search-txt .search-tab .txt-serach input {
                    float: left;
                    padding-left: 75px;
                    width: 425px;
                    height: 31px;
                    border: 0;
                    background: #fff;
                    line-height: 31px;
                    position: relative;
                    top: 2px
                }

                .searchs .search-txt .search-tab .txt-serach .hot-sug {
                    display: none;
                    margin-top: 36px;
                    margin-left: -1px;
                    position: absolute;
                    z-index: 999
                }

                    .searchs .search-txt .search-tab .txt-serach .hot-sug ul {
                        width: 502px;
                        background: #fff;
                        box-shadow: 0 2px 2px rgba(0,0,0,.175);
                        border: 1px solid #ccc;
                        border-top: 0;
                        box-sizing: border-box;
                        display: none
                    }

                    .searchs .search-txt .search-tab .txt-serach .hot-sug li {
                        height: 35px;
                        line-height: 35px;
                        padding: 0 14px
                    }

                        .searchs .search-txt .search-tab .txt-serach .hot-sug li.hot-name {
                            background: #f2f4f7;
                            color: #718aa6;
                            font-weight: 700
                        }

                            .searchs .search-txt .search-tab .txt-serach .hot-sug li.hot-name:hover {
                                background: #f2f4f7
                            }

                        .searchs .search-txt .search-tab .txt-serach .hot-sug li.del {
                            display: none;
                            text-align: right;
                            cursor: pointer
                        }

                            .searchs .search-txt .search-tab .txt-serach .hot-sug li.del:hover {
                                background: #fff
                            }

                        .searchs .search-txt .search-tab .txt-serach .hot-sug li a {
                            color: #333;
                            display: inline-block;
                            font-size: 14px;
                            text-decoration: none;
                            width: 100%
                        }

                        .searchs .search-txt .search-tab .txt-serach .hot-sug li:hover {
                            background: #f2f2f2
                        }

        .searchs .search-txt form {
            width: 620px;
            float: left
        }

        .searchs .search-txt .act-search {
            width: 100px;
            height: 36px;
            border: 1px solid #aa4741;
            border-radius: 2px;
            float: left;
            margin-left: 10px;
            background: #c7524b;
            color: #fff;
            line-height: 36px;
            font-weight: 700;
            font-size: 14px
        }

    .searchs .last {
        color: #999;
        line-height: 35px;
        width: 190px
    }

        .searchs .last b {
            color: #999;
            font-weight: 700;
            float: left
        }

        .searchs .last a {
            color: #999;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: inline-block;
            width: 100px
        }

        .searchs .last i {
            background: url(../../common/img/bg.png?173fdd8ec9b2a576128e) -845px -19px;
            width: 18px;
            height: 18px;
            display: inline-block;
            margin-top: 8px;
            margin-right: 10px;
            float: left
        }

        .searchs .last .ditu {
            border: 1px solid #bfbfbf;
            border-radius: 2px;
            height: 34px;
            padding: 0 15px;
            line-height: 34px;
            font-size: 14px;
            font-weight: 700;
            color: #333;
            background: #f5f5f5
        }

            .searchs .last .ditu i {
                background: url(../../common/img/bg.png?173fdd8ec9b2a576128e) -1068px -615px;
                width: 13px;
                height: 13px;
                margin: 11px 5px 0 0
            }

            .searchs .last .ditu a {
                width: 81px;
                color: #333;
                display: block;
                text-overflow: inherit;
                white-space: inherit;
                overflow: auto
            }

.savesearch {
    position: absolute;
    right: 3px;
    top: -6px;
    width: 125px
}

    .savesearch, .savesearch .cunn {
        display: none
    }

        .savesearch .icon {
            background: url(../../common/img/save-bg.png?5526a485a206f1d6b18c) -15px -77px;
            width: 16px;
            height: 11px;
            position: absolute;
            right: 53px;
            top: 38px;
            z-index: 10
        }

        .savesearch ul {
            background: #fff;
            z-index: 9;
            width: 502px;
            box-shadow: 0 2px 2px rgba(0,0,0,.175);
            border: 1px solid #ccc;
            border-top: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            position: absolute;
            right: -4px;
            top: 42px
        }

        .savesearch span {
            cursor: pointer;
            color: #aaa
        }

            .savesearch span label {
                background: url(../../common/img/save-bg.png?5526a485a206f1d6b18c) -3px -79px;
                width: 10px;
                height: 6px;
                display: block;
                position: absolute;
                right: 10px;
                top: 21px
            }

                .savesearch span label.down {
                    background: url(../../common/img/save-bg.png?5526a485a206f1d6b18c) -3px -92px
                }

        .savesearch i {
            background: none;
            float: left
        }

        .savesearch li {
            margin: 0 15px;
            line-height: 35px;
            cursor: pointer
        }

            .savesearch li.more {
                text-align: center;
                font-size: 12px;
                color: #999
            }

            .savesearch li.title {
                height: 35px;
                line-height: 35px;
                background: #f5f5f6;
                margin: 0;
                padding: 0 15px;
                border-bottom: 1px solid #e5e5e5;
                cursor: default;
                color: #999;
                font-weight: 700
            }

            .savesearch li.list {
                height: 108px;
                overflow: hidden
            }

        .savesearch .li {
            height: 35px;
            line-height: 35px;
            border-bottom: 1px solid #eee;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #333;
            padding-right: 30px
        }

            .savesearch .li .se {
                background: #f1f1f1;
                margin: 7px 8px 7px 0;
                padding: 10px 4px;
                line-height: 0;
                border-radius: 1px;
                color: #999
            }

            .savesearch .li .ti {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                max-width: 100%;
                color: #333
            }

        .savesearch a {
            color: #555;
            font-size: 12px
        }

.intro {
    height: 46px;
    line-height: 46px;
    background: #f1f1f1;
    border-top: 1px solid #eee
}

    .intro .container {
        width: 1000px;
        margin: 0 auto
    }

    .intro .l-txt, .intro .r-txt {
        font-size: 12px
    }

        .intro .l-txt i {
            background: url(../../common/img/spring-img.png?ec54b951cb221b415c0c) no-repeat -12px -7px;
            width: 13px;
            height: 19px;
            display: inline-block;
            position: relative;
            top: 3px
        }

        .intro .l-txt a, .intro .l-txt span {
            color: #555
        }

            .intro .l-txt span.stp {
                color: #999;
                font-family: simsun
            }

        .intro .l-txt .num {
            color: #e4393c
        }

    .intro .r-txt {
        color: #888
    }

        .intro .r-txt .desc {
            color: #39ac6a
        }

.clear-fl:after {
    clear: both;
    content: ".";
    height: 0;
    display: block;
    overflow: hidden
}

.fix-right {
    position: fixed;
    right: 20px;
    bottom: 50px;
    width: 37px;
    transition: all .3s ease-in-out;
    z-index: 100
}

    .fix-right .tips {
        display: none;
        width: 37px;
        background: #f9f9f9;
        box-shadow: 0 1px 3px rgba(0,0,0,.2);
        border-radius: 2px
    }

        .fix-right .tips li {
            height: 24px;
            width: 37px;
            padding: 7px 0;
            position: relative;
            overflow: hidden
        }

            .fix-right .tips li span {
                background-image: url(../../common/img/Sprite_Graphic.png?8aae97bd624eebf2e9cd);
                background-position: -594px -168px;
                opacity: 0;
                filter: alpha(opacity=0);
                min-width: 79px;
                width: auto;
                height: 37px;
                position: absolute;
                left: -96px;
                top: 0;
                padding-right: 5px;
                text-align: center;
                line-height: 37px;
                color: #fff;
                font-size: 12px;
                transition: all .5s ease-in
            }

                .fix-right .tips li span.erweima {
                    background: none;
                    position: absolute;
                    top: -1px;
                    left: -94px;
                    height: 88px;
                    width: 82px
                }

                    .fix-right .tips li span.erweima img {
                        width: 82px;
                        height: 88px
                    }

                .fix-right .tips li span.tel {
                    background-position: -717px -168px;
                    width: 152px;
                    left: -160px;
                    padding-right: 5px
                }

            .fix-right .tips li:hover {
                background: #39ac6a
            }

                .fix-right .tips li:hover span {
                    filter: alpha(opacity=100);
                    left: -76px
                }

                    .fix-right .tips li:hover span.erweima {
                        top: -1px;
                        left: -74px
                    }

                    .fix-right .tips li:hover span.tel {
                        left: -150px
                    }

                .fix-right .tips li:hover label.erweima {
                    background-position: -651px -24px
                }

                .fix-right .tips li:hover label.feedback {
                    background-position: -651px -60px;
                    cursor: pointer
                }

                .fix-right .tips li:hover label.im {
                    background-position: -651px -100px
                }

                .fix-right .tips li:hover label.phone {
                    background-position: -651px -137px
                }

                .fix-right .tips li:hover label.baodan {
                    background-position: -675px -100px
                }

            .fix-right .tips li label {
                background: url(../../common/img/Sprite_Graphic.png?8aae97bd624eebf2e9cd);
                margin: 0 auto
            }

                .fix-right .tips li label, .fix-right .tips li label a {
                    display: block;
                    width: 17px;
                    height: 19px
                }

                    .fix-right .tips li label.erweima {
                        background-position: -622px -24px;
                        margin-top: 3px
                    }

                    .fix-right .tips li label.feedback {
                        background-position: -622px -60px
                    }

                    .fix-right .tips li label.im {
                        background-position: -622px -100px;
                        margin-top: 4px
                    }

                    .fix-right .tips li label.phone {
                        background-position: -622px -137px;
                        margin-top: 5px
                    }

                    .fix-right .tips li label.baodan {
                        background-position: -697px -100px;
                        margin-top: 3px
                    }

    .fix-right .has-ask {
        background: url(../../common/img/Sprite_Graphic.png?8aae97bd624eebf2e9cd) -824px -1px;
        box-shadow: 0 1px 3px rgba(0,0,0,.2);
        border-radius: 2px;
        width: 37px;
        height: 37px;
        margin-top: 9px;
        position: relative;
        cursor: pointer;
        overflow: hidden;
        display: none
    }

        .fix-right .has-ask a {
            color: #adadaf;
            display: block;
            width: 37px;
            height: 37px
        }

        .fix-right .has-ask:hover {
            background: url(../../common/img/Sprite_Graphic.png?8aae97bd624eebf2e9cd) -780px -1px
        }

            .fix-right .has-ask:hover a {
                color: #fff;
                text-decoration: none
            }

    .fix-right .go-top {
        background: #f9f9f9;
        box-shadow: 0 1px 3px rgba(0,0,0,.2);
        border-radius: 2px;
        width: 37px;
        height: 24px;
        margin-top: 9px;
        padding-top: 13px;
        position: relative;
        cursor: pointer;
        overflow: hidden;
        display: none
    }

        .fix-right .go-top:hover {
            background: #39ac6a
        }

            .fix-right .go-top:hover i {
                background: url(../../common/img/Sprite_Graphic.png?8aae97bd624eebf2e9cd) -633px -230px
            }

            .fix-right .go-top:hover span {
                left: -70px;
                filter: alpha(opacity=100);
                transition: all .5s ease-in
            }

        .fix-right .go-top i {
            background: url(../../common/img/Sprite_Graphic.png?8aae97bd624eebf2e9cd) -604px -230px;
            width: 17px;
            height: 9px;
            display: block;
            margin: 0 auto
        }

        .fix-right .go-top span {
            background: url(../../common/img/Sprite_Graphic.png?8aae97bd624eebf2e9cd) -600px -168px;
            display: block;
            width: 74px;
            height: 37px;
            position: absolute;
            left: -90px;
            top: 0;
            filter: alpha(opacity=0);
            text-align: center;
            line-height: 37px;
            color: #fff;
            font-size: 12px;
            padding-right: 5px
        }

.sh-erweima {
    width: 215px;
    height: 175px;
    background-position: 0 0;
    right: 173px;
    top: 10px
}

.ewm-close, .sh-erweima {
    background-image: url(../../common/img/sh-erweima.png?0c33daa4407b8496fb69);
    position: relative;
    display: none
}

.ewm-close {
    background-position: 0 -239px;
    width: 31px;
    height: 31px;
    top: 30px;
    right: -20px;
    z-index: 99
}

.feedback-box {
    z-index: 10000;
    display: none;
    width: 415px;
    padding: 55px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    border-radius: 2px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -263px;
    margin-top: -273px
}

    .feedback-box h1 {
        text-align: center;
        font-size: 20px;
        line-height: 40px
    }

    .feedback-box p {
        font-size: 12px;
        color: #999;
        line-height: 20px
    }

    .feedback-box .box {
        padding-top: 15px
    }

        .feedback-box .box span {
            display: block;
            font-weight: 700;
            padding-bottom: 12px
        }

            .feedback-box .box span label {
                color: red;
                font-size: 12px;
                margin-left: 10px;
                display: none
            }

            .feedback-box .box span i {
                color: #999
            }

        .feedback-box .box input {
            width: 182px;
            height: 34px;
            padding: 0 8px
        }

        .feedback-box .box input, .feedback-box .box textarea {
            border-radius: 2px;
            border: 1px solid #ddd;
            box-shadow: inset 1px 1px 3px rgba(0,0,0,.05)
        }

        .feedback-box .box textarea {
            width: 397px;
            height: 120px;
            padding: 8px
        }

    .feedback-box button {
        background: #39ac6a;
        width: 180px;
        height: 43px;
        line-height: 43px;
        color: #fff;
        border-radius: 2px;
        margin-top: 26px;
        font-size: 16px;
        cursor: pointer
    }

    .feedback-box #tips {
        color: #e4393c;
        font-size: 12px;
        display: block;
        margin-top: 20px
    }

    .feedback-box .has {
        margin-top: 40px;
        font-size: 12px
    }

        .feedback-box .has a {
            color: #1688be
        }

        .feedback-box .has i {
            background: url(../../common/img/Sprite_Graphic.png?8aae97bd624eebf2e9cd) -722px -102px;
            display: inline-block;
            width: 14px;
            height: 14px;
            position: relative;
            top: 3px;
            margin-right: 3px
        }

    .feedback-box .tab {
        margin-top: 25px
    }

        .feedback-box .tab span {
            color: #394043;
            font-size: 14px;
            background: #f5f5f6;
            display: inline-block;
            height: 34px;
            line-height: 34px;
            padding: 0 15px;
            cursor: pointer
        }

            .feedback-box .tab span.check {
                color: #f5f5f6;
                background: #394043;
                position: relative
            }

                .feedback-box .tab span.check:after {
                    content: "";
                    display: inline-block;
                    width: 0;
                    height: 0;
                    border-top: 5px solid #394043;
                    border-left: 5px solid transparent;
                    border-right: 5px solid transparent;
                    position: absolute;
                    left: 50px;
                    top: 34px;
                    margin-left: -11px
                }

    .feedback-box .complain .appeal .tel {
        background: #f9f4e4;
        width: 100%;
        color: #887b50;
        height: 50px;
        line-height: 50px;
        text-align: center;
        margin-top: 37px
    }

        .feedback-box .complain .appeal .tel i {
            background-image: url(../../common/img/zhuanti/tousu.png?dd1e6b6b769e1a524701);
            background-image: -webkit-image-set(url(../../common/img/zhuanti/tousu.png?dd1e6b6b769e1a524701) 1x,url(../../common/img/zhuanti/tousu@2x.png?9f8284e4b38889f9786d) 2x);
            background-position: -4px -47px;
            width: 9px;
            height: 14px;
            display: inline-block;
            margin-right: 5px;
            position: relative;
            top: 1px
        }

    .feedback-box .complain .appeal b {
        color: #394043;
        font-weight: 700;
        margin-top: 40px;
        display: block
    }

    .feedback-box .complain .appeal p {
        color: #b2b2b2;
        line-height: 23px
    }

    .feedback-box .complain .appeal ul li {
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid #f5f5f5
    }

        .feedback-box .complain .appeal ul li span {
            color: #394043;
            font-size: 12px;
            display: inline-block
        }

            .feedback-box .complain .appeal ul li span.time {
                width: 142px
            }

            .feedback-box .complain .appeal ul li span.name {
                width: 60px
            }

            .feedback-box .complain .appeal ul li span.phone {
                width: 97px
            }

            .feedback-box .complain .appeal ul li span.type {
                width: 80px
            }

            .feedback-box .complain .appeal ul li span.finish, .feedback-box .complain .appeal ul li span.handle {
                font-weight: 700
            }

            .feedback-box .complain .appeal ul li span.handle {
                color: #938762
            }

            .feedback-box .complain .appeal ul li span.finish {
                color: #0079fe
            }

    .feedback-box .complain .appeal a {
        color: #b2b2b2;
        font-size: 12px;
        text-decoration: underline;
        display: block;
        margin-top: 10px
    }

.closebok {
    position: absolute;
    right: -23px;
    top: -23px;
    z-index: 999
}

    .closebok, .closebok img {
        width: 50px
    }

.fix-right-v2 {
    position: fixed;
    right: 0;
    top: 0;
    width: 38px;
    height: 100%;
    background: #fff;
    z-index: 1000;
    box-shadow: 0 1px 10px rgba(0,0,0,.2);
    z-index: 1001
}

    .fix-right-v2 table {
        width: 100%;
        height: 100%
    }

    .fix-right-v2 table, .fix-right-v2 td {
        margin: 0;
        padding: 0;
        border: 0;
        border-spacing: 0;
        border-collapse: collapse
    }

    .fix-right-v2 a {
        display: block;
        width: 38px;
        background-image: url(../../common/img/sidebar_spriteV4.png?a211b4478decdf3a64cc);
        background-image: -webkit-image-set(url(../../common/img/sidebar_spriteV4.png?a211b4478decdf3a64cc) 1x,url(../../common/img/sidebar_spriteV4@2x.png?eaf30b95a003bca0e692) 2x);
        overflow: hidden;
        cursor: pointer
    }

    .fix-right-v2 li {
        position: relative;
        margin: 7px 0
    }

        .fix-right-v2 li span {
            position: absolute;
            right: 48px;
            top: 0;
            display: none;
            padding: 0 14px;
            line-height: 38px;
            color: #fff;
            font-size: 12px;
            background: #0079fe;
            white-space: nowrap
        }

            .fix-right-v2 li span i {
                position: absolute;
                right: 0;
                top: 50%;
                width: 0;
                height: 0;
                margin: -5px -10px 0 0;
                border: 5px solid transparent;
                border-left-color: #0079fe;
                overflow: hidden
            }

        .fix-right-v2 li .popup-qr {
            top: -30px;
            padding: 8px;
            background: #fff
        }

            .fix-right-v2 li .popup-qr i {
                border-color: transparent transparent transparent #fff
            }

            .fix-right-v2 li .popup-qr .qr-title {
                display: block;
                padding-top: 8px;
                color: #000;
                line-height: 12px;
                font-size: 12px;
                text-align: center
            }

    .fix-right-v2 .myfav a, .fix-right-v2 .myfav span {
        height: 38px;
        line-height: 38px
    }

    .fix-right-v2 .myfav a {
        background-position: -38px 0
    }

    .fix-right-v2 .myfav:hover a {
        background-position: 0 0
    }

    .fix-right-v2 .ask a, .fix-right-v2 .ask span {
        height: 50px;
        line-height: 50px
    }

    .fix-right-v2 .ask a {
        background-position: -38px -38px
    }

    .fix-right-v2 .ask:hover a {
        background-position: 0 -38px
    }

    .fix-right-v2 .sell a, .fix-right-v2 .sell span {
        height: 50px;
        line-height: 50px
    }

    .fix-right-v2 .sell a {
        background-position: -38px -88px
    }

    .fix-right-v2 .sell:hover a {
        background-position: 0 -88px
    }

    .fix-right-v2 .kefu a, .fix-right-v2 .kefu span {
        height: 38px;
        line-height: 38px
    }

    .fix-right-v2 .kefu a {
        background-position: -38px -142px
    }

    .fix-right-v2 .kefu:hover a {
        background-position: 0 -142px
    }

    .fix-right-v2 .baodan a, .fix-right-v2 .baodan span {
        height: 38px;
        line-height: 38px
    }

    .fix-right-v2 .baodan a {
        background-image: url(../../common/img/sidebar_spriteV5@2x.png?7d8f2209994880e75846);
        background-image: -webkit-image-set(url(../../common/img/sidebar_spriteV5.png?0f5b0e265baef4dbddd6) 1x,url(../../common/img/sidebar_spriteV5@2x.png?7d8f2209994880e75846) 2x);
        background-position: -38px -186px
    }

    .fix-right-v2 .baodan:hover a {
        background-position: 0 -186px
    }

    .fix-right-v2 .download a, .fix-right-v2 .download span {
        line-height: 38px
    }

    .fix-right-v2 .download a {
        height: 38px;
        background-position: -38px -224px
    }

    .fix-right-v2 .download:hover a {
        background-position: 0 -224px
    }

    .fix-right-v2 .phone a, .fix-right-v2 .phone span {
        height: 38px;
        line-height: 38px
    }

    .fix-right-v2 .phone a {
        cursor: default;
        background-position: -38px -265px
    }

    .fix-right-v2 .phone:hover a {
        background-position: 0 -265px
    }

    .fix-right-v2 .feedback a, .fix-right-v2 .feedback span {
        height: 38px;
        line-height: 38px
    }

    .fix-right-v2 .feedback a {
        background-position: -38px -302px
    }

    .fix-right-v2 .feedback:hover a {
        background-position: 0 -302px
    }

    .fix-right-v2 .avoiddistrub a, .fix-right-v2 .avoiddistrub span {
        height: 38px;
        line-height: 38px
    }

    .fix-right-v2 .avoiddistrub a {
        background-position: -38px -466px
    }

    .fix-right-v2 .avoiddistrub:hover a {
        background-position: 0 -466px
    }

    .fix-right-v2 .gotop {
        position: absolute;
        bottom: 50px
    }

        .fix-right-v2 .gotop a, .fix-right-v2 .gotop span {
            height: 38px;
            line-height: 38px
        }

        .fix-right-v2 .gotop a {
            background-position: -38px -338px
        }

        .fix-right-v2 .gotop:hover a {
            background-position: 0 -338px
        }

    .fix-right-v2 .sidebar-line {
        width: 19px;
        height: 1px;
        margin: 7px auto;
        background: #ccc
    }

.fix-right-v3 {
    position: fixed;
    right: 0;
    top: 0;
    width: 38px;
    height: 100%;
    background: #fff;
    z-index: 1000;
    box-shadow: 0 1px 10px rgba(0,0,0,.2);
    z-index: 1001
}

    .fix-right-v3 table {
        width: 100%;
        height: 100%
    }

    .fix-right-v3 table, .fix-right-v3 td {
        margin: 0;
        padding: 0;
        border: 0;
        border-spacing: 0;
        border-collapse: collapse
    }

    .fix-right-v3 .sidebar-item > a {
        display: block;
        width: 38px;
        background-image: url(../../common/img/sidebar_spriteV3.png?0b8dc8aa17cc3a7e2384);
        background-image: -webkit-image-set(url(../../common/img/sidebar_spriteV3.png?0b8dc8aa17cc3a7e2384) 1x,url(../../common/img/sidebar_spriteV3@2x.png?8f217981d31ff3fbebf7) 2x);
        overflow: hidden;
        cursor: pointer
    }

    .fix-right-v3 .sidebar-item {
        position: relative;
        margin: 7px 0
    }

        .fix-right-v3 .sidebar-item .popup {
            position: absolute;
            right: 48px;
            top: 0;
            display: none;
            padding: 0 14px;
            color: #fff;
            font-size: 12px;
            background: #0079fe;
            white-space: nowrap
        }

            .fix-right-v3 .sidebar-item .popup i {
                position: absolute;
                right: 0;
                top: 50%;
                width: 0;
                height: 0;
                margin: -5px -10px 0 0;
                border: 5px solid transparent;
                border-left-color: #0079fe;
                overflow: hidden
            }

        .fix-right-v3 .sidebar-item .popup-qr {
            top: -30px;
            padding: 8px;
            background: #fff
        }

            .fix-right-v3 .sidebar-item .popup-qr i {
                border-color: transparent transparent transparent #fff
            }

            .fix-right-v3 .sidebar-item .popup-qr .qr-title {
                display: block;
                padding-top: 8px;
                color: #000;
                line-height: 12px;
                font-size: 12px;
                text-align: center
            }

    .fix-right-v3 .myfav > a, .fix-right-v3 .myfav span {
        height: 38px;
        line-height: 38px
    }

    .fix-right-v3 .myfav > a {
        background-position: -38px 0
    }

    .fix-right-v3 .myfav:hover > a {
        background-position: 0 0
    }

    .fix-right-v3 .mycart > a {
        height: 38px;
        line-height: 38px;
        background-position: -38px -421px
    }

    .fix-right-v3 .mycart.not-empty > a {
        background-position: -38px -378px
    }

    .fix-right-v3 .mycart:hover > a {
        background-position: 0 -378px
    }

    .fix-right-v3 .mycart .popup {
        padding: 15px 25px 25px;
        box-shadow: 0 0 3px rgba(0,0,0,.3);
        border: 1px solid #f5f5f6;
        width: 300px;
        background: #fff;
        color: #616669;
        z-index: 100
    }

        .fix-right-v3 .mycart .popup i {
            border-color: transparent transparent transparent #fff;
            top: 18px
        }

        .fix-right-v3 .mycart .popup .head-line {
            color: #d0d1d2;
            line-height: 18px;
            padding-bottom: 13px;
            border-bottom: 1px solid #eee
        }

            .fix-right-v3 .mycart .popup .head-line .title a {
                font-size: 18px;
                font-weight: 700;
                color: #394043
            }

                .fix-right-v3 .mycart .popup .head-line .title a:hover {
                    text-decoration: none
                }

            .fix-right-v3 .mycart .popup .head-line .explain {
                margin-left: 15px;
                line-height: 18px
            }

                .fix-right-v3 .mycart .popup .head-line .explain a {
                    color: #d0d1d2
                }

                    .fix-right-v3 .mycart .popup .head-line .explain a:hover {
                        text-decoration: none
                    }

        .fix-right-v3 .mycart .popup .zones {
            overflow-y: auto;
            overflow-x: hidden;
            max-height: 410px;
            margin-bottom: 13px
        }

            .fix-right-v3 .mycart .popup .zones .zone {
                padding-top: 5px
            }

                .fix-right-v3 .mycart .popup .zones .zone .zone-title {
                    color: #616669;
                    font-size: 14px;
                    line-height: 45px
                }

                .fix-right-v3 .mycart .popup .zones .zone .houses > li {
                    display: block;
                    margin-bottom: 20px
                }

                    .fix-right-v3 .mycart .popup .zones .zone .houses > li:last-child {
                        margin-bottom: 10px
                    }

                    .fix-right-v3 .mycart .popup .zones .zone .houses > li .house-detail {
                        margin-left: 14px
                    }

                    .fix-right-v3 .mycart .popup .zones .zone .houses > li img {
                        width: 80px;
                        height: 60px
                    }

                    .fix-right-v3 .mycart .popup .zones .zone .houses > li h1 {
                        font-size: 15px;
                        line-height: 15px;
                        font-weight: 700;
                        max-width: 188px;
                        overflow: hidden;
                        text-overflow: ellipsis
                    }

                        .fix-right-v3 .mycart .popup .zones .zone .houses > li h1 a {
                            color: #394043
                        }

                    .fix-right-v3 .mycart .popup .zones .zone .houses > li .info {
                        color: #616669;
                        font-size: 12px;
                        line-height: 12px;
                        margin: 10px 0
                    }

                    .fix-right-v3 .mycart .popup .zones .zone .houses > li .price {
                        font-size: 15px;
                        font-weight: 700;
                        line-height: 15px;
                        color: #db4c3f
                    }

        .fix-right-v3 .mycart .popup .zone-loading {
            text-align: center
        }

        .fix-right-v3 .mycart .popup .book-btn a {
            color: #fff;
            background: #0079fe;
            font-size: 14px;
            font-weight: 700;
            line-height: 45px;
            border-radius: 2px;
            text-align: center;
            cursor: pointer;
            display: inline-block;
            width: 100%
        }

            .fix-right-v3 .mycart .popup .book-btn a:hover {
                text-decoration: none
            }

        .fix-right-v3 .mycart .popup .empty-cart, .fix-right-v3 .mycart .popup .failed-cart, .fix-right-v3 .mycart .popup .loading {
            color: #969696;
            font-size: 17px;
            text-align: center
        }

            .fix-right-v3 .mycart .popup .empty-cart .empty-img, .fix-right-v3 .mycart .popup .failed-cart .empty-img, .fix-right-v3 .mycart .popup .loading .empty-img {
                margin: 40px auto 30px;
                width: 99px;
                height: 94px;
                background-image: url(../../common/img/empty_cart.png?7b6482cece65c3f11d04);
                background-image: -webkit-image-set(url(../../common/img/empty_cart.png?7b6482cece65c3f11d04) 1x,url(../../common/img/empty_cart@2x.png?6b3e8f7c99bf96022896) 2x);
                background-repeat: no-repeat
            }

            .fix-right-v3 .mycart .popup .empty-cart .failed-img, .fix-right-v3 .mycart .popup .failed-cart .failed-img, .fix-right-v3 .mycart .popup .loading .failed-img {
                margin: 40px auto 30px;
                width: 77px;
                height: 106px;
                background-image: url(../../common/img/failed.png?94fd5a28aabe59df15e7);
                background-image: -webkit-image-set(url(../../common/img/failed.png?94fd5a28aabe59df15e7) 1x,url(../../common/img/failed@2x.png?42ac87677594872371f4) 2x);
                background-repeat: no-repeat
            }

            .fix-right-v3 .mycart .popup .empty-cart .loading-img, .fix-right-v3 .mycart .popup .failed-cart .loading-img, .fix-right-v3 .mycart .popup .loading .loading-img {
                background: none;
                margin: 20px auto 18px;
                width: 34px;
                height: 34px
            }

            .fix-right-v3 .mycart .popup .empty-cart .msg, .fix-right-v3 .mycart .popup .failed-cart .msg, .fix-right-v3 .mycart .popup .loading .msg {
                line-height: 17px;
                margin-bottom: 50px
            }

            .fix-right-v3 .mycart .popup .loading .msg {
                margin-bottom: 23px
            }

    .fix-right-v3 .msg-cart a {
        background-position: -38px -378px
    }

    .fix-right-v3 .ask a, .fix-right-v3 .ask span {
        height: 50px;
        line-height: 50px
    }

    .fix-right-v3 .ask a {
        background-position: -38px -38px
    }

    .fix-right-v3 .ask:hover a {
        background-position: 0 -38px
    }

    .fix-right-v3 .sell a, .fix-right-v3 .sell span {
        height: 50px;
        line-height: 50px
    }

    .fix-right-v3 .sell a {
        background-position: -38px -88px
    }

    .fix-right-v3 .sell:hover a {
        background-position: 0 -88px
    }

    .fix-right-v3 .kefu a, .fix-right-v3 .kefu span {
        height: 38px;
        line-height: 38px
    }

    .fix-right-v3 .kefu a {
        background-position: -38px -142px
    }

    .fix-right-v3 .kefu:hover a {
        background-position: 0 -142px
    }

    .fix-right-v3 .baodan a, .fix-right-v3 .baodan span {
        height: 38px;
        line-height: 38px
    }

    .fix-right-v3 .baodan a {
        background-image: url(../../common/img/sidebar_spriteV5@2x.png?7d8f2209994880e75846);
        background-image: -webkit-image-set(url(../../common/img/sidebar_spriteV5.png?0f5b0e265baef4dbddd6) 1x,url(../../common/img/sidebar_spriteV5@2x.png?7d8f2209994880e75846) 2x);
        background-position: -38px -186px
    }

    .fix-right-v3 .baodan:hover a {
        background-position: 0 -186px
    }

    .fix-right-v3 .download a, .fix-right-v3 .download span {
        line-height: 38px
    }

    .fix-right-v3 .download a {
        height: 38px;
        background-position: -38px -224px
    }

    .fix-right-v3 .download:hover a {
        background-position: 0 -224px
    }

    .fix-right-v3 .phone a, .fix-right-v3 .phone span {
        height: 38px;
        line-height: 38px
    }

    .fix-right-v3 .phone a {
        cursor: default;
        background-position: -38px -265px
    }

    .fix-right-v3 .phone:hover a {
        background-position: 0 -265px
    }

    .fix-right-v3 .feedback a, .fix-right-v3 .feedback span {
        height: 38px;
        line-height: 38px
    }

    .fix-right-v3 .feedback a {
        background-position: -38px -302px
    }

    .fix-right-v3 .feedback:hover a {
        background-position: 0 -302px
    }

    .fix-right-v3 .avoiddistrub a, .fix-right-v3 .avoiddistrub span {
        height: 38px;
        line-height: 38px
    }

    .fix-right-v3 .avoiddistrub a {
        background-position: -38px -466px
    }

    .fix-right-v3 .avoiddistrub:hover a {
        background-position: 0 -466px
    }

    .fix-right-v3 .gotop {
        position: absolute;
        bottom: 50px
    }

        .fix-right-v3 .gotop a, .fix-right-v3 .gotop span {
            height: 38px;
            line-height: 38px
        }

        .fix-right-v3 .gotop a {
            background-position: -38px -338px
        }

        .fix-right-v3 .gotop:hover a {
            background-position: 0 -338px
        }

    .fix-right-v3 .sidebar-line {
        width: 19px;
        height: 1px;
        margin: 7px auto;
        background: #ccc
    }

.wrap-video-all {
    float: left;
    margin: 0 -50px 0 -80px;
    line-height: 36px;
    color: #999;
    cursor: pointer
}

    .wrap-video-all img {
        position: relative;
        top: 10px;
        left: 0;
        height: 14px;
        margin-right: 5px
    }

    .wrap-video-all a {
        color: #999
    }

    .wrap-video-all:hover {
        text-decoration: underline
    }

.video-box {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1100;
    width: 100%;
    height: 100%
}

    .video-box .video-bg {
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .5;
        position: absolute
    }

    .video-box .video-embed {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background: #fff;
        float: left;
        padding: 20px;
        width: 650px;
        height: 490px;
        border-radius: 5px
    }

        .video-box .video-embed .video-title {
            float: left;
            width: 650px;
            margin-bottom: 16px
        }

            .video-box .video-embed .video-title .video-app-download {
                position: relative;
                margin-left: 18px
            }

                .video-box .video-embed .video-title .video-app-download a {
                    cursor: pointer;
                    color: #22b97a
                }

                    .video-box .video-embed .video-title .video-app-download a .video-logo-app {
                        margin-right: 7px;
                        position: relative;
                        left: 0;
                        top: 1px;
                        height: 17px
                    }

                    .video-box .video-embed .video-title .video-app-download a span {
                        position: relative
                    }

                    .video-box .video-embed .video-title .video-app-download a:hover {
                        text-decoration: underline
                    }

        .video-box .video-embed .video-close {
            position: absolute;
            top: -20px;
            right: -20px;
            width: 40px
        }

.advert .entry {
    position: fixed;
    left: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 100
}

    .advert .entry img {
        width: 163px
    }

.advert .huodongBox {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1011
}

    .advert .huodongBox img {
        width: 750px
    }

        .advert .huodongBox img.advertClose {
            width: 42px;
            height: 42px;
            position: absolute;
            right: -20px;
            top: -20px;
            cursor: pointer
        }

.advert .huodong-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -245px 0 0 -335px
}

a, a:focus {
    outline: none
}

    a:hover {
        text-decoration: underline
    }

.mtl {
    margin-top: 20px
}

.clear:after {
    content: ".";
    height: 0;
    visibility: hidden;
    line-height: 0
}

.clear {
    display: inline-table;
    *zoom: 1
}

* html .clear {
    height: 1%
}

.clear {
    display: block
}

.hide {
    display: none
}

::selection {
    color: #fff;
    background-color: #1688be
}

::-moz-selection {
    color: #fff;
    background-color: #1688be
}

::-webkit-selection {
    color: #fff;
    background-color: #1688be
}

.left {
    float: left
}

.right {
    float: right
}

.fs14 {
    font-size: 14px
}

.ft-num {
    font-family: Arial,sans-serif
}

.wrapper {
    width: 1000px;
    margin: 0 auto
}

.p {
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1
}

.box-shadow {
    box-shadow: 0 2px 4px 0 hsla(0,0%,62%,.2);
    -o-box-shadow: "" 0 2px 4px 0 hsla(0,0%,62%,.2) 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 2px 4px 0 1px 2px "" hsla(0,0%,62%,.2) rgba(0,0,0,.2)
}

@media screen {
    .lazyload {
        opacity: 0
    }

        .lazyload.loaded {
            transition: opacity .3s ease-in;
            transition: all opacity .3s ease-in ease;
            opacity: 1
        }
}

.ico {
    background-image: url(../../common/img/ico.png?83640703eb3ba4117901);
    _background-image: url(../../common/img/ico.png?83640703eb3ba4117901);
    background-repeat: no-repeat;
    width: 20px;
    height: 19px;
    overflow: hidden;
    margin: -1px 5px 0 0
}

.ico-place {
    background-position: -65px 1px;
    margin-right: -5px
}

.ico-place-white {
    background-position: -100px -20px;
    width: 11px;
    height: 14px
}

.ico-place-list {
    width: 11px;
    height: 14px;
    background-position: -103px -42px
}

.ico-all {
    background-position: 0 0
}

.ico-train {
    background-position: -20px 0
}

.ico-map {
    background-position: -40px 0
}

.ico-star {
    background-position: -80px 0
}

.ico-arr-down {
    background-position: -80px -20px;
    margin-right: 0;
    width: 15px
}

.ico-pic {
    background: url(../../common/img/pic-ico.png?ff61edbf26d30274a1e8) no-repeat;
    width: 11px;
    height: 11px
}

.ico-arr-w-down {
    background-position: -102px 0;
    width: 15px
}

.ico-hot {
    background-position: -60px -20px;
    width: 10px;
    height: 11px
}

.ico-new {
    background-position: -60px -40px;
    width: 24px;
    height: 11px
}

.icon-hui {
    background: url(../../common/img/bg.png?173fdd8ec9b2a576128e) no-repeat -150px -444px;
    width: 31px;
    height: 20px;
    display: inline-block
}

.ico, .ico-pic {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle
}

.suggest-wrap {
    position: relative;
    *zoom: 1;
    top: -1px
}

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

    .suggest-wrap:after {
        clear: both
    }

    .suggest-wrap .home-ico {
        position: absolute;
        display: none;
        margin: 4px 0 0 21px
    }

.ui-front {
    z-index: 1002
}

.ui-autocomplete {
    font-family: Hiragino Sans GB,"\5FAE\8F6F\96C5\9ED1",Microsoft YaHei,SimHei,Tahoma,"\5B8B\4F53 b8b\4F53",SimSun,sans-serif;
    margin-top: 0;
    background-color: #fff;
    border-top: 0;
    padding: 0 0 15px;
    box-sizing: border-box
}

    .ui-autocomplete .ui-menu-item {
        position: relative;
        margin: 0;
        line-height: 35px;
        height: 35px;
        padding: 0 20px;
        cursor: pointer
    }

        .ui-autocomplete .ui-menu-item .count b {
            margin-left: 6px
        }

        .ui-autocomplete .ui-menu-item a {
            display: block;
            font-size: 14px;
            color: #333
        }

        .ui-autocomplete .ui-menu-item .sub-text {
            font-size: 12px;
            color: #999;
            height: 35px
        }

        .ui-autocomplete .ui-menu-item .hot-title b {
            font-weight: 700
        }

    .ui-autocomplete .ui-state-focus {
        background-color: #f9f9f9
    }

        .ui-autocomplete .ui-state-focus .count, .ui-autocomplete .ui-state-focus .sub-text, .ui-autocomplete .ui-state-focus a, .ui-autocomplete .ui-state-focus span {
            color: #333
        }

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.search-panel-common .suggest-wrap {
    top: 31px
}

    .search-panel-common .suggest-wrap .ui-autocomplete {
        margin-top: 0;
        padding: 1px;
        border-radius: 0 0 3px 3px
    }

        .search-panel-common .suggest-wrap .ui-autocomplete .ui-menu-item {
            line-height: 25px;
            height: 25px;
            padding: 0 10px;
            cursor: pointer
        }

            .search-panel-common .suggest-wrap .ui-autocomplete .ui-menu-item .count, .search-panel-common .suggest-wrap .ui-autocomplete .ui-menu-item .sub-text {
                display: none
            }

    .search-panel-common .suggest-wrap .count {
        width: 60px;
        overflow: hidden
    }

.page-box a {
    height: 30px;
    padding: 0 12px;
    margin-left: 5px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #b0b4b9;
    overflow: hidden;
    font-size: 12px;
    font-weight: 700;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    color: #555;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle
}

    .page-box a.on {
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
        cursor: default;
        background: #f5f5f5
    }

.page-box span {
    font-size: 16px;
    margin: 0 8px 0 13px
}

.page-box .blue-btn {
    background: #1f6bdf url(../../common/img/btn-bg.png?4d5019e695050b12d77c) 0 -60px repeat-x;
    border-color: #1f66c3;
    color: #fff;
    width: auto;
    padding: 0 30px
}

    .page-box .blue-btn:hover {
        background-position: 0 -90px;
        text-decoration: none
    }

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.loninContaner {
    position: relative;
    z-index: 1008
}

    .loninContaner .y_name {
        background: url(../../common/img/bg.png?173fdd8ec9b2a576128e) no-repeat -678px -23px;
        *zoom: 1;
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: middle;
        width: 255px;
        height: 50px
    }

    .loninContaner .overlay_bg {
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: .6;
        filter: alpha(opacity=60);
        position: fixed;
        top: 0;
        left: 0;
        display: none;
        z-index: 1003
    }

    .loninContaner .registered {
        width: 380px;
        text-align: right;
        color: #555;
        padding: 10px 0 25px;
        margin-top: 5px
    }

        .loninContaner .registered a {
            color: #e4393c
        }

    .loninContaner .panel_login {
        width: 340px;
        height: auto;
        background-color: #fff;
        position: fixed;
        z-index: 999;
        left: 50%;
        top: 50%;
        margin-left: -190px;
        margin-top: -205px;
        padding-left: 40px;
        box-shadow: 1px 3px 14px rgba(0,0,0,.3);
        -moz-box-shadow: 1px 3px 14px rgba(0,0,0,.3);
        -webkit-box-shadow: 1px 3px 14px rgba(0,0,0,.3);
        -o-box-shadow: 1px 3px 14px rgba(0,0,0,.3);
        display: none;
        z-index: 10000;
        border-radius: 2px
    }

        .loninContaner .panel_login.panel_success {
            width: 380px;
            height: 125px;
            padding-left: 0;
            text-align: center;
            padding-top: 57px;
            display: block;
            border-radius: 2px;
            font-weight: 700;
            font-size: 18px
        }

            .loninContaner .panel_login.panel_success i {
                position: absolute;
                top: 8px;
                right: 10px;
                line-height: 25px;
                cursor: pointer
            }

            .loninContaner .panel_login.panel_success .tologin {
                cursor: pointer
            }

            .loninContaner .panel_login.panel_success > div {
                font-weight: lighter;
                font-size: 14px;
                margin-top: 20px
            }

                .loninContaner .panel_login.panel_success > div a {
                    color: #0079fe;
                    text-decoration: none
                }

                    .loninContaner .panel_login.panel_success > div a:hover {
                        text-decoration: underline
                    }

        .loninContaner .panel_login .panel_info {
            padding-top: 40px;
            width: 300px
        }

            .loninContaner .panel_login .panel_info .close_login {
                cursor: pointer;
                position: absolute;
                right: 15px;
                top: 15px;
                padding: 4px
            }

        .loninContaner .panel_login .panel_reg {
            background-color: #f3f3f3;
            height: 425px;
            width: 229px
        }

        .loninContaner .panel_login .panel_bg {
            background: url(../../common/img/sprite_lb.png?b77a07a6667d13e4a4b0) no-repeat 0 -101px;
            width: 209px;
            height: 69px;
            position: absolute;
            left: 0;
            bottom: 0
        }

        .loninContaner .panel_login .panel_tab .title {
            min-height: 20px;
            line-height: 20px;
            margin-bottom: 40px;
            padding-left: 0
        }

            .loninContaner .panel_login .panel_tab .title .fl {
                font-size: 20px;
                color: #333;
                font-weight: 700
            }

            .loninContaner .panel_login .panel_tab .title label {
                color: #999;
                line-height: 28px
            }

                .loninContaner .panel_login .panel_tab .title label a {
                    color: #0079fe
                }

        .loninContaner .panel_login .panel_tab span {
            font-size: 16px;
            color: #999;
            width: 189px;
            display: block;
            text-align: center;
            height: 47px;
            line-height: 47px;
            border: 1px solid #f5f5f5;
            border-bottom-color: #d0d0d0;
            cursor: pointer;
            float: left;
            border-right: 0;
            border-radius: 4px
        }

            .loninContaner .panel_login .panel_tab span a {
                color: #999;
                text-decoration: none
            }

            .loninContaner .panel_login .panel_tab span.checked {
                border: 1px solid #d0d0d0;
                border-bottom-color: #f5f5f5;
                color: #555
            }

        .loninContaner .panel_login .panel_tab .send_verify_code_s, .loninContaner .panel_login .panel_tab .show-error {
            display: none;
            padding: 24px 0 0;
            height: 14px;
            line-height: 14px
        }

            .loninContaner .panel_login .panel_tab .send_verify_code_s dd, .loninContaner .panel_login .panel_tab .show-error dd {
                top: 0;
                display: block;
                color: #db4c3f
            }

        .loninContaner .panel_login .panel_tab .footer-link {
            padding: 24px 0 0;
            height: 14px;
            line-height: 14px
        }

            .loninContaner .panel_login .panel_tab .footer-link a {
                color: #0079fe;
                float: none
            }

        .loninContaner .panel_login .panel_tab li {
            color: #555;
            clear: both;
            height: 50px;
            position: relative
        }

            .loninContaner .panel_login .panel_tab li .mind-login, .loninContaner .panel_login .panel_tab li .read-protocol {
                float: none;
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                opacity: 0
            }

            .loninContaner .panel_login .panel_tab li.send_verify_code_s {
                margin-left: 7px;
                color: #db4c3f;
                height: 30px;
                line-height: 30px
            }

            .loninContaner .panel_login .panel_tab li.pwd, .loninContaner .panel_login .panel_tab li.userName {
                background: #fff
            }

            .loninContaner .panel_login .panel_tab li i {
                background: url(../../common/img/sprite_user.png?2edcd3f237b8c07af5a5) no-repeat;
                width: 14px;
                height: 19px;
                display: inline-block;
                float: left;
                margin-top: 6px;
                position: absolute;
                left: 15px;
                margin-right: 20px
            }

            .loninContaner .panel_login .panel_tab li.userName {
                padding: 0
            }

                .loninContaner .panel_login .panel_tab li.userName i {
                    background-position: -113px 0
                }

            .loninContaner .panel_login .panel_tab li.pwd {
                padding: 0
            }

                .loninContaner .panel_login .panel_tab li.pwd i {
                    background-position: -113px -25px
                }

            .loninContaner .panel_login .panel_tab li.checkVerimg {
                margin-top: -1px;
                padding: 0;
                border: 1px solid #dbdbdb
            }

                .loninContaner .panel_login .panel_tab li.checkVerimg i {
                    margin: 0;
                    top: 10px;
                    background-position: -136px -25px
                }

                .loninContaner .panel_login .panel_tab li.checkVerimg .ver-img {
                    width: 151px;
                    line-height: 50px;
                    height: 50px;
                    float: left;
                    padding-left: 16px
                }

                .loninContaner .panel_login .panel_tab li.checkVerimg .verImg {
                    float: right;
                    height: 45px;
                    width: 125px
                }

            .loninContaner .panel_login .panel_tab li.li_01 {
                height: 18px;
                line-height: 18px;
                padding: 24px 0
            }

                .loninContaner .panel_login .panel_tab li.li_01 label span {
                    display: inline-block;
                    width: 16px;
                    height: 16px;
                    border: 1px solid #dbdbdb;
                    border-radius: 2px;
                    position: relative;
                    margin-right: 6px
                }

    .loninContaner .active {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAUCAYAAACXtf2DAAAAAXNSR0IArs4c6QAAAV5JREFUOBG9kr9Lw0AUx7+XQkdd3fQPcHARxEnoKthBtKKuGhD/AwvFv6LOKlqXtqCCYKHg6uCg/4ukXs57pvcjNpemOfGG5OUu7/O59+6Avx734bKNDOwP77gfNhDFb+iGLcWqqMD7TXAeX0mOZIoNNFYZOq9D5g0mQAquiRzVYMW/RS54JTjAZvvdr4I8+Fb7lmopLygAJ4Fp0ePpHLpHTYi76QfvggdsH+OdE5xGIiD4Z/QEgXP0Bpe5kt7xrrktCUQ+Oajn9YuOnhkHDAoOsaYXGbtBvXYItsP1HAUEj8W1jOwqE/ivnau8ABGflyexoCZ+3kLsTVTigme0xWYlh/xwsojoawghluxFqEr6g+3MnRM8oy02w9wit+RFitdlUrotBeAkMgL6cklozQyOgnBKSQtoJl8yEzxb4JbMDHcLJiWl4PkCLRk9y9t0Nu220O/lxkerWi7xn7K+AQT0qcbcTt++AAAAAElFTkSuQmCC);
        background-size: 12px 10px;
        background-position: 50%;
        background-repeat: no-repeat
    }

    .loninContaner .panel_login .panel_tab li.li_btn {
        padding: 0
    }

    .loninContaner .panel_login .panel_tab li input {
        padding: 0;
        border: 0
    }

        .loninContaner .panel_login .panel_tab li input.topSpecial {
            border-radius: 3px 3px 0 0
        }

        .loninContaner .panel_login .panel_tab li input.password {
            margin-bottom: 8px;
            padding-right: 10px;
            width: 242px;
            box-sizing: content-box
        }

        .loninContaner .panel_login .panel_tab li input.the_input:focus {
            outline: none;
            border-color: #dbdbdb;
            transition: all .3s ease-in-out
        }

    .loninContaner .panel_login .panel_tab li .the_input {
        width: 282px;
        height: 50px;
        line-height: 50px;
        color: #333;
        font-size: 14px;
        padding-left: 16px;
        outline: none
    }

        .loninContaner .panel_login .panel_tab li .the_input::-webkit-input-placeholder {
            color: #bbb
        }

        .loninContaner .panel_login .panel_tab li .the_input:-moz-placeholder, .loninContaner .panel_login .panel_tab li .the_input::-moz-placeholder {
            color: #bbb
        }

        .loninContaner .panel_login .panel_tab li .the_input:-ms-input-placeholder {
            color: #bbb
        }

    .loninContaner .panel_login .panel_tab li .y_validation {
        width: 210px;
        height: 39px;
        box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
        color: #999;
        padding-left: 15px
    }

    .loninContaner .panel_login .panel_tab li img {
        float: right;
        width: 85px;
        height: 41px
    }

    .loninContaner .panel_login .panel_tab li a {
        color: #333;
        float: right
    }

        .loninContaner .panel_login .panel_tab li a.voice_a {
            float: none;
            text-decoration: underline;
            color: #333;
            cursor: pointer
        }

    .loninContaner .panel_login .panel_tab .check01 {
        border: 0;
        position: relative;
        top: 2px;
        margin-right: 5px
    }

        .loninContaner .panel_login .panel_tab .check01:focus {
            border: none
        }

    .loninContaner .panel_login .panel_tab .login-agent-btn, .loninContaner .panel_login .panel_tab .login-user-btn, .loninContaner .panel_login .panel_tab .login-user-tel-btn, .loninContaner .panel_login .panel_tab .modify-user-pswd, .loninContaner .panel_login .panel_tab .register-user-btn, .loninContaner .panel_login .panel_tab .user-forget {
        *zoom: 1;
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: middle;
        width: 300px;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        font-weight: 700;
        border: 0;
        cursor: pointer;
        background: #39ac6a;
        color: #fff;
        text-align: center;
        border-radius: 2px
    }

        .loninContaner .panel_login .panel_tab .login-agent-btn:hover, .loninContaner .panel_login .panel_tab .login-user-btn:hover, .loninContaner .panel_login .panel_tab .login-user-tel-btn:hover, .loninContaner .panel_login .panel_tab .modify-user-pswd:hover, .loninContaner .panel_login .panel_tab .register-user-btn:hover, .loninContaner .panel_login .panel_tab .user-forget:hover {
            background: #3cb570;
            text-decoration: none
        }

    .loninContaner .panel_login .fr {
        position: relative
    }

    .loninContaner .panel_login .claseDialogBtn {
        background: url(../../common/img/bg.png?173fdd8ec9b2a576128e) no-repeat -955px -47px;
        *zoom: 1;
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: middle;
        width: 19px;
        height: 19px;
        position: absolute;
        right: 15px;
        top: 15px;
        cursor: pointer
    }

    .loninContaner .panel_login .panel_tab li.y_error dd {
        color: #db4c3f;
        clear: both;
        display: block;
        position: relative;
        top: -10px
    }

    .loninContaner .panel_login .panel_tab li dd {
        display: none
    }

    .loninContaner .panel_login .panel_tab .dis {
        display: block
    }

    .loninContaner #con_login_agent, .loninContaner #dialog_tel, .loninContaner .panel_login .panel_tab .undis {
        display: none
    }

    .loninContaner .register_text_tel {
        color: #aaa;
        padding: 40px 0 0;
        line-height: 1;
        font-size: 14px
    }

    .loninContaner .panel_login .panel_tab li .verifycode {
        width: 125px
    }

    .loninContaner .send_verify_code {
        line-height: 50px
    }

        .loninContaner .send_verify_code em {
            padding: 0 16px;
            border-left: 1px solid #dbdbdb
        }

    .loninContaner .send_verify_code_s {
        display: none;
        position: absolute;
        right: 6px;
        line-height: 50px
    }

    .loninContaner .panel_login .panel_tab li .disabled {
        color: #bbb;
        curser: default
    }

        .loninContaner .panel_login .panel_tab li .disabled:hover {
            text-decoration: none
        }

    .loninContaner .border-t {
        border: 1px solid #dbdbdb;
        border-radius: 2px 2px 0 0
    }

    .loninContaner .border-b, .loninContaner .border-c {
        border: 1px solid #dbdbdb;
        border-top: none
    }

    .loninContaner .border-b {
        border-radius: 0 0 2px 2px
    }

    .loninContaner .border-a {
        border: 1px solid #db4c3f
    }

    .loninContaner .border-red {
        margin-top: -1px;
        border: 1px solid #db4c3f;
        z-index: 2
    }

    .loninContaner .panel_login .panel_tab li .toprotocol {
        color: #0079fe;
        float: none
    }

    .loninContaner .con_forget_user_pw .li_btn, .loninContaner .con_forget_user_tel .li_btn {
        margin: 30px 0 0
    }

    .loninContaner .con_forget_user_pw {
        display: none
    }

    .loninContaner .panel_login .panel_tab li .password_reg {
        padding-right: 10px;
        width: 242px
    }

    .loninContaner .password-view {
        display: inline-block;
        width: 18px;
        height: 12px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAYAAABvEu28AAAAAXNSR0IArs4c6QAAAZFJREFUKBWVUr1Kw1AYvUkLqVYQWkEKoosOUfABsrW0uIkv4OCgg3RxFN2EPkAH38DFwUkRTLFENNBdydS5U7sZGpo0nnPpDdcioh/c3PP9nZzvSwzxg3W73ZUkSU7SNN1HegunaBhGH/4L8E2j0XidbzP0gO/7C2EYXqGhibil5+awl8/nm9Vq9V3FMyKoWIOKB5DsqmShUBDlclm6w+FQjMdjleId5nK5o1qtdktHEpEkjuM3+OsM0iqVirBtW5imKf3pdCqCIBCDwUD6s0eCkQ/q9fq9AZIlKOlBybaqoBLHccRoNJLNjJO0VCoJjD+v7BMv2zGh5FonYRPHoRIqiKJIHmLG1Kism1kRatsmpGV7Upn/3qBYNDHGKUBfb+ZiuROOY1mWPMSMMacbelMs/Vyq6XQ63M8zRlxVRX9ctgDRBZbdysbyPM+eTCaPINtQZL99fiqBtfBzXrI+I6Ljuu4yCtqAhyj6lmNeGWo+gM+gxM1iCug3RwXRMWJ7aNrEHcPvA/v4cnf4o5+AU73nC9g2uaV8RfBsAAAAAElFTkSuQmCC)
    }

    .loninContaner .panel_login .panel_tab li.drag {
        padding: 20px 0 0;
        height: 22px
    }

    .loninContaner #drag {
        position: relative;
        background-color: #f5f5f5;
        width: 300px;
        height: 22px;
        line-height: 22px;
        text-align: center;
        border: 1px solid #dbdbdb;
        border-radius: 100px
    }

        .loninContaner #drag .handler {
            position: absolute;
            top: 0;
            left: 0;
            width: 48px;
            height: 20px;
            border: 1px solid #ccc;
            cursor: move;
            border-radius: 100px
        }

    .loninContaner .handler_bg {
        background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAAAXNSR0IArs4c6QAAACZJREFUKBVjPHfu3H8GIDAyMmIE0TBASJwJppBUelQjnhAbQoEDAFfAC309njK2AAAAAElFTkSuQmCC") no-repeat 50%
    }

    .loninContaner .handler_ok_bg {
        background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==") no-repeat 50%
    }

    .loninContaner #drag .drag_bg {
        height: 22px;
        width: 0
    }

    .loninContaner #drag .drag_text {
        position: absolute;
        top: 0;
        width: 300px;
        -moz-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        -o-user-select: none;
        -ms-user-select: none
    }

.laisuzhou-class {
    cursor: text;
    color: #555 !important
}

    .laisuzhou-class, .laisuzhou-class:hover {
        text-decoration: none
    }

        .laisuzhou-class:hover span {
            text-decoration: none !important
        }



.coverpic-pos-lt {
    left: 12px;
    top: 12px
}



.coverpic-pos-lb {
    left: 12px;
    bottom: 12px
}

.coverpic-pos-rb {
    right: 12px;
    bottom: 12px
}



.sidead-left {
    position: fixed;
    left: 50%;
    bottom: 10px;
    margin-left: -500px;
    z-index: 100
}

.wrapper-xinfang {
    width: 1150px;
    margin: 0 auto
}

.nav-border {
    width: 1px;
    height: 28px;
    margin: 0 16px;
    background: #ccc
}

.nav-border, .s-city {
    display: inline-block;
    vertical-align: middle
}

.s-city {
    height: 26px;
    padding: 0 8px;
    line-height: 26px;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    text-decoration: none;
    font-size: 14px;
    color: #666;
    cursor: pointer
}

    .s-city:after {
        content: " ";
        display: inline-block;
        width: 0;
        height: 0;
        margin: 2px 0 0 8px;
        border: 4px solid transparent;
        border-top-color: #999;
        vertical-align: middle
    }

.xinfang-nav {
    background: #fff
}

.wrapper-xinfang {
    width: 1010px
}

h1 {
    font-size: 20px;
    font-weight: bolder;
    color: #fff;
    float: left;
    padding-bottom: 6px;
    margin-top: -3px;
    max-width: 224px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mod-global {
    width: 100%;
    background-color: #fff
}

    .mod-global .match-nav {
        z-index: 1002
    }

#matchBar .match-nav {
    position: fixed;
    bottom: 100px;
    right: 5px
}

    #matchBar .match-nav .add-word, #matchBar .match-nav .go-top, #matchBar .match-nav .unadd-word {
        border: 0;
        border-radius: 2px;
        box-shadow: 0 1px 3px rgba(0,0,0,.2);
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
        -o-box-shadow: 0 1px 3px rgba(0,0,0,.2);
        -ms-box-shadow: 0 1px 3px rgba(0,0,0,.2)
    }

    #matchBar .match-nav .add-nav-box, #matchBar .match-nav .unadd-nav-box {
        background-color: transparent;
        height: 100%;
        border: 0
    }

    #matchBar .match-nav .unadd-nav-name {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px
    }

    #matchBar .match-nav .unadd-nav-num {
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px
    }

.overlayBgl {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none
}

.mod-wrap {
    position: relative;
    width: 1186px;
    margin: 0 auto
}

    .mod-wrap .mod-panel {
        padding: 30px
    }

    .mod-wrap .mod-panel, .mod-wrap .mod-panelp {
        background-color: #fff;
        margin-bottom: 15px;
        box-shadow: 0 1px 3px rgba(0,0,0,.2);
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
        -o-box-shadow: 0 1px 3px rgba(0,0,0,.2);
        -ms-box-shadow: 0 1px 3px rgba(0,0,0,.2)
    }

    .mod-wrap .mod-panelp {
        padding-top: 30px
    }

    .mod-wrap .mod-panel-houseonline {
        background-color: #fff;
        margin-bottom: 15px;
        box-shadow: 0 1px 3px rgba(0,0,0,.2);
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
        -o-box-shadow: 0 1px 3px rgba(0,0,0,.2);
        -ms-box-shadow: 0 1px 3px rgba(0,0,0,.2)
    }

    .mod-wrap h2 {
        font-size: 20px;
        font-weight: 400;
        padding-bottom: 26px;
        display: block;
        margin-top: -5px
    }

.mod-building, .new-header {
    position: relative
}

.new-header {
    height: 36px;
    line-height: 36px;
    color: #333;
    background: #fff;
    z-index: 1001;
}

    .new-header .float-wrapper {
        width: 1186px !important;
        margin: 0 auto
    }

        .new-header .float-wrapper:after, .new-header .float-wrapper:before {
            display: table;
            content: "";
            width: 0;
            height: 0;
            clear: both;
            overflow: hidden
        }

        .new-header .float-wrapper .link-list-wrapper {
            height: 36px;
            width: auto;
            float: left
        }

            .new-header .float-wrapper .link-list-wrapper .new-link-list {
                position: relative;
                float: left
            }

                .new-header .float-wrapper .link-list-wrapper .new-link-list > a {
                    display: inline-block;
                    height: 100%;
                    padding-right: 24px;
                    font-size: 12px;
                    color: #9b9b9b
                }

                    .new-header .float-wrapper .link-list-wrapper .new-link-list > a:hover {
                        color: #00a75b;
                        text-decoration: none
                    }

                    .new-header .float-wrapper .link-list-wrapper .new-link-list > a.on {
                        color: #151515
                    }

                        .new-header .float-wrapper .link-list-wrapper .new-link-list > a.on:hover {
                            color: #00a75b;
                            text-decoration: none
                        }

                .new-header .float-wrapper .link-list-wrapper .new-link-list:hover .toast-link {
                    display: block;
                    font-size: 12px
                }

                .new-header .float-wrapper .link-list-wrapper .new-link-list .toast-link {
                    display: none;
                    position: absolute;
                    width: 62px;
                    top: 36px;
                    left: -18px;
                    padding: 8px 0;
                    z-index: 100;
                    border-bottom-left-radius: 2px;
                    border-bottom-right-radius: 2px;
                    border: 1px solid #eee;
                    box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
                    background: #fff
                }

                    .new-header .float-wrapper .link-list-wrapper .new-link-list .toast-link:before {
                        content: "";
                        position: absolute;
                        width: 6px;
                        height: 7px;
                        top: -5px;
                        left: 0;
                        right: 0;
                        margin: 0 auto;
                        z-index: 101;
                        border-color: #eee transparent transparent #eee;
                        border-style: solid;
                        border-width: 1px;
                        background: #fff;
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg)
                    }

                    .new-header .float-wrapper .link-list-wrapper .new-link-list .toast-link.app {
                        width: 140px;
                        padding: 21px 0 17px
                    }

                        .new-header .float-wrapper .link-list-wrapper .new-link-list .toast-link.app:before {
                            margin: 0;
                            left: 36px
                        }

                        .new-header .float-wrapper .link-list-wrapper .new-link-list .toast-link.app .img-desc {
                            width: 89px;
                            margin: 0 auto
                        }

                            .new-header .float-wrapper .link-list-wrapper .new-link-list .toast-link.app .img-desc.img-wrapper {
                                height: 89px;
                                margin-bottom: 6px
                            }

                            .new-header .float-wrapper .link-list-wrapper .new-link-list .toast-link.app .img-desc.desc-wrapper {
                                font-size: 12px;
                                color: #999;
                                line-height: 18px;
                                text-align: center
                            }

                    .new-header .float-wrapper .link-list-wrapper .new-link-list .toast-link a {
                        display: block;
                        line-height: 25px;
                        text-align: center;
                        font-size: 12px;
                        color: #666
                    }

                        .new-header .float-wrapper .link-list-wrapper .new-link-list .toast-link a:hover {
                            text-decoration: none;
                            background: #f0f0f0
                        }

    .new-header .user-wrapper {
        font-size: 12px;
        color: #9c9fa1
    }

        .new-header .user-wrapper a {
            color: #9c9fa1
        }

            .new-header .user-wrapper a:hover {
                color: #00a75b;
                text-decoration: none
            }

        .new-header .user-wrapper .phone {
            padding-right: 20px
        }

       

        .new-header .user-wrapper .logout-wrapper, .new-header .user-wrapper .register {
            padding-left: 20px
        }

            .new-header .user-wrapper .logout-wrapper .user {
                margin-right: 15px
            }



.carousel .go-left, .carousel .go-right {
    background: rgba(0,0,0,.5);
    border-radius: 50%;
    height: 40px;
    width: 40px;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -20px;
    cursor: pointer
}

    .carousel .go-left:before, .carousel .go-right:before {
        content: " ";
        display: block;
        border-left: 2px solid #fff;
        border-top: 2px solid #fff;
        width: 16px;
        height: 16px;
        position: absolute;
        top: 12px;
        left: 8px
    }

.carousel .go-left {
    left: 30px
}

    .carousel .go-left:before {
        left: 15px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

.carousel .go-right {
    right: 30px
}

    .carousel .go-right:before {
        -webkit-transform: rotate(-225deg);
        transform: rotate(-225deg)
    }

.carousel .carousel-body {
    white-space: nowrap;
    display: inline-block;
    height: 100%
}

    .carousel .carousel-body > .item {
        width: 1150px;
        position: relative;
        height: 100%
    }

        .carousel .carousel-body > .item a {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            display: block;
            z-index: 1
        }

        .carousel .carousel-body > .item img {
            width: 100%
        }



    .carousel .carousel-body > * > * {
        font-size: medium
    }

.carousel .dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

    .carousel .dots .dot {
        display: inline-block;
        height: 6px;
        width: 6px;
        margin: 0 3px;
        background: #fff;
        opacity: .3;
        border-radius: 50%
    }

        .carousel .dots .dot.active {
            background: #fff;
            opacity: 1
        }

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

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

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

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

.tags-wrap {
    display: inline-block
}

    .tags-wrap .tag-item {
        width: auto;
        height: 24px;
        line-height: 24px;
        padding: 0 6px;
        box-sizing: border-box;
        display: inline-block;
        font-size: 14px;
        border-radius: 2px
    }

    .tags-wrap .sell-type-tag {
        margin-left: 7px;
        color: #fff;
        background-image: linear-gradient(-135deg,#47cc95,#26b479)
    }

    .tags-wrap .house-type-tag {
        margin-left: 5px;
        font-size: 12px;
        color: #849aad;
        background: #f2f4f6
    }

.mod-resblock-name-bar {
    padding: 30px 0px;
    z-index: 1
}

    .mod-resblock-name-bar > * {
        vertical-align: middle;
    }

    .mod-resblock-name-bar:after {
        content: "";
        clear: both
    }

    .mod-resblock-name-bar .title-wrap {
        float: left
    }

        .mod-resblock-name-bar .title-wrap .tag-discount_info, .mod-resblock-name-bar .title-wrap .tag-special-tags {
        }

    .mod-resblock-name-bar .tags-wrap {
        margin-top: -2px
    }

    .mod-resblock-name-bar h2 {
        padding-bottom: 0;
        font-size: 26px;
        color: #101d37;
        font-weight: bold;
    }

    .mod-resblock-name-bar .other-name {
        padding-top: 7px;
        font-size: 13px;
        color: #9c9fa1
    }

    .mod-resblock-name-bar .tags {
        display: inline-block
    }

        .mod-resblock-name-bar .tags > * {
            font-size: 12px;
            padding-left: 8px;
            padding-right: 8px;
            margin-right: 5px
        }

    .mod-resblock-name-bar .share {
        position: relative;
        display: inline-block;
        float: right;
        color: #394043;
        font-weight: 700;
        height: 22px;
        overflow: visible;
        font-size: 16px;
    }

.mod-banner {
    position: relative
}

    .mod-banner .animation {
        transition: all .5s
    }

    .mod-banner .album {
        display: inline-block;
        width: 668px;
        position: relative;
        vertical-align: top
    }

        .mod-banner .album .discount {
            background: #eb4d3a;
            border-radius: 100px;
            position: absolute;
            top: 20px;
            left: 30px;
            padding: 10px 14px;
            font-size: 14px;
            color: #fff;
            z-index: 1
        }

        .mod-banner .album .carousel {
            height: 570px;
            width: 100%;
        }



            .mod-banner .album .carousel .license-photos {
                position: absolute;
                bottom: 8px;
                left: 119px;
                height: 32px;
                line-height: 32px;
                padding: 0 10px;
                background: #fff;
                border-radius: 2px;
                font-size: 12px;
                color: #394043;
                vertical-align: middle;
                z-index: 1;
                text-decoration: none;
                cursor: pointer
            }

                .mod-banner .album .carousel .license-photos:hover {
                    opacity: .8
                }

                .mod-banner .album .carousel .license-photos.license-pos {
                    left: 8px
                }

                .mod-banner .album .carousel .license-photos i {
                    margin-right: 2px;
                    width: 15px;
                    height: 12px;
                    display: inline-block;
                    border-radius: 2px;
                    vertical-align: middle;
                    background: url(../../pages/detail/img/lic-icon.png?d9bc88c218ed27dbf66b);
                    background: -webkit-image-set(url(../../pages/detail/img/lic-icon.png?d9bc88c218ed27dbf66b) 1x,url(../../pages/detail/img/lic-icon@2x.png?3dfb9c6fe36f6a833d69) 2x) no-repeat 50%
                }

            .mod-banner .album .carousel .go-left, .mod-banner .album .carousel .go-right {
                width: 30px;
                height: 80px;
                border-radius: 0;
                opacity: .5;
                background: #333;
                z-index: 2;
                margin-top: 0;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }

                .mod-banner .album .carousel .go-left:before {
                    top: 32px;
                    left: 10px
                }

                .mod-banner .album .carousel .go-right:before {
                    top: 32px;
                    right: 10px;
                    left: auto
                }

            .mod-banner .album .carousel .go-left {
                left: 0
            }

            .mod-banner .album .carousel .go-right {
                right: 0
            }

            .mod-banner .album .carousel .carousel-body {
                position: absolute;
                top: 0;
                cursor: pointer
            }

                .mod-banner .album .carousel .carousel-body .item {
                    width: 524px;
                    display: inline-block
                }

                    .mod-banner .album .carousel .carousel-body .item img {
                        width: 526px;
                        height: 295px
                    }

                    .mod-banner .album .carousel .carousel-body .item .icon {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        -webkit-transform: translate(-50%,-50%);
                        transform: translate(-50%,-50%);
                        line-height: 31px;
                        margin-right: 15px;
                        background: rgba(0,0,0,.6);
                        border-radius: 100px;
                        width: 80px;
                        height: 80px;
                        background: url(../../common/img/vr_animation.png?2bf0dc0a27f2172a2f50);
                        background-position-y: 0;
                        background-repeat: no-repeat;
                        background-size: 100%;
                        border: 1px solid hsla(0,0%,100%,.8);
                        box-shadow: 0 2px 4px 0 rgba(0,0,0,.2)
                    }

                .mod-banner .album .carousel .carousel-body .jiage {
                    width: 100%;
                    height: 40px;
                    font-size: 14px;
                    color: #fff;
                    margin-bottom: 5px;
                    display: inline-block
                }

                    .mod-banner .album .carousel .carousel-body .jiage .junjia {
                        font-size: 22px;
                        font-weight: 700;
                        color: #f76e64
                    }

                    .mod-banner .album .carousel .carousel-body .jiage .yuan {
                        color: #f76e64;
                        font-weight: 700
                    }

                .mod-banner .album .carousel .carousel-body .update {
                    width: 100%;
                    height: 40px;
                    font-size: 14px;
                    color: #aaa;
                    margin-bottom: 5px;
                    display: inline-block
                }

                    .mod-banner .album .carousel .carousel-body .update a.link-to-pirce {
                        font-size: 14px;
                        color: #aaa;
                        text-decoration: underline
                    }

        .mod-banner .album .carousel-nav {
            width: 100%;
            margin-top: 10px;
            position: relative
        }

            .mod-banner .album .carousel-nav .carousel {
                width: auto;
                height: 67px;
                overflow: hidden
            }

                .mod-banner .album .carousel-nav .carousel .carousel-body {
                    position: absolute;
                    top: 0
                }

                    .mod-banner .album .carousel-nav .carousel .carousel-body .item {
                        width: 100px;
                        height: 67px;
                        margin-right: 6px;
                        display: inline-block;
                        cursor: pointer
                    }

                        .mod-banner .album .carousel-nav .carousel .carousel-body .item img {
                            width: 100px;
                            height: 67px
                        }

                        .mod-banner .album .carousel-nav .carousel .carousel-body .item.active {
                            border: 2px solid #0079fe;
                            width: 166px;
                            height: 106px
                        }

                            .mod-banner .album .carousel-nav .carousel .carousel-body .item.active .type {
                                background: #0079fe
                            }

                        .mod-banner .album .carousel-nav .carousel .carousel-body .item:last-child {
                            margin-right: 0
                        }

                        .mod-banner .album .carousel-nav .carousel .carousel-body .item .type {
                            position: absolute;
                            bottom: 0;
                            right: 0;
                            left: 0;
                            height: 26px;
                            line-height: 26px;
                            text-align: center;
                            font-size: 12px;
                            color: #fff;
                            letter-spacing: 0;
                            background: rgba(0,0,0,.5)
                        }

                        .mod-banner .album .carousel-nav .carousel .carousel-body .item.active {
                            width: 100px;
                            height: 67px;
                            border: none
                        }

                            .mod-banner .album .carousel-nav .carousel .carousel-body .item.active img {
                                width: 100px;
                                height: 67px
                            }

    .mod-banner .resblock-info {
        display: inline-block;
        margin-left: 10px;
        vertical-align: top;
    }

        .mod-banner .resblock-info .info-wrap {
            position: relative;
            padding-left: 15px;
        }

        .mod-banner .resblock-info .status-consult-tag, .mod-banner .resblock-info .status-special-tag {
            font-size: 12px;
            font-weight: 300
        }



        .mod-banner .resblock-info .name-info {
            overflow: hidden;
            max-height: 0;
            opacity: 0;
            margin-bottom: 0
        }

            .mod-banner .resblock-info .name-info > * {
                vertical-align: middle
            }

            .mod-banner .resblock-info .name-info .rank {
                display: inline-block;
                font-family: HiraginoSansGB-W6;
                font-size: 14px;
                color: #333;
                font-weight: 600;
                margin-left: 18px;
                margin-right: 10px
            }

            .mod-banner .resblock-info .name-info h2 {
                padding-bottom: 0;
                display: inline;
                font-size: 26px;
                color: #333;
                font-weight: 600;
                line-height: 46px
            }

            .mod-banner .resblock-info .name-info .tags {
                display: inline-block
            }

                .mod-banner .resblock-info .name-info .tags > * {
                    font-size: 12px;
                    padding-left: 8px;
                    padding-right: 8px;
                    margin-right: 5px
                }

        .mod-banner .resblock-info .middle-info .tag-btn-item, .mod-banner .resblock-info .top-info .tag-btn-item {
            font-size: 13px;
            line-height: 19px;
            color: #0079fe;
            background-color: #f4f8fe;
            border-radius: 2px;
            padding: 0 6px;
            position: relative
        }

        .mod-banner .resblock-info .changePrice-remind:before {
            content: "";
            display: inline-block;
            margin-right: 3px;
            vertical-align: text-bottom;
            width: 13px;
            height: 13px;
            background: url(../../pages/detail/img/变价@2x.png?4662c04e7b23920199e6) no-repeat;
            background-size: 100% 100%
        }

        .mod-banner .resblock-info .middle-info .open-remind:before {
            content: "";
            display: inline-block;
            margin-right: 3px;
            vertical-align: -1px;
            width: 13px;
            height: 13px;
            background: url(../../pages/detail/img/提醒@2x.png?5fc1414b7e6bec027e79) no-repeat;
            background-size: 100% 100%
        }

        .mod-banner .resblock-info .top-info {
            border-bottom: 1px solid #e4e6f0;
            padding-bottom: 20px
        }

            .mod-banner .resblock-info .top-info .price {
                padding-bottom: 10px;
            }

                .mod-banner .resblock-info .top-info .price .title {
                    width: 81px;
                    font-family: PingFangSC-Regular;
                    font-size: 14px;
                    color: #9c9fa1;
                    display: inline-block
                }

                .mod-banner .resblock-info .top-info .price .price-number, .mod-banner .resblock-info .top-info .price .price-unit {
                    line-height: 1;
                    color: #fe615a
                }

                .mod-banner .resblock-info .top-info .price .price-number {
                    font-family: Tahoma-Bold;
                    font-size: 25px
                }

                .mod-banner .resblock-info .top-info .price .price-unit {
                    font-family: HiraginoSansGB-W6;
                    font-size: 16px
                }

            .mod-banner .resblock-info .top-info .more-building {
                height: 0;
                font-size: 14px;
                color: #394043;
                text-decoration: underline;
                overflow: hidden
            }

                .mod-banner .resblock-info .top-info .more-building a {
                    color: #394043
                }

            .mod-banner .resblock-info .top-info .update-time {
                opacity: .99;
                font-family: HiraginoSansGB-W3;
                font-weight: 300;
                font-size: 14px;
                color: #9c9fa1;
                display: block;
                margin: 20px 20px 20px 81px
            }



            .mod-banner .resblock-info .top-info .resblock-tag li {
                margin-right: 10px;
                height: 100%;
                line-height: 28px;
                display: inline-block
            }



                .mod-banner .resblock-info .top-info .resblock-tag li .status-special-tag {
                    padding: 6px 8px;
                    border-radius: 2px;
                    color: #849aad;
                    background: rgba(132,154,174,.15)
                }

            .mod-banner .resblock-info .top-info .resblock-tag .subscribe {
                margin-right: 0;
                cursor: pointer;
                float: right
            }

                .mod-banner .resblock-info .top-info .resblock-tag .subscribe i {
                    height: 100%;
                    width: 14px;
                    display: inline-block;
                    margin-right: 3px;
                    background-position: 50%;
                    background-repeat: no-repeat
                }

                    .mod-banner .resblock-info .top-info .resblock-tag .subscribe i.attention {
                        background-image: url(../../common/img/attention.png?ba30b85d6e0be2fa5074);
                        background-size: 100%
                    }

                    .mod-banner .resblock-info .top-info .resblock-tag .subscribe i.enattention {
                        background-image: url(../../common/img/enattention.png?353f415d69e95f2f7841);
                        background-size: 100%
                    }

                .mod-banner .resblock-info .top-info .resblock-tag .subscribe .subscribe-text {
                    vertical-align: top;
                    line-height: unset
                }

            .mod-banner .resblock-info .top-info .resblock-tag .wx-share {
                position: absolute;
                top: -4px;
                right: 57px;
                cursor: pointer;
            }

                .mod-banner .resblock-info .top-info .resblock-tag .wx-share i {
                    height: 100%;
                    width: 18px;
                    display: inline-block;
                }

                .mod-banner .resblock-info .top-info .resblock-tag .wx-share span {
                    vertical-align: top;
                    line-height: unset
                }

                .mod-banner .resblock-info .top-info .resblock-tag .wx-share .share-code-container {
                    -webkit-transform: scale(0) translateY(0);
                    -webkit-transform-origin: 50% 0;
                    background: #fff;
                    border: 1px solid #eee;
                    box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
                    padding: 0;
                    position: absolute;
                    left: -25px;
                    top: 30px;
                    transform: scale(0) translateY(0);
                    transform-origin: 50% 0;
                    z-index: 1;
                    padding: 10px;
                }

                    .mod-banner .resblock-info .top-info .resblock-tag .wx-share .share-code-container:before {
                        content: "";
                        width: 14px;
                        height: 14px;
                        display: block;
                        position: absolute;
                        top: -6px;
                        left: 25px;
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                        background: #fff;
                        box-shadow: 0 2px 3px 0 rgba(0,0,0,.2)
                    }



                    .mod-banner .resblock-info .top-info .resblock-tag .wx-share .share-code-container .share-text {
                        font-family: HiraginoSansGB-W3;
                        font-weight: 300;
                        font-size: 12px;
                        color: #9c9fa1;
                        letter-spacing: 0;
                        line-height: 18px;
                        width: 90px;
                        text-align: center;
                        margin: 0 auto;
                        padding-top: 10px
                    }

                    .mod-banner .resblock-info .top-info .resblock-tag .wx-share .share-code-container .share-code {
                        text-align: center
                    }

                .mod-banner .resblock-info .top-info .resblock-tag .wx-share:hover .share-code-container {
                    display: block;
                    -webkit-transform: scale(1) translateY(0);
                    transform: scale(1) translateY(0)
                }

            .mod-banner .resblock-info .top-info .tag-btn-wrap {
                height: 0;
                overflow: hidden
            }

            .mod-banner .resblock-info .top-info .tag-btn-item {
                box-sizing: border-box;
                display: inline-block;
                cursor: pointer
            }

            .mod-banner .resblock-info .top-info.empty .update-time {
                margin-left: 0
            }

            .mod-banner .resblock-info .top-info.empty .resblock-tag {
                margin-top: 10px;
                margin-left: 0
            }



        .mod-banner .resblock-info .middle-info .map {
            cursor: pointer;
            font-family: HiraginoSansGB-W3;
            font-weight: 300;
            font-size: 14px;
            color: #0079fe
        }

        .mod-banner .resblock-info .middle-info .info-list .info-item {
            position: relative;
            margin-top: 13px;
        }

            .mod-banner .resblock-info .middle-info .info-list .info-item.little-col {
                padding-top: 0
            }

                .mod-banner .resblock-info .middle-info .info-list .info-item.little-col .content li {
                    padding-top: 10px;
                    font-family: HiraginoSansGB-W3;
                    font-size: 12px;
                    color: #9c9fa1;
                    letter-spacing: 0
                }

            .mod-banner .resblock-info .middle-info .info-list .info-item span {
                display: inline-block
            }

            .mod-banner .resblock-info .middle-info .info-list .info-item .title {
                width: 81px;
                font-family: PingFangSC-Regular;
                font-size: 14px;
                color: #9c9fa1
            }

            .mod-banner .resblock-info .middle-info .info-list .info-item .content {
                font-family: PingFangSC-Regular;
                font-weight: 400;
                font-size: 14px;
                color: #000000;
                margin-right: 4px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                vertical-align: bottom;
            }

                .mod-banner .resblock-info .middle-info .info-list .info-item .content .house-type-item {
                    cursor: pointer;
                    position: relative
                }



            .mod-banner .resblock-info .middle-info .info-list .info-item .all-house-type, .mod-banner .resblock-info .middle-info .info-list .info-item .map {
                font-size: 14px;
                margin-right: 10px;
                color: #394043;
            }

            .mod-banner .resblock-info .middle-info .info-list .info-item .open-remind {
                margin-left: 5px
            }

        .mod-banner .resblock-info .middle-info .info-list .open-date-wrap {
            display: flex;
            align-items: center
        }

        .mod-banner .resblock-info .middle-info .info-list .open-date {
            display: inline-block
        }

            .mod-banner .resblock-info .middle-info .info-list .open-date .content {
                width: auto
            }

            .mod-banner .resblock-info .middle-info .info-list .open-date i {
                display: inline-block;
                float: right;
                margin-top: 3px;
                margin-right: 0;
                width: 7px;
                height: 13px;
                background: url(../../pages/detail/img/iic.png?eb22f3b0924b49c3b440);
                background: -webkit-image-set(url(../../pages/detail/img/iic.png?eb22f3b0924b49c3b440) 1x,url(../../pages/detail/img/iic@2x.png?09926aa9ce19f4116e43) 2x);
                background-repeat: no-repeat
            }

        .mod-banner .resblock-info .middle-info .more-box2 {
            position: absolute;
            left: 0;
            bottom: -27px;
            display: none;
            padding: 20px 20px 15px;
            width: 300px;
            height: 280px;
            border-radius: 8px;
            background: #fff;
            color: #394043;
            box-shadow: 0 0 10px rgba(0,0,0,.26);
            z-index: 1000
        }

            .mod-banner .resblock-info .middle-info .more-box2 .more-title {
                font-size: 18px;
                padding-bottom: 18px;
                border-bottom: 1px solid #e5e5e5
            }

            .mod-banner .resblock-info .middle-info .more-box2 .more-close {
                width: 11px;
                height: 11px;
                position: absolute;
                right: 15px;
                top: 15px;
                background: url(../../pages/detail/img/fclose.png?ce9cfc011ce8f74ca5b2);
                background: -webkit-image-set(url(../../pages/detail/img/fclose.png?ce9cfc011ce8f74ca5b2) 1x,url(../../pages/detail/img/fclose@2x.png?738c31f7842736ee287a) 2x) no-repeat 50%;
                transition: -webkit-transform .5s cubic-bezier(.22,.61,.36,1);
                transition: transform .5s cubic-bezier(.22,.61,.36,1);
                transition: transform .5s cubic-bezier(.22,.61,.36,1),-webkit-transform .5s cubic-bezier(.22,.61,.36,1);
                cursor: pointer
            }

                .mod-banner .resblock-info .middle-info .more-box2 .more-close:hover {
                    -webkit-transform: rotate(90deg);
                    transform: rotate(90deg)
                }

            .mod-banner .resblock-info .middle-info .more-box2 .more-wrap {
                height: 218px;
                margin-top: 18px;
                overflow: auto
            }

            .mod-banner .resblock-info .middle-info .more-box2 .more-date-group {
                margin: 15px 0 8px;
                overflow: hidden
            }

                .mod-banner .resblock-info .middle-info .more-box2 .more-date-group:first-child {
                    margin-top: 0
                }

                .mod-banner .resblock-info .middle-info .more-box2 .more-date-group .more-icon {
                    float: left;
                    width: 13px;
                    height: 13px;
                    position: relative;
                    top: 3px;
                    margin-right: 5px;
                    background: url(../../pages/detail/img/fdate.png?75eab533eadbe6abafba);
                    background: -webkit-image-set(url(../../pages/detail/img/fdate.png?75eab533eadbe6abafba) 1x,url(../../pages/detail/img/fdate@2x.png?5dbcf4e916c5ea571936) 2x) no-repeat 50%
                }

                .mod-banner .resblock-info .middle-info .more-box2 .more-date-group .more-date {
                    line-height: 20px;
                    float: left;
                    font-size: 18px
                }

            .mod-banner .resblock-info .middle-info .more-box2 .more-loupan-group {
                overflow: hidden
            }

                .mod-banner .resblock-info .middle-info .more-box2 .more-loupan-group .more-icon {
                    display: inline-block;
                    width: 13px;
                    height: 13px;
                    float: left;
                    position: relative;
                    top: 3px;
                    margin-right: 5px;
                    background: url(../../pages/detail/img/floupan.png?2256eebdad1a48f755f4);
                    background: -webkit-image-set(url(../../pages/detail/img/floupan.png?2256eebdad1a48f755f4) 1x,url(../../pages/detail/img/floupan@2x.png?a64f15d4b65125102be9) 2x) no-repeat 50%
                }

                .mod-banner .resblock-info .middle-info .more-box2 .more-loupan-group .more-loupan {
                    font-size: 14px;
                    float: left
                }

            .mod-banner .resblock-info .middle-info .more-box2 .more-loupan-detail {
                overflow: hidden;
                margin-top: 5px
            }

                .mod-banner .resblock-info .middle-info .more-box2 .more-loupan-detail .more-icon {
                    width: 13px;
                    height: 13px;
                    float: left;
                    margin-right: 5px
                }

                .mod-banner .resblock-info .middle-info .more-box2 .more-loupan-detail .more-detail {
                    float: left;
                    width: 270px;
                    padding-left: 18px;
                    color: #9c9fa1;
                    font-size: 14px;
                    line-height: 20px
                }

        .mod-banner .resblock-info .middle-info .tag-btn-item {
            box-sizing: border-box;
            display: inline-block;
            cursor: pointer
        }

        .mod-banner .resblock-info .middle-info .more-building {
            padding-top: 22px;
            color: #394043;
            text-decoration: underline
        }

            .mod-banner .resblock-info .middle-info .more-building a {
                color: #394043
            }





        .mod-banner .resblock-info .phone-qr-wrap {
            position: absolute;
            top: -60px;
            left: 170px;
            display: inline-block;
            width: 90px;
            height: 90px;
            line-height: 26px;
            padding-top: 4px;
            text-align: center;
            background: #fff;
            border: 0 !important;
            z-index: 9
        }

            .mod-banner .resblock-info .phone-qr-wrap .phone-qr-img {
                width: 90px;
                height: 90px
            }

            .mod-banner .resblock-info .phone-qr-wrap #phone-qr-desc {
                display: block;
                line-height: 12px;
                padding: 5px 0;
                font-family: PingFangSC-Medium;
                font-size: 12px;
                color: #9c9fa1
            }

        .mod-banner .resblock-info .resblock-consult {
            background: #fff;
        }

            .mod-banner .resblock-info .resblock-consult .xinxuan-im {
                margin-top: 21px;
                font-family: PingFangSC-Semibold
            }

                .mod-banner .resblock-info .resblock-consult .xinxuan-im .xinxuan-img {
                    vertical-align: top;
                    display: inline-block;
                    margin-right: 18px;
                    width: 60px;
                    height: 60px;
                    background-image: url(../../common/img/xinxuan@2x.png?79db9e962a98150678e9);
                    background-size: 100%
                }

                .mod-banner .resblock-info .resblock-consult .xinxuan-im .xinxuan-text {
                    display: inline-block;
                    vertical-align: top
                }

                    .mod-banner .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-1 {
                        display: block;
                        margin-bottom: 4px
                    }

                        .mod-banner .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-1 .text-1 {
                            font-size: 18px;
                            color: #394043;
                            margin-right: 8px
                        }

                        .mod-banner .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-1 .text-2 {
                            font-family: Hiragino Sans GB;
                            font-size: 12px;
                            color: #fa5741;
                            background: #fdeeec;
                            padding: 2px;
                            border-radius: 2px;
                            line-height: 24px
                        }

                    .mod-banner .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-2 {
                        display: block;
                        opacity: .5;
                        font-size: 12px;
                        color: #394043;
                        margin-bottom: 17px;
                        font-family: Hiragino Sans GB
                    }

                    .mod-banner .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-4 {
                        height: 40px
                    }

                        .mod-banner .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-4 .phone-text-btn {
                            display: inline-block;
                            background: #0079fe;
                            border-radius: 2px;
                            padding: 0 20px;
                            font-family: PingFangSC-Medium;
                            font-size: 14px;
                            color: #fff;
                            height: 100%;
                            text-align: center;
                            line-height: 40px;
                            margin-right: 10px;
                            vertical-align: middle
                        }

                        .mod-banner .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-4 .im-btn {
                            display: inline-block;
                            background: #f4f8fe;
                            padding: 0 17px;
                            border: 1px solid #0079fe;
                            border-radius: 2px;
                            height: 100%;
                            text-align: center;
                            vertical-align: middle;
                            cursor: pointer
                        }

                            .mod-banner .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-4 .im-btn:before {
                                display: inline-block;
                                content: " ";
                                width: 16px;
                                height: 16px;
                                vertical-align: middle;
                                background-image: url(../../pages/detail/img/im-consult@2x.png?c74bc9b451341d470be0);
                                background-size: 100%;
                                margin-right: 4px
                            }

                            .mod-banner .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-4 .im-btn .text {
                                font-family: PingFangSC-Medium;
                                font-size: 14px;
                                color: #0079fe;
                                line-height: 40px;
                                height: 40px;
                                vertical-align: middle
                            }

                .mod-banner .resblock-info .resblock-consult .xinxuan-im .xinxuan-qr {
                    position: relative;
                    margin-right: 10px;
                    top: -15px;
                    margin-top: -10px;
                    float: right
                }

                    .mod-banner .resblock-info .resblock-consult .xinxuan-im .xinxuan-qr img {
                        height: 110px
                    }

                    .mod-banner .resblock-info .resblock-consult .xinxuan-im .xinxuan-qr p {
                        font-size: 10px;
                        color: #9c9fa1;
                        letter-spacing: 0;
                        text-align: center;
                        margin-top: 7px
                    }

            .mod-banner .resblock-info .resblock-consult .phone-btn {
                width: 240px;
                background: #0079fe;
                display: inline-block;
                text-align: center;
                border-radius: 2px;
                padding: 15px 0;
                vertical-align: middle
            }

                .mod-banner .resblock-info .resblock-consult .phone-btn span {
                    vertical-align: bottom;
                    display: inline-block;
                    color: #fff
                }

                    .mod-banner .resblock-info .resblock-consult .phone-btn span.number {
                        font-size: 20px;
                        font-family: Tahoma-Bold
                    }

                    .mod-banner .resblock-info .resblock-consult .phone-btn span.zhuan {
                        font-size: 14px
                    }

                .mod-banner .resblock-info .resblock-consult .phone-btn .resblock-phone {
                    min-width: 205px;
                    display: inline-block;
                    font-size: 20px;
                    color: #fff
                }

                    .mod-banner .resblock-info .resblock-consult .phone-btn .resblock-phone .phone-qr-wrap {
                        top: -40px;
                        left: 235px;
                        width: 110px;
                        height: 110px;
                        display: inline-block !important
                    }

                        .mod-banner .resblock-info .resblock-consult .phone-btn .resblock-phone .phone-qr-wrap .phone-qr-img {
                            width: 110px;
                            height: 110px
                        }

            .mod-banner .resblock-info .resblock-consult:before {
                display: inline-block;
                height: 100%;
                width: 0;
                vertical-align: middle;
                content: " ";
            }

        .mod-banner .resblock-info.stick_fixed {
            left: 50%;
            margin-left: 182px;
            border: none
        }

            .mod-banner .resblock-info.stick_fixed .info-wrap {
                box-shadow: 0 4px 10px 0 rgba(0,0,0,.06)
            }

        .mod-banner .resblock-info.banner-fixed.stick_fixed {
            position: fixed;
            top: 70px;
            left: 50%
        }

            .mod-banner .resblock-info.banner-fixed.stick_fixed .name-info {
                overflow: hidden;
                max-height: none;
                opacity: 1;
                margin-bottom: 8px
            }

            .mod-banner .resblock-info.banner-fixed.stick_fixed .top-info .resblock-tag {
                height: 0;
                overflow: hidden
            }

            .mod-banner .resblock-info.banner-fixed.stick_fixed .top-info .more-building {
                margin-top: 4px;
                height: 20px;
                line-height: 20px
            }

            .mod-banner .resblock-info.banner-fixed.stick_fixed .top-info .update-time {
                margin: 0;
                height: 0;
                overflow: hidden
            }

            .mod-banner .resblock-info.banner-fixed.stick_fixed .top-info .tag-btn-wrap {
                margin-top: 15px;
                height: 19px
            }

                .mod-banner .resblock-info.banner-fixed.stick_fixed .top-info .tag-btn-wrap .tag-btn-item {
                    height: 19px
                }

            .mod-banner .resblock-info.banner-fixed.stick_fixed .middle-info {
                padding: 0;
                max-height: 0;
                overflow: hidden;
                border-bottom: none
            }



            .mod-banner .resblock-info.banner-fixed.stick_fixed .phone-qr-wrap {
                width: 140px;
                height: 154px;
                display: none;
                top: -165px;
                left: 130px;
                background: #fff;
                border: 1px solid #eee;
                box-shadow: 0 2px 3px 0 rgba(0,0,0,.2)
            }

                .mod-banner .resblock-info.banner-fixed.stick_fixed .phone-qr-wrap .phone-qr-img {
                    width: 89px;
                    height: 89px;
                    margin-top: 24px
                }

            .mod-banner .resblock-info.banner-fixed.stick_fixed .agent-card-part a {
                position: absolute;
                right: -15px;
                top: 28px
            }

            .mod-banner .resblock-info.banner-fixed.stick_fixed .resblock-phone .phone-qr-wrap {
                box-shadow: none;
                -webkit-box-shadow: none
            }

                .mod-banner .resblock-info.banner-fixed.stick_fixed .resblock-phone .phone-qr-wrap .phone-qr-img {
                    margin-top: 0
                }

        .mod-banner .resblock-info.qr-fixed .phone-qr-wrap {
            display: inline-block !important
        }



        .mod-banner .resblock-info .three-out {
            height: 0;
            display: none
        }

        .mod-banner .resblock-info.stick_fixed {
            position: fixed;
            top: 50px
        }



            .mod-banner .resblock-info.stick_fixed .three-out {
                height: auto;
                display: block
            }

    .mod-banner .people-booth {
        width: 524px;
        height: 60px;
        margin-top: 20px;
        background-size: 100%;
        background-repeat: no-repeat;
        background-image: url(../../pages/detail/img/peopleBooth.jpg?a36bf0b09b16bacbd4c7);
        border-radius: 4px
    }

    .mod-banner .show-vr {
        width: 524px;
        height: 63px;
        line-height: 63px;
        font-size: 14px;
        border-bottom: 1px solid #e4e6f0
    }

        .mod-banner .show-vr .vr-text {
            float: left;
            color: #394043
        }

            .mod-banner .show-vr .vr-text i {
                margin-right: 17px;
                width: 23px;
                height: 35px;
                display: inline-block;
                vertical-align: middle;
                background-image: url(../../pages/detail/img/vr.png?71c05cb4eaf99512124b);
                background-size: 100% 100%;
                background-repeat: no-repeat
            }

            .mod-banner .show-vr .vr-text span {
                vertical-align: middle
            }

        .mod-banner .show-vr .download-app {
            float: right;
            color: #3072f3;
            cursor: pointer
        }

        .mod-banner .show-vr .download-app-wrapper {
            float: right
        }

        .mod-banner .show-vr .download-app-qr {
            z-index: 10000;
            top: 48px;
            right: 6px
        }

.detail-car-wrap input[type=button] {
    padding: 0;
    border: none;
    background-color: transparent;
    font-weight: 400
}



.detail-car-wrap .car-banner-wrap .left-part .title {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    font-weight: 700
}

.detail-car-wrap .car-banner-wrap .left-part .sub-title {
    margin-top: 3px;
    padding-left: 3px;
    display: flex;
    align-items: center
}



    .detail-car-wrap .car-banner-wrap .left-part .sub-title .text {
        font-size: 13px;
        line-height: 18px;
        color: #ffeee1;
        margin-left: 8.5px;
        opacity: .8
    }

.detail-car-wrap .car-banner-wrap .right-part {
    padding-top: 8px
}

    .detail-car-wrap .car-banner-wrap .right-part .status-wrap {
        text-align: center
    }

        .detail-car-wrap .car-banner-wrap .right-part .status-wrap .car-order-btn {
            cursor: pointer;
            font-size: 14px;
            line-height: 20px;
            letter-spacing: -.14px;
            padding: 5px 17px;
            color: #ff984c;
            background: #fff;
            border-radius: 15px;
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.05)
        }

            .detail-car-wrap .car-banner-wrap .right-part .status-wrap .car-order-btn.ordered-btn {
                color: rgba(243,165,112,.5)
            }

        .detail-car-wrap .car-banner-wrap .right-part .status-wrap .total-text {
            display: none;
            margin-top: 1px;
            color: #fff;
            opacity: .6;
            font-size: 11px;
            line-height: 18px
        }

            .detail-car-wrap .car-banner-wrap .right-part .status-wrap .total-text .num {
                margin-right: .2em
            }

.detail-car-wrap .success-modal-wrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    padding-top: 26px;
    text-align: center
}

    .detail-car-wrap .success-modal-wrap .mask {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #000;
        opacity: .5
    }

    .detail-car-wrap .success-modal-wrap .modal-content {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        background-color: #fff;
        border-radius: 4px;
        padding: 44px 48px 45px
    }

        .detail-car-wrap .success-modal-wrap .modal-content .close-btn {
            position: absolute;
            top: 10px;
            right: 10px;
            width: 12px;
            height: 12px;
            box-sizing: content-box;
            background-image: url(../../pages/detail/img/modal_close_icon.png?a711f4079329a3dc16d6);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            padding: 0;
            border: 20px solid transparent
        }

    .detail-car-wrap .success-modal-wrap .complete-icon {
        width: 100px;
        height: 100px;
        background-image: url(../../pages/detail/img/complete_icon.png?7f328942479600e38b58);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        margin: 0 auto
    }

    .detail-car-wrap .success-modal-wrap .title {
        font-size: 24px;
        line-height: 33px;
        color: #394043;
        font-weight: 700;
        margin-top: 22px;
        text-align: center
    }

    .detail-car-wrap .success-modal-wrap .sub-title {
        font-size: 16px;
        line-height: 22px;
        color: #9c9fa1;
        font-weight: 400;
        margin-top: 7px;
        letter-spacing: -.27px;
        text-align: center
    }

    .detail-car-wrap .success-modal-wrap .confirm-btn {
        margin-top: 60px;
        border: none;
        width: 350px;
        background: #0079fe;
        border-radius: 2px;
        font-size: 18px;
        line-height: 25px;
        font-weight: 700;
        color: #fff;
        padding: 17px 0;
        text-align: center
    }

.common-phone-modal-wrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001
}

    .common-phone-modal-wrap .mask {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #000;
        opacity: .5
    }

    .common-phone-modal-wrap .modal-content {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        background-color: #fff;
        border-radius: 4px;
        padding: 44px 48px 45px
    }

        .common-phone-modal-wrap .modal-content .close-btn {
            position: absolute;
            top: 10px;
            right: 10px;
            width: 12px;
            height: 12px;
            box-sizing: content-box;
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAGFBMVEUAAAARHjgQHTcQHjgRHTgSHzgSHzkQHTebbBjcAAAAB3RSTlMAkLBsX2Fj5oi/PQAAAItJREFUKM+N0j0KgDAMhmFFD+DmAURcxcXVzd1LOPsDub4BIa/yUWiHtDaP0KQtMkfVf7+mxcNqDTulXR4HO9hq7fQ4mzUgu9/pAHmamey7ALGKHJ4ULDIwECwQLBAsEAwEA+mW/giC6SH0qFqQlp1ujrZQG63XASK7/642/QAcwW6PdfetdhuLvPEAL4RF7N1/LngAAAAASUVORK5CYII=");
            background-size: 100% 100%;
            background-repeat: no-repeat;
            padding: 0;
            border: 20px solid transparent
        }

    .common-phone-modal-wrap .title {
        font-size: 24px;
        line-height: 33px;
        color: #101d37;
        font-weight: 700;
        float: none
    }

    .common-phone-modal-wrap .sub-title {
        max-width: 350px;
        font-size: 16px;
        line-height: 22px;
        color: #9399a5;
        font-weight: 400;
        margin-top: 6px;
        padding: 0
    }

    .common-phone-modal-wrap .phone-captcha-form {
        margin-top: 21px;
        width: 350px
    }

        .common-phone-modal-wrap .phone-captcha-form .phone-captcha-wrap {
            border: 1px solid #e4e6f0;
            border-radius: 2px
        }

        .common-phone-modal-wrap .phone-captcha-form .protocol-wrap {
            position: relative;
            margin-top: 14px
        }

            .common-phone-modal-wrap .phone-captcha-form .protocol-wrap input[type=checkbox] {
                position: absolute;
                clip: rect(0,0,0,0)
            }

                .common-phone-modal-wrap .phone-captcha-form .protocol-wrap input[type=checkbox] + .checkbox-text {
                    font-size: 16px;
                    line-height: 22px;
                    color: #9399a5;
                    position: relative;
                    display: flex;
                    align-items: center
                }

                    .common-phone-modal-wrap .phone-captcha-form .protocol-wrap input[type=checkbox] + .checkbox-text .colored-text {
                        color: #0079fe
                    }

                    .common-phone-modal-wrap .phone-captcha-form .protocol-wrap input[type=checkbox] + .checkbox-text:before {
                        content: "";
                        display: inline-block;
                        margin-right: 8px;
                        width: 21px;
                        height: 21px;
                        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA/BAMAAAClcQ3sAAAAHlBMVEUAAADm5ubl5eXm5ubm5ubr6+vm5ub////l5eXz8/NHEMUmAAAAB3RSTlMA871lyBnJxMlejwAAAGVJREFUSMft1SESQFAUheEz3uiiDZgRRZFRbEOzgzcaimMFLNcK7r1NOn/++g+kkVbHBKBs6dQABb1OoOeTzV52WO9st3FAfWUnVqAPdgEBAQEBgX9A/Kw5uF74zfC88buRFvf+HxRytNmKlzQVAAAAAElFTkSuQmCC");
                        background-size: 100% 100%;
                        background-repeat: no-repeat
                    }

                .common-phone-modal-wrap .phone-captcha-form .protocol-wrap input[type=checkbox]:checked + .checkbox-text:before {
                    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA/CAMAAABggeDtAAAApVBMVEUAAADm5ubl5eXm5ubm5ubm5ubr6+vm5ub////l5eUArmb9/f3z8/MZt3Xg9u03wIceuHkDsGj9//75/vz2/frz/Pnu+vXm+PDQ8eTL7+HC7NuN3LsRtXELsm0IsWvp+fPX8+eu5s+o5Mx81rFizqFRyZg9w4u46dWz6NKd4MWD2LVt0ahXyptLx5QvvoMqvIAmu32m48qG2bdz06tby51FxJAsvIEj4/R+AAAACHRSTlMA873IZmUZybSpo0wAAAFtSURBVEjH7ZfZcoJAEEVHAcVGBEREFjc215g9//9padJYhreh5yWp4rxQTNWhhlluVwvE0AaT7gw0XdSMhhMuwxH6qLMZCqHjY2qZ3bGmaBpijLrJAz+gCVw6i+lbuIgCJ2FyQbf3e/8f+asyUPFnNtxCvr98BgB3x/X9CmrSmOlfgch4/jsQCW/+CRAX3vrtPdLLOcuPN6Q7C9b+71LSX5as87d1SbdnrPMbOKSvI5nzf9yabeZPpHtHmfsTe+6qPVIAcZK5f7MU57n/PXIGIpe5v8EX1JwfIycgCpn7j79KXO/7fGjOzacvlR85NDghBcaaXm+BZP5kGyDsiALjBzeUzq+oUWDzSoGBpLsO+Rc60JBXzZfiTvm5+IA2Wdf8fWvpSff83q8f+oWT/ysXGso5q35sq3tgMOuPX1Bg8OtX4lFgMHziYEdq9dP/a/W793u/5Sv3P5pi/2Uo9X+6Yv+p3v8i+pjXfxvofgMJ14mF9jaSdAAAAABJRU5ErkJggg==")
                }

        .common-phone-modal-wrap .phone-captcha-form .form-hint {
            display: none;
            margin-top: 14px;
            font-size: 14px;
            line-height: 20px;
            font-weight: 700;
            color: #db4c3f
        }

        .common-phone-modal-wrap .phone-captcha-form .submit-btn {
            display: block;
            margin-top: 23px;
            border: none;
            width: 100%;
            background: #0079fe;
            border-radius: 2px;
            font-size: 18px;
            line-height: 25px;
            font-weight: 700;
            color: #fff;
            padding: 17px 0;
            text-align: center
        }

            .common-phone-modal-wrap .phone-captcha-form .submit-btn:disabled {
                color: hsla(0,0%,100%,.5)
            }

#youhui {
    margin-top: 45px
}

    #youhui .youhui-title {
        font-size: 24px;
        font-weight: 600;
        color: #394043
    }

    #youhui .youhui-cards {
        margin-bottom: 29px
    }

        #youhui .youhui-cards .card-title {
            margin-bottom: 21px
        }

            #youhui .youhui-cards .card-title .tag {
                background: rgba(254,97,90,.1);
                border-radius: 2px;
                font-size: 10px;
                color: #fe615a;
                padding: 2px 3px;
                margin-right: 6px
            }

            #youhui .youhui-cards .card-title .content {
                font-size: 14px;
                color: #394043;
                margin-right: 10px
            }

            #youhui .youhui-cards .card-title .open-all-discounts {
                font-size: 14px;
                color: #0079fe;
                cursor: pointer
            }

        #youhui .youhui-cards .cards {
            width: 744px;
            height: 120px;
            overflow: hidden
        }

            #youhui .youhui-cards .cards .card {
                display: inline-block;
                position: relative;
                width: 230px;
                height: 120px;
                margin-right: 12px;
                margin-bottom: 29px;
                background-image: url(../../pages/detail/img/优惠券BG.png?dc4ce4f1a212b73044a8);
                background-repeat: no-repeat;
                background-size: contain
            }

                #youhui .youhui-cards .cards .card .card-des {
                    position: absolute;
                    top: 14.5px;
                    width: 190px;
                    left: 20px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    font-size: 12px;
                    color: #a44e11
                }

                #youhui .youhui-cards .cards .card .card-price {
                    position: absolute;
                    top: 39.5px;
                    bottom: 0;
                    width: 100%;
                    text-align: center
                }

                    #youhui .youhui-cards .cards .card .card-price .price {
                        margin-top: 16px
                    }

                        #youhui .youhui-cards .cards .card .card-price .price .price-1 {
                            font-size: 24px;
                            color: #fff;
                            margin-right: 20px
                        }

                        #youhui .youhui-cards .cards .card .card-price .price .price-2 {
                            font-size: 14px;
                            color: #fff
                        }

                    #youhui .youhui-cards .cards .card .card-price .tag {
                        display: inline-block;
                        text-align: center;
                        height: 22px;
                        line-height: 22px;
                        padding: 0 23px;
                        margin-top: 6px;
                        background: #fff;
                        border-radius: 11px;
                        font-size: 11px;
                        color: #a44e11;
                        cursor: pointer
                    }

.youhui-b {
    width: 1186px;
    height: 100px;
    margin: 0 auto 0 -4px
}

.youhui {
    position: relative;
    margin-right: 1px;
    width: 712px;
    height: 100px;
    background-image: url(../../pages/detail/img/bg_new_youhui@2x.png?41ecc5329df4692891f7);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 0
}

    .youhui .youhui-wrap {
        position: absolute;
        top: 31px;
        right: 30px
    }

    .youhui .get-youhui {
        padding: 0 17px;
        height: 30px;
        float: right;
        background: #fff;
        border-radius: 100px;
        line-height: 30px;
        color: #ff4128;
        font-size: 14px;
        font-weight: 700;
        cursor: pointer
    }

    .youhui .get-num {
        padding-top: 3px;
        height: 17px;
        line-height: 17px;
        display: inline-block;
        font-size: 12px;
        color: #fff;
        opacity: .7
    }

    .youhui .tip-box {
        margin-left: 60px;
        height: 100%;
        padding: 17px 0;
        box-sizing: border-box
    }

        .youhui .tip-box .youhui-tip {
            display: block;
            font-size: 28px;
            color: #fff;
            font-weight: 700
        }

        .youhui .tip-box .youhui-intro {
            display: block;
            font-size: 24px;
            color: #fff;
            margin-bottom: 7px
        }

            .youhui .tip-box .youhui-intro:before {
                content: "\697C\76D8\4F18\60E0";
                padding: 2px 11px;
                display: inline-block;
                font-size: 16px;
                color: #ff6b27;
                opacity: .8;
                background: #fff;
                border-radius: 4px;
                height: 25px;
                line-height: 25px;
                margin-right: 12px;
                vertical-align: bottom
            }

.apply-detailinfo, .apply-myinfo, .apply-successinfo, .apply-youhui {
    width: 590px;
    height: 315px;
    display: none;
    position: fixed;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1001;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    border-radius: 2px
}

    .apply-detailinfo .title, .apply-myinfo .title, .apply-successinfo .title, .apply-youhui .title {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        width: 560px;
        text-align: left;
        padding-left: 30px;
        line-height: 45px;
        height: 45px;
        background-color: #fff;
        font-size: 16px;
        font-weight: 700;
        color: #000
    }

        .apply-detailinfo .title .s-close, .apply-myinfo .title .s-close, .apply-successinfo .title .s-close, .apply-youhui .title .s-close {
            display: inline-block;
            float: right;
            width: 11px;
            height: 11px;
            margin-right: 13px;
            margin-top: 15px;
            color: #dadada;
            font-size: 20px;
            cursor: pointer;
            background: url(../../pages/detail/img/s-close.png?926386f9ee3c26a39456);
            background: -webkit-image-set(url(../../pages/detail/img/s-close.png?926386f9ee3c26a39456) 1x,url(../../pages/detail/img/s-close@2x.png?db57eb8a5e05e185c545) 2x);
            background-repeat: no-repeat
        }

    .apply-detailinfo .apply-box, .apply-myinfo .apply-box, .apply-successinfo .apply-box, .apply-youhui .apply-box {
        padding: 30px 30px 45px;
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
        background-color: #f5f5f5
    }

        .apply-detailinfo .apply-box .apply-left, .apply-myinfo .apply-box .apply-left, .apply-successinfo .apply-box .apply-left, .apply-youhui .apply-box .apply-left {
            width: 250px
        }

            .apply-detailinfo .apply-box .apply-left .yh-title1, .apply-myinfo .apply-box .apply-left .yh-title1, .apply-successinfo .apply-box .apply-left .yh-title1, .apply-youhui .apply-box .apply-left .yh-title1 {
                font-size: 14px;
                color: #f15044;
                font-weight: 700;
                margin-bottom: 10px
            }

                .apply-detailinfo .apply-box .apply-left .yh-title1 span, .apply-myinfo .apply-box .apply-left .yh-title1 span, .apply-successinfo .apply-box .apply-left .yh-title1 span, .apply-youhui .apply-box .apply-left .yh-title1 span {
                    display: inline-block
                }

                .apply-detailinfo .apply-box .apply-left .yh-title1 .littip1, .apply-myinfo .apply-box .apply-left .yh-title1 .littip1, .apply-successinfo .apply-box .apply-left .yh-title1 .littip1, .apply-youhui .apply-box .apply-left .yh-title1 .littip1 {
                    display: inline-block;
                    width: 20px;
                    height: 13px;
                    margin-right: 5px;
                    vertical-align: -1px;
                    text-align: left;
                    background: url(../../pages/detail/img/littip11@1x.jpg?6c4b74f7bd32f3d5048e);
                    background: -webkit-image-set(url(../../pages/detail/img/littip11@1x.jpg?6c4b74f7bd32f3d5048e) 1x,url(../../pages/detail/img/littip11@2x.jpg?730a5360c118b6e4b135) 2x);
                    background-repeat: no-repeat
                }

            .apply-detailinfo .apply-box .apply-left .yh-title2, .apply-myinfo .apply-box .apply-left .yh-title2, .apply-successinfo .apply-box .apply-left .yh-title2, .apply-youhui .apply-box .apply-left .yh-title2 {
                font-size: 14px;
                color: #0079fe;
                font-weight: 700;
                margin-bottom: 10px
            }

                .apply-detailinfo .apply-box .apply-left .yh-title2 span, .apply-myinfo .apply-box .apply-left .yh-title2 span, .apply-successinfo .apply-box .apply-left .yh-title2 span, .apply-youhui .apply-box .apply-left .yh-title2 span {
                    display: inline-block
                }

                .apply-detailinfo .apply-box .apply-left .yh-title2 .littip2, .apply-myinfo .apply-box .apply-left .yh-title2 .littip2, .apply-successinfo .apply-box .apply-left .yh-title2 .littip2, .apply-youhui .apply-box .apply-left .yh-title2 .littip2 {
                    display: inline-block;
                    width: 20px;
                    height: 13px;
                    text-align: center;
                    margin-right: 5px;
                    vertical-align: -1px;
                    background: url(../../pages/detail/img/littip22@1x.jpg?db0e63ebf6a7a31fec57);
                    background: -webkit-image-set(url(../../pages/detail/img/littip22@1x.jpg?db0e63ebf6a7a31fec57) 1x,url(../../pages/detail/img/littip22@2x.jpg?266aff2e8fcf520aec59) 2x);
                    background-repeat: no-repeat
                }

            .apply-detailinfo .apply-box .apply-left .yh-info, .apply-myinfo .apply-box .apply-left .yh-info, .apply-successinfo .apply-box .apply-left .yh-info, .apply-youhui .apply-box .apply-left .yh-info {
                color: #9c9fa1;
                font-size: 14px;
                line-height: 24px
            }

            .apply-detailinfo .apply-box .apply-left .yh-info-detailpage, .apply-myinfo .apply-box .apply-left .yh-info-detailpage, .apply-successinfo .apply-box .apply-left .yh-info-detailpage, .apply-youhui .apply-box .apply-left .yh-info-detailpage {
                font-size: 12px;
                color: #a2a5a7;
                max-height: 90px;
                overflow: auto;
                line-height: 18px
            }

                .apply-detailinfo .apply-box .apply-left .yh-info-detailpage .yh-info-detailpage-title, .apply-myinfo .apply-box .apply-left .yh-info-detailpage .yh-info-detailpage-title, .apply-successinfo .apply-box .apply-left .yh-info-detailpage .yh-info-detailpage-title, .apply-youhui .apply-box .apply-left .yh-info-detailpage .yh-info-detailpage-title {
                    color: #394043
                }

        .apply-detailinfo .apply-box .apply-right, .apply-myinfo .apply-box .apply-right, .apply-successinfo .apply-box .apply-right, .apply-youhui .apply-box .apply-right {
            width: 216px;
            text-align: center
        }

            .apply-detailinfo .apply-box .apply-right .piic, .apply-myinfo .apply-box .apply-right .piic, .apply-successinfo .apply-box .apply-right .piic, .apply-youhui .apply-box .apply-right .piic {
                width: 100%;
                height: 150px;
                text-align: center
            }

                .apply-detailinfo .apply-box .apply-right .piic img, .apply-myinfo .apply-box .apply-right .piic img, .apply-successinfo .apply-box .apply-right .piic img, .apply-youhui .apply-box .apply-right .piic img {
                    width: 150px;
                    height: 150px;
                    background-color: #eee
                }

            .apply-detailinfo .apply-box .apply-right .piic-note, .apply-myinfo .apply-box .apply-right .piic-note, .apply-successinfo .apply-box .apply-right .piic-note, .apply-youhui .apply-box .apply-right .piic-note {
                width: 71%;
                margin-left: 32px;
                font-size: 12px;
                margin-top: 14px;
                text-align: center
            }

        .apply-detailinfo .apply-box .mid, .apply-myinfo .apply-box .mid, .apply-successinfo .apply-box .mid, .apply-youhui .apply-box .mid {
            width: 1px;
            height: 200px;
            background-color: #eee;
            margin-left: 30px;
            margin-right: 30px
        }

        .apply-detailinfo .apply-box .note-l, .apply-myinfo .apply-box .note-l, .apply-successinfo .apply-box .note-l, .apply-youhui .apply-box .note-l {
            margin-bottom: 15px;
            font-size: 12px;
            text-align: center
        }

        .apply-detailinfo .apply-box .name, .apply-detailinfo .apply-box .phone, .apply-myinfo .apply-box .name, .apply-myinfo .apply-box .phone, .apply-successinfo .apply-box .name, .apply-successinfo .apply-box .phone, .apply-youhui .apply-box .name, .apply-youhui .apply-box .phone {
            height: 40px;
            width: 248px;
            margin-bottom: 10px;
            border: 1px solid #dfdfdf;
            background: #fff;
            box-shadow: inset 0 1px 2px -1px rgba(0,0,0,.2)
        }

            .apply-detailinfo .apply-box .name input, .apply-detailinfo .apply-box .phone input, .apply-myinfo .apply-box .name input, .apply-myinfo .apply-box .phone input, .apply-successinfo .apply-box .name input, .apply-successinfo .apply-box .phone input, .apply-youhui .apply-box .name input, .apply-youhui .apply-box .phone input {
                float: left;
                font-size: 14px;
                text-align: left;
                display: inline-block;
                width: 74%;
                height: 95%;
                margin-top: 1px;
                margin-left: 20px;
                border: 0
            }

        .apply-detailinfo .apply-box .name, .apply-myinfo .apply-box .name, .apply-successinfo .apply-box .name, .apply-youhui .apply-box .name {
            margin-bottom: 30px
        }

        .apply-detailinfo .apply-box .apply-btn, .apply-detailinfo .apply-box .infoto-btn, .apply-myinfo .apply-box .apply-btn, .apply-myinfo .apply-box .infoto-btn, .apply-successinfo .apply-box .apply-btn, .apply-successinfo .apply-box .infoto-btn, .apply-youhui .apply-box .apply-btn, .apply-youhui .apply-box .infoto-btn {
            display: inline-block;
            border-radius: 2px;
            background: #f15044;
            height: 40px;
            width: 240px;
            text-align: center;
            line-height: 40px;
            font-size: 16px;
            font-weight: 700;
            color: #fff;
            cursor: pointer
        }

        .apply-detailinfo .apply-box .infoto-btn, .apply-myinfo .apply-box .infoto-btn, .apply-successinfo .apply-box .infoto-btn, .apply-youhui .apply-box .infoto-btn {
            margin-top: 18px
        }

.div-for-height {
    min-height: 142px
}

.for-fiveline {
    display: inline-block;
    height: 119px;
    overflow: hidden
}

.mod-wrap .mod-baike {
    background-color: #fff;
    margin-top: 15px 0;
    padding: 30px;
    margin-bottom: 15px;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,.2)
}

    .mod-wrap .mod-baike .baike-wrap li a {
        display: block;
        height: 15px;
        width: 269px;
        line-height: 15px;
        color: #333;
        text-decoration: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
        padding-left: 10px;
        position: relative
    }

    .mod-wrap .mod-baike .baike-wrap {
        display: block
    }

        .mod-wrap .mod-baike .baike-wrap li:hover:before {
            background: #2b66dc
        }

        .mod-wrap .mod-baike .baike-wrap li:hover a {
            color: #2b66dc
        }

        .mod-wrap .mod-baike .baike-wrap li:active:before {
            background: #5680a6
        }

        .mod-wrap .mod-baike .baike-wrap li:active a {
            color: #5680a6
        }

        .mod-wrap .mod-baike .baike-wrap .pull-left {
            float: left
        }

        .mod-wrap .mod-baike .baike-wrap .pull-right {
            float: right
        }

    .mod-wrap .mod-baike .question {
        display: block;
        background-image: url(../../pages/detail/img/baike.png?9fe263167729367f36f7);
        background-image: -webkit-image-set(url(../../pages/detail/img/baike.png?9fe263167729367f36f7) 1x,url(../../pages/detail/img/baike@2x.png?7b72e86bd54cff585f9b) 2x);
        background-repeat: no-repeat;
        width: 362px;
        height: 36px;
        padding-bottom: 10px
    }

    .mod-wrap .mod-baike .baike-wrap .item-info {
        float: left;
        margin-bottom: 16px;
        list-style-type: none;
        width: 313px;
        position: relative
    }

    .mod-wrap .mod-baike .baike-wrap li:before {
        position: absolute;
        content: " ";
        display: block;
        border-radius: 50%;
        width: 5px;
        height: 5px;
        background-color: #999;
        top: 5px
    }

.mod-wrap .mod-estate-dynamic {
    margin-top: 45px;
    width: 712px;
    background-color: #fff
}

    .mod-wrap .mod-estate-dynamic .picItem {
        float: left;
        position: relative;
        width: 80px;
        height: 60px;
        margin-right: 10px;
        padding-top: 10px;
        cursor: pointer
    }

        .mod-wrap .mod-estate-dynamic .picItem img {
            width: 100%;
            height: 100%
        }

    .mod-wrap .mod-estate-dynamic .picCover {
        display: none;
        position: absolute;
        left: 0;
        top: 10px;
        width: 80px;
        height: 60px;
        background-color: #000;
        opacity: .5;
        filter: alpha(opacity=50)
    }

    .mod-wrap .mod-estate-dynamic .largePic {
        display: none;
        position: absolute;
        left: 0;
        bottom: 100%;
        width: 348px;
        height: 220px;
        z-index: 1001
    }

.mod-wrap .estate-dynamic-toast {
    position: fixed;
    top: 120px;
    width: 100%;
    text-align: center;
    display: none;
    z-index: 1000
}

    .mod-wrap .estate-dynamic-toast .toast-text {
        padding: 0 30px;
        height: 35px;
        line-height: 35px;
        display: inline-block;
        font-size: 16px;
        color: #fff;
        border-radius: 2px;
        background: rgba(48,48,53,.9)
    }

a {
    text-decoration: none
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-left {
    display: block;
    width: 100%;
    margin-right: 60px
}

    .mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-left .title-wrap {
        margin-top: 0;
        padding-bottom: 0
    }

    .mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-left .title-link {
        font-size: 24px;
        font-weight: 600;
        color: #394043
    }

    .mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-left .dynamic-more {
        display: block;
        font-size: 14px;
        color: #9c9fa1;
        line-height: 30px;
        vertical-align: bottom
    }

    .mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-left .dynamic-wrap-block {
        position: relative;
        padding-top: 22px
    }

    .mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-left .dongtai-tag {
        padding: 3px 6px;
        border-radius: 2px;
        display: inline-block;
        font-size: 12px;
        font-weight: 400;
        margin-top: -2px;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    .mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-left .dynamic-block-detail {
        padding-bottom: 16px;
        width: 712px;
        border-bottom: 1px solid #e4e6f0
    }

    .mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-left .dynamic-wrap-block:last-child .dynamic-block-detail {
        border-bottom: none
    }

.mod-wrap .dynamic-detail-info {
    display: block;
    line-height: 24px;
    font-size: 14px;
    width: 490px;
    height: 72px;
    color: #9c9fa1;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-left .dynamic-detail-info-full {
    display: block;
    font-size: 14px;
    width: 712px;
    height: auto;
    color: #394043;
    text-decoration: none;
    line-height: 24px
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap-left .dynamic-block-detail .dynamic-detail-time {
    margin-top: 9px;
    font-size: 12px;
    line-height: 24px;
    color: #9c9fa1
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap-left .dynamic-block-detail .dynamic-detail-img a {
    display: block;
    width: 80px;
    height: 60px;
    margin-left: 15px
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap-left .dynamic-block-detail .dynamic-detail-img .largePic img {
    width: 348px;
    height: 220px
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap-left .dynamic-block-detail .dynamic-detail-img :first-child {
    margin-left: 0
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap-left .dynamic-block-detail .dynamic-detail-img {
    display: block
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap-remind {
    padding: 0 20px;
    height: 65px;
    border: 1px solid #e4e6f0;
    border-radius: 2px;
    box-sizing: border-box
}

    .mod-wrap .mod-estate-dynamic .dynamic-wrap-remind .dynamic-remind-text {
        float: left;
        height: 100%;
        line-height: 63px;
        font-size: 15px;
        color: #394043
    }

        .mod-wrap .mod-estate-dynamic .dynamic-wrap-remind .dynamic-remind-text i {
            margin-right: 5px;
            width: 14px;
            height: 14px;
            display: inline-block;
            background-image: url(../../pages/detail/img/notice.png?99c8015b5e924802e30a);
            background-image: -webkit-image-set(url(../../pages/detail/img/notice.png?99c8015b5e924802e30a) 1x,url(../../pages/detail/img/notice@2x.png?b262a88df4a2fbc1c1e1) 2x);
            background-repeat: no-repeat
        }

    .mod-wrap .mod-estate-dynamic .dynamic-wrap-remind .dynamic-remind-setting {
        float: right;
        padding-top: 12px
    }

        .mod-wrap .mod-estate-dynamic .dynamic-wrap-remind .dynamic-remind-setting .remind-input {
            float: left;
            padding-left: 20px;
            width: 225px;
            height: 40px;
            background: #f8f8f9;
            border: none;
            border-radius: 2px 0 0 2px;
            box-sizing: border-box
        }

        .mod-wrap .mod-estate-dynamic .dynamic-wrap-remind .dynamic-remind-setting .remind-btn {
            float: left;
            height: 40px;
            line-height: 40px;
            padding: 0 13px;
            font-size: 14px;
            font-weight: 600;
            color: #fff;
            background: #fe615a;
            border-radius: 0 2px 2px 0;
            cursor: pointer
        }

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-right {
    display: block;
    width: 310px;
    background-color: #fafafa;
    padding-bottom: 40px
}

    .mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-right .dynamic-rt {
        font-size: 12px;
        margin: 16px 20px 32px 16px
    }

        .mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-right .dynamic-rt .look-info {
            color: #999
        }

        .mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-right .dynamic-rt .loupan-matter {
            font-weight: 700
        }

    .mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-right .dynamic-right-item {
        margin-left: 25px;
        font-size: 12px;
        border-left: 1px solid #eaeaea
    }

    .mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-right li {
        margin-bottom: 30px;
        position: relative
    }

    .mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-right .time-info:before {
        content: " ";
        display: block;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        background-color: #f15044;
        position: absolute;
        top: 5px;
        left: -5px
    }

    .mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-right .dynamic-right-item .time-info {
        display: block;
        font-size: 14px;
        padding-left: 20px;
        position: relative
    }

    .mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-right .dynamic-right-item .date-info {
        display: block;
        color: #999;
        margin: 0 20px;
        width: 244px;
        line-height: 18px
    }

    .mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-right .dynamic-right-item li:first-child {
        padding-top: 30px
    }

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dongtai-title {
    margin-bottom: 4px;
    min-height: 23px;
    color: #394043;
    font-size: 14px;
    font-weight: 600
}

.dt-part-line {
    width: 100%;
    height: 1px;
    background-color: #eee;
    margin-top: 19px
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-right .dynamic-right-item .date-info-limited {
    display: block;
    color: #999;
    margin: 0 20px;
    width: 244px;
    line-height: 18px;
    max-height: 36px;
    overflow: hidden;
    word-break: break-all
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-right .dynamic-right-item .invisible-content {
    position: absolute;
    z-index: -10000;
    visibility: hidden
}

.news-content-werapper {
    max-height: 48px;
    overflow: hidden
}

    .news-content-werapper .invisible-dongtai {
        visibility: hidden
    }

#detail-subscribe-dongtai-phone {
    float: left
}

    #detail-subscribe-dongtai-phone .input-wrap {
        width: 225px
    }

    #detail-subscribe-dongtai-phone .phone-wrap .input {
        height: 40px;
        background: #f8f8f9;
        border: none;
        font-size: 14px;
        line-height: 16px;
        border-radius: 2px 0 0 2px;
        box-sizing: border-box
    }

.phone-collect-input-group, .phone-collect-input-group input[type=button] {
    background-color: transparent
}

    .phone-collect-input-group .input-wrap {
        position: relative;
        border: 1px solid transparent;
        box-sizing: border-box
    }

        .phone-collect-input-group .input-wrap.error {
            border: 1px solid #db4c3f !important;
            z-index: 1
        }

        .phone-collect-input-group .input-wrap .input {
            display: block;
            box-sizing: border-box;
            width: 100%;
            padding: 18px;
            font-size: 18px;
            line-height: 24px;
            color: #101d37;
            border: none
        }

            .phone-collect-input-group .input-wrap .input::-webkit-input-placeholder {
                color: #ced2d6
            }

            .phone-collect-input-group .input-wrap .input::-ms-input-placeholder {
                color: #ced2d6
            }

            .phone-collect-input-group .input-wrap .input::placeholder {
                color: #ced2d6
            }

        .phone-collect-input-group .input-wrap + .input-wrap {
            border-top-color: #e4e6f0
        }

    .phone-collect-input-group .phone-wrap .phone-input {
        padding-right: 16px
    }

        .phone-collect-input-group .phone-wrap .phone-input:disabled {
            cursor: not-allowed
        }

    .phone-collect-input-group .phone-wrap .phone-clear-btn {
        cursor: pointer;
        display: none;
        border: none;
        padding: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 22px;
        width: 16px;
        height: 16px;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAPFBMVEUAAADNzc3Nzc3Nzc3MzMzMzMzOzs7Pz8/Nzc3Nzc3Nzc3MzMzMzMzOzs7V1dXT09PMzMzMzMzOzs7MzMxJL/92AAAAE3RSTlMAii31wqN9HZWP4N7ZFQYRKLovc8xuRgAAARxJREFUSMfVVdFuwzAInA3Gduo03fj/f900ZYMWnBT1qfcWdCeZ4wIfb4FMBQfAwEL5CXa/sMKlH2tqYYNSp/RrAnYA6erzV+QJcHVfv/AUS3b4wAcAo1gXPsSyPvSLfAK87zzxKdKd/3AuAD2Pwk+gKIek+lm3Jl99q6o5capLseqG6OfjpuT/ApW3TVlAv+2pJDov4iam0d6efRNZ99Ifv7ECiUdWIXzrE7oTsnzGvTzMTH0+j70OkxQ0M2xXIM2lmWBYvq8YftM0DTG6tu5+JkdR7ODUvBwFOdHo4k8yVmU3fEJKJnyTeDc9j+zEWxfxptdlq1n/QNFfNL4E4msmvsjiq1LwdbaM4+s+flDiJyt+FF8/u/awvwO+AWoLVkJy2Ju/AAAAAElFTkSuQmCC");
        background-size: 100% 100%
    }

    .phone-collect-input-group .sms-captcha-wrap .sms-captcha-input {
        padding-right: 146px
    }

    .phone-collect-input-group .sms-captcha-wrap .sms-hint {
        font-size: 16px;
        line-height: 22px;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0 20px
    }

    .phone-collect-input-group .sms-captcha-wrap .disabled-sms-send-btn, .phone-collect-input-group .sms-captcha-wrap .sms-send-btn {
        cursor: pointer;
        border: none;
        color: #0079fe;
        background: #fff
    }

    .phone-collect-input-group .sms-captcha-wrap .disabled-sms-send-btn {
        color: #ced2d6;
        cursor: not-allowed
    }

    .phone-collect-input-group .sms-captcha-wrap .sms-text {
        display: none;
        color: #ced2d6
    }

.mod-wrap .mod-estate-album {
    background-color: #fff;
    margin-bottom: 15px;
    padding: 30px 30px 0;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,.2)
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.clearfix:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    opacity: 0;
    clear: both
}

.mod-wrap .mod-estate-album .album-wrap {
    height: 193px;
    overflow: hidden
}

    .mod-wrap .mod-estate-album .album-wrap .album-list-item {
        margin-left: 15px;
        height: 210px
    }

        .mod-wrap .mod-estate-album .album-wrap .album-list-item a {
            text-decoration: none
        }

        .mod-wrap .mod-estate-album .album-wrap .album-list-item:first-child {
            margin-left: 0
        }

        .mod-wrap .mod-estate-album .album-wrap .album-list-item img {
            display: block;
            width: 176px;
            height: 132px
        }

        .mod-wrap .mod-estate-album .album-wrap .album-list-item .album-list-info {
            display: block;
            text-align: center;
            padding-top: 14px;
            color: #333;
            font-size: 12px;
            text-decoration: none
        }

.mod-wrap .mod-estate-album .album-bottom {
    color: #999;
    display: block;
    text-align: center;
    margin: 0 -30px;
    height: 46px;
    background: #fbfbfb;
    line-height: 46px;
    border-top: 1px solid #e4e4e4;
    text-decoration: none
}

    .mod-wrap .mod-estate-album .album-bottom .more-album {
        color: #999
    }

#house-tese .tese-top {
    height: 36px;
    position: relative
}

    #house-tese .tese-top .dujia {
        display: inline-block;
        width: 100px;
        height: 36px;
        background: url(../../pages/detail/img/dujia.png?0b07ad6095bd9dc894b6);
        background: -webkit-image-set(url(../../pages/detail/img/dujia.png?0b07ad6095bd9dc894b6) 1x,url(../../pages/detail/img/dujia@2x.png?d4140623bf6aac684d9a) 2x);
        background-repeat: no-repeat
    }

    #house-tese .tese-top .top-info {
        display: inline-block;
        margin-left: 30px;
        font-size: 16px;
        font-weight: 700;
        height: 36px;
        line-height: 36px;
        position: absolute;
        top: 0
    }

    #house-tese .tese-top .right-more {
        float: right;
        color: #999;
        font-size: 12px;
        line-height: 36px
    }

#house-tese .view {
    width: 100%;
    height: 100%;
    margin: 30px 0
}

    #house-tese .view li {
        position: relative
    }

    #house-tese .view .positon {
        display: inline-block;
        z-index: 2;
        border-radius: 50%;
        cursor: pointer;
        position: absolute;
        top: 42%;
        left: 45%
    }

        #house-tese .view .positon:hover {
            background: #fff
        }

    #house-tese .view .btn-img {
        display: inline-block;
        width: 100%;
        height: 100%;
        background-size: 100% 100%;
        background-image: url(../../pages/detail/img/vbtn.png?3654561a293eda454ca7);
        background-image: -webkit-image-set(url(../../pages/detail/img/vbtn.png?3654561a293eda454ca7) 1x,url(../../pages/detail/img/vbtn@2x.png?2278d296f83989093a3e) 2x);
        background-repeat: no-repeat
    }

    #house-tese .view img {
        width: 100%;
        height: 100%
    }

    #house-tese .view .view-opcity {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        background-color: #000;
        opacity: .2
    }

    #house-tese .view .view-intro {
        text-shadow: 0 1px 3px rgba(0,0,0,.6);
        -webkit-text-shadow: 0 1px 3px rgba(0,0,0,.6);
        -moz-text-shadow: 0 1px 3px rgba(0,0,0,.6);
        -o-text-shadow: 0 1px 3px rgba(0,0,0,.6);
        -ms-text-shadow: 0 1px 3px rgba(0,0,0,.6);
        position: absolute;
        bottom: 15px;
        left: 15px;
        width: 100%;
        z-index: 1;
        font-size: 20px;
        color: #fff
    }

    #house-tese .view .introB {
        font-size: 20px;
        height: 25px
    }

    #house-tese .view .introS {
        font-size: 14px;
        height: 15px
    }

    #house-tese .view .three .v-left {
        width: 630px;
        height: 353px;
        float: left
    }

    #house-tese .view .three .v-right1 {
        margin-bottom: 30px
    }

    #house-tese .view .three .v-right1, #house-tese .view .three .v-right2 {
        width: 280px;
        height: 162px;
        float: right
    }

    #house-tese .view .three .btnB {
        width: 60px;
        height: 60px
    }

    #house-tese .view .three .btnS {
        width: 40px;
        height: 40px
    }

    #house-tese .view .two li {
        width: 456px;
        height: 255px
    }

    #house-tese .view .two .v-left {
        float: left
    }

    #house-tese .view .two .v-right {
        float: right
    }

    #house-tese .view .two .btnA {
        width: 50px;
        height: 50px
    }

    #house-tese .view .one .only {
        width: 940px;
        height: 500px
    }

    #house-tese .view .one .btnM {
        width: 65px;
        height: 65px
    }

#house-tese .tushuo-view {
    width: 100%;
    overflow: hidden;
    margin-top: 30px
}

    #house-tese .tushuo-view ul {
        width: 9999px
    }

    #house-tese .tushuo-view li {
        position: relative;
        float: left;
        width: 294px;
        height: 220px;
        margin-right: 29px
    }

    #house-tese .tushuo-view .tushuo-mask {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 100%;
        height: 100%
    }

    #house-tese .tushuo-view .tushuo-desc {
        position: absolute;
        left: 0;
        bottom: 8px;
        display: block;
        width: 244px;
        height: 40px;
        padding: 0 25px;
        color: #fff;
        font-size: 12px;
        line-height: 20px;
        text-decoration: none;
        word-break: break-all;
        overflow: hidden
    }

    #house-tese .tushuo-view .tushuo-index {
        position: absolute;
        left: 5px;
        top: 5px;
        display: block;
        padding: 0 8px;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        line-height: 24px
    }

    #house-tese .tushuo-view .tushuo-index-bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 4px;
        background: #000;
        opacity: .5;
        filter: alpha(opacity=50)
    }

    #deter, #house-tese .tushuo-view .tushuo-index-text {
        position: relative
    }

        #deter #pricedeter {
            width: 1000px;
            height: 350px;
            padding-top: 50px;
            border-top: 1px solid #e1e1e1;
            background: #fbfbfb
        }

        #deter .deter-title {
            position: absolute;
            left: 30px;
            top: 100px;
            font-size: 14px;
            font-weight: 700
        }

        #deter .deter-text {
            position: absolute;
            right: 15px;
            top: 102px;
            color: #9c9fa1;
            font-size: 12px
        }

.mod-info {
    width: 940px;
    line-height: 26px;
    padding: 30px;
    margin: 0 auto 15px;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    color: #9c6848;
    background-color: #fffcf2
}

    .mod-info .cont-bgbox {
        width: 100%;
        max-height: 75px;
        overflow: hidden
    }

    .mod-info .show-all {
        overflow: visible;
        max-height: none
    }

    .mod-info .cont {
        width: 100%;
        position: relative
    }

    .mod-info .more-info {
        height: 20px;
        display: none;
        right: 0;
        top: 52px;
        position: absolute
    }

        .mod-info .more-info .dot {
            padding-right: 10px;
            padding-left: 50px;
            background: #fffcf2;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI4AAAAoCAYAAAAouML7AAAA0UlEQVR4Ae3cBaoDURAEwEizuf9VgxN3R2LDStV3CTZNv/WMdjbLebP7Mjt9NDdfm+ffvf6fp59/99rpiNbJqMbm87/TRjF8PpHq4QuepQrBKWgGraJxIGXNoJU0jj0wUjZ8NI4liZQNX7AEx/BJ2fAFT+PYwyKa4RPEkkRZ4wgHMXzKGkewiN1vyhrH7jcxfNq9VyV4guMEJ3F9Me0+Oy54gmNJIob/CdLu3W88dAAPHYBoFTytot2cHXeCk2iGTxBLEpXB2TjVIDhuxKOmcWALuG1AUYcBCKQAAAAASUVORK5CYII=);
            background-position: 0 0;
            background-repeat: no-repeat
        }

        .mod-info .more-info .more-btn {
            color: #1ba1e1;
            cursor: pointer;
            background: #fffcf2;
            display: inline;
            margin: 0
        }

#modTab {
    background: #f5f5f6;
    top: 0;
    left: 0
}

.mod-tab {
    height: 54px;
    margin-top: 10px
}

    .mod-tab .panel-tab {
        margin: 0 auto;
        height: 54px;
        font-size: 16px;
        color: #555;
        position: relative
    }

        .mod-tab .panel-tab .panel-tab-ul {
            font-family: PingFangSC-Semibold;
            position: relative;
            z-index: 10;
            width: 800px;
            white-space: nowrap;
            overflow: hidden
        }

            .mod-tab .panel-tab .panel-tab-ul .phone-s {
                float: right;
                margin-right: 15px;
                height: 100%;
                position: absolute;
                right: 0;
                line-height: 54px;
                font-size: 12px;
                color: #f15044;
                font-weight: 700;
                text-align: center
            }



            .mod-tab .panel-tab .panel-tab-ul li {
                display: inline-block;
                height: 100%;
                line-height: 54px;
                visibility: middle;
                text-align: center;
                width: 97px;
                position: relative;
                transition: color .3s linear
            }

                .mod-tab .panel-tab .panel-tab-ul li a {
                    color: #394043;
                    text-decoration: none;
                    display: inline-block;
                    height: 50px;
                    box-sizing: border-box
                }

        .mod-tab .panel-tab .panel-bg {
            position: absolute;
            width: 97px;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 1;
            transition: left .3s linear
        }

            .mod-tab .panel-tab .panel-bg span {
                color: #0079fe;
                position: absolute;
                bottom: -12px;
                font-size: 12px;
                left: 45%
            }

        .mod-tab .panel-tab .on a {
            color: #0079fe;
            border-bottom: 2px solid #0079fe
        }

        .mod-tab .panel-tab .popup-xcxqr-wrapper {
            display: none;
            box-sizing: border-box;
            position: absolute;
            top: 60px;
            right: -145px;
            background-color: #fff;
            -webkit-filter: drop-shadow(0 0 1px rgba(0,0,0,.1));
            filter: drop-shadow(0 0 1px rgba(0,0,0,.1));
            z-index: 10
        }

            .mod-tab .panel-tab .popup-xcxqr-wrapper h2 {
                padding: 16px 0 16px 13px;
                font-size: 16px;
                color: #333;
                background: #f9f9f9;
                border-bottom: 1px solid #eee;
                border-top-left-radius: 2px;
                border-top-right-radius: 2px;
                font-weight: 700
            }

            .mod-tab .panel-tab .popup-xcxqr-wrapper .popup-xcxqr-agent-list {
                background: #fff;
                border-bottom: 1px solid #eee;
                padding: 22px 0;
                margin: 0 13px
            }

                .mod-tab .panel-tab .popup-xcxqr-wrapper .popup-xcxqr-agent-list .popup-xcxqr-agent-img {
                    width: 72px;
                    height: 95px;
                    float: left;
                    margin-right: 15px
                }

                .mod-tab .panel-tab .popup-xcxqr-wrapper .popup-xcxqr-agent-list .popup-xcxqr-agent-infor .qr-desc-infor .qr-desc-name {
                    margin-bottom: 7px
                }

                    .mod-tab .panel-tab .popup-xcxqr-wrapper .popup-xcxqr-agent-list .popup-xcxqr-agent-infor .qr-desc-infor .qr-desc-name h3 {
                        font-size: 16px;
                        color: #333;
                        font-weight: 700;
                        display: inline-block
                    }

                    .mod-tab .panel-tab .popup-xcxqr-wrapper .popup-xcxqr-agent-list .popup-xcxqr-agent-infor .qr-desc-infor .qr-desc-name .qr-desc-label {
                        background: #f3f5f7;
                        border-radius: 1px;
                        padding: 1px 6px;
                        font-size: 11px;
                        color: #839aae;
                        display: inline-block
                    }

                    .mod-tab .panel-tab .popup-xcxqr-wrapper .popup-xcxqr-agent-list .popup-xcxqr-agent-infor .qr-desc-infor .qr-desc-name .agent-card-img {
                        left: -420px
                    }

                .mod-tab .panel-tab .popup-xcxqr-wrapper .popup-xcxqr-agent-list .popup-xcxqr-agent-infor .qr-infor-count {
                    margin-bottom: 6px;
                    font-size: 12px;
                    color: #333
                }

                .mod-tab .panel-tab .popup-xcxqr-wrapper .popup-xcxqr-agent-list .popup-xcxqr-agent-infor .qr-infor-phone {
                    font-size: 12px;
                    color: #fa5741;
                    margin-bottom: 8px
                }

                .mod-tab .panel-tab .popup-xcxqr-wrapper .popup-xcxqr-agent-list .popup-xcxqr-agent-infor .qr-infor-consult .new-talk {
                    margin: 0 !important;
                    display: inline-block;
                    width: 88px;
                    height: 28px;
                    text-align: center;
                    background-color: #f4f8fe;
                    border: 1px solid #0079fe;
                    border-radius: 2px;
                    line-height: 28px;
                    text-decoration: none;
                    font-size: 12px;
                    color: #0079fe;
                    cursor: pointer
                }



            .mod-tab .panel-tab .popup-xcxqr-wrapper .qr-desc {
                color: #999;
                font-size: 12px;
                width: 100%;
                height: 26px;
                line-height: 26px;
                text-align: center
            }

            .mod-tab .panel-tab .popup-xcxqr-wrapper:before {
                content: "";
                position: absolute;
                border-color: transparent #f9f9f9 transparent transparent;
                border-style: solid;
                border-width: 4px 4px 4px 0;
                top: 18px;
                left: -4px;
                width: 0;
                height: 0
            }

        .mod-tab .panel-tab .phone {
            font-family: PingFangSC-Semibold;
            position: absolute;
            right: 0;
            top: 18px;
            font-size: 16px;
            color: #394043;
            letter-spacing: 0;
            margin-right: 26px
        }

            .mod-tab .panel-tab .phone span {
                display: inline-block;
                padding: 0 2px
            }



.xinfang-nav .wrapper {
    width: 1186px
}

.mod-details {
    position: relative
}

    .mod-details .mod-details-line {
        width: 1000px;
        height: 1px;
        background-color: #e4e4e4;
        position: absolute;
        left: 0
    }

    .mod-details a {
        color: #555
    }

    .mod-details .box-loupan {
        margin-bottom: -10px;
        margin-top: 5px
    }

    .mod-details .box-wuye {
        margin-bottom: -10px
    }

    .mod-details .tab .no-click {
        color: #aaa
    }

    .mod-details .tab li {
        padding: 18px 0;
        border-bottom: 1px solid #ededed;
        border-top: 1px solid #ededed;
        font-size: 16px;
        font-weight: 400;
        float: left;
        text-align: center;
        cursor: pointer
    }

        .mod-details .tab li span {
            display: inline-block;
            width: 100px
        }

        .mod-details .tab li i {
            width: 17px;
            height: 20px;
            display: inline-block;
            float: left;
            margin-top: 4px
        }

    .mod-details .tab-loupan {
        width: 49%;
        border-right: 1px solid #ededed
    }

        .mod-details .tab-loupan i {
            background: url(../../pages/detail/img/icon_box_press.png?cf0a22251821634da804);
            background: -webkit-image-set(url(../../pages/detail/img/icon_box_press.png?cf0a22251821634da804) 1x,url(../../pages/detail/img/icon_box_press@2x.png?3dbdfea6086716a406fd) 2x);
            background-repeat: no-repeat
        }

        .mod-details .tab-loupan .clicked-loupan {
            background: url(../../pages/detail/img/icon_box.png?b3994cb4c14d96f302cd);
            background: -webkit-image-set(url(../../pages/detail/img/icon_box.png?b3994cb4c14d96f302cd) 1x,url(../../pages/detail/img/icon_box@2x.png?a74cf2dc7cabc9816ed8) 2x);
            background-repeat: no-repeat
        }

    .mod-details .tab-wuye {
        width: 50%
    }

        .mod-details .tab-wuye i {
            background: url(../../pages/detail/img/icon_key.png?769bf74ffee30ae2c049);
            background: -webkit-image-set(url(../../pages/detail/img/icon_key.png?769bf74ffee30ae2c049) 1x,url(../../pages/detail/img/icon_key@2x.png?6beb3581da6902d8e02c) 2x);
            background-repeat: no-repeat
        }

        .mod-details .tab-wuye .clicked-wuye {
            background: url(../../pages/detail/img/icon_key_press.png?5d442c331b7d69e38f96);
            background: -webkit-image-set(url(../../pages/detail/img/icon_key_press.png?5d442c331b7d69e38f96) 1x,url(../../pages/detail/img/icon_key_press@2x.png?a22e79ab1ed91e333d40) 2x);
            background-repeat: no-repeat
        }

.desc-p {
    padding: 7px 0;
    font-size: 14px;
    line-height: 24px
}

    .desc-p .label {
        display: inline-block;
        width: 100px;
        font-weight: 700;
        color: #333;
        vertical-align: top;
        float: left
    }

    .desc-p .label-val {
        display: block;
        color: #888;
        margin-left: 100px
    }

.table-list .desc-p {
    line-height: 20px
}

.table-list li {
    float: left;
    line-height: 100px;
    width: 50%
}

.table-list .odd .desc-p {
    margin-right: 28px;
    line-height: 20px
}

.table-list .even .desc-p {
    margin-left: 28px
}

.table-list .no-border {
    border-bottom: 0
}

.xqmore-btn-con {
    display: inline-block;
    width: 1000px;
    height: 45px;
    line-height: 45px;
    background-color: #f9f9f9;
    color: #b0b0b0;
    text-align: center;
    cursor: pointer;
    position: relative;
    left: -30px;
    bottom: -20px
}

    .xqmore-btn-con:hover {
        text-decoration: none
    }

    .xqmore-btn-con .xqmore-btn {
        color: #b0b0b0
    }

.footer {
    background-color: #f1f1f1
}

.other-name-pos2 {
    overflow: hidden
}

.clear {
    zoom: 1
}

    .clear:after {
        content: "";
        clear: both;
        display: block
    }

.mod-price.mod-panel {
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0;
    margin-top: 50px
}

.mod-price .price-title {
    padding-bottom: 14px;
    font-size: 24px;
    font-weight: 600;
    color: #394043
}

.mod-price .count-intro {
    font-size: 14px;
    color: #9c9fa1;
    margin-bottom: 30px
}

.mod-price .count {
    height: 100%;
    float: left
}

    .mod-price .count .count-top {
        margin-bottom: 20px;
        margin-top: 10px
    }

    .mod-price .count .count-icon {
        width: 55px;
        height: 45px;
        background: url(../../pages/detail/img/count-icon.png?4f9fae1fc37a1c268b86) no-repeat;
        text-align: center;
        line-height: 45px;
        color: #6f6117;
        float: left
    }

    .mod-price .count .type-select {
        width: 350px;
        position: relative
    }

        .mod-price .count .type-select p {
            position: absolute;
            margin: 0;
            padding: 0;
            display: block;
            left: -60px
        }

    .mod-price .count > ol > div > li, .mod-price .count > ol > li {
        margin-bottom: 20px
    }

    .mod-price .count .price-submit {
        width: 298px;
        line-height: 43px;
        border: 1px solid #b2b2bc;
        border-radius: 2px;
        font-size: 14px;
        color: #9c9fa1;
        background: #fff;
        cursor: pointer;
        margin-left: 128px
    }

        .mod-price .count .price-submit:hover {
            text-decoration: underline
        }

.mod-price .clear .dk, .mod-price .clear .tle {
    float: left;
    width: 128px;
    height: 45px;
    font-size: 14px;
    font-weight: 600;
    color: #394043;
    line-height: 47px
}

.mod-price .clear .ret-gong, .mod-price .clear .ret-shang, .mod-price .clear .ret-zongjia {
    float: left;
    width: 298px;
    font-size: 14px;
    text-align: center;
    position: relative;
    height: 45px;
    line-height: 35px;
    border-bottom: 1px solid #e4e6f0
}

    .mod-price .clear .ret-gong input, .mod-price .clear .ret-shang input, .mod-price .clear .ret-zongjia input {
        float: left;
        width: 100%;
        height: 95%;
        margin-top: 1px;
        padding-left: 20px;
        border: 0;
        box-sizing: border-box
    }

    .mod-price .clear .ret-gong .wan, .mod-price .clear .ret-shang .wan, .mod-price .clear .ret-zongjia .wan {
        position: absolute;
        right: 0;
        top: 0;
        line-height: 45px;
        font-size: 14px;
        color: #394043
    }

.mod-price .clear .ret {
    float: left;
    width: 298px;
    background-color: #f9f9f9;
    font-size: 14px;
    color: #394043;
    text-align: center;
    position: relative;
    height: 45px;
    line-height: 45px;
    background: #f5f5f6;
    cursor: pointer
}

    .mod-price .clear .ret .da {
        float: left;
        margin-left: 20px
    }

    .mod-price .clear .ret ol {
        display: none;
        position: absolute;
        top: 46px;
        width: 100%;
        max-height: 176px;
        overflow-y: auto;
        z-index: 2;
        background: #fff;
        text-align: left;
        list-style: none;
        border-radius: 2px;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
        margin-top: -1px
    }

        .mod-price .clear .ret ol li {
            padding-left: 20px;
            cursor: pointer;
            box-sizing: border-box
        }

            .mod-price .clear .ret ol li:hover {
                background-color: #f9f9f9
            }

    .mod-price .clear .ret .arrow {
        position: absolute;
        border: 4px solid transparent;
        border-top-color: #9c9fa1;
        right: 15px;
        top: 22px
    }

    .mod-price .accumulation, .mod-price .clear .ret .gdai {
        display: none
    }

.mod-price .price-result {
    float: left;
    width: 245px;
    margin-left: 40px;
    padding-top: 50px
}

    .mod-price .price-result .result-tag-box {
        font-size: 14px;
        border-bottom: 1px solid #e4e6f0;
        padding-bottom: 13px
    }

        .mod-price .price-result .result-tag-box .tag-nav {
            float: left;
            color: #9c9fa1;
            margin-right: 30px;
            font-weight: 700;
            cursor: pointer
        }

        .mod-price .price-result .result-tag-box .tag-nav-on {
            color: #394043
        }

    .mod-price .price-result .result-ctx-box .result-ctx .result-ctx-line {
        position: relative;
        font-size: 14px;
        color: #394043;
        font-weight: 700;
        margin-top: 15px
    }

        .mod-price .price-result .result-ctx-box .result-ctx .result-ctx-line .result-left {
            float: left
        }

            .mod-price .price-result .result-ctx-box .result-ctx .result-ctx-line .result-left .result-icon {
                margin-left: 4px;
                margin-top: 1px;
                cursor: pointer;
                display: inline-block;
                width: 12px;
                height: 12px;
                background-size: 12px 12px
            }

        .mod-price .price-result .result-ctx-box .result-ctx .result-ctx-line .result-right {
            float: right
        }

        .mod-price .price-result .result-ctx-box .result-ctx .result-ctx-line .result-hint {
            display: none;
            font-size: 14px;
            line-height: 20px;
            position: absolute;
            top: 24px;
            left: 0;
            background: rgba(0,0,0,.8);
            width: 246px;
            padding: 10px;
            color: #fff;
            box-sizing: border-box;
            font-weight: 400;
            z-index: 1
        }

    .mod-price .price-result .result-ctx-box .result-ctx .line-reduce {
        display: none;
        color: #d4d4d4;
        margin-top: 10px;
        text-align: right;
        font-weight: 400
    }

        .mod-price .price-result .result-ctx-box .result-ctx .line-reduce span {
            color: #003f00
        }

    .mod-price .price-result .reprice-change-remind {
        height: 44px;
        line-height: 44px;
        text-align: center;
        color: #0079fe;
        font-size: 12px;
        border: 1px solid #0079fe;
        border-radius: 2px;
        cursor: pointer
    }

    .mod-price .price-result .result-sign {
        font-size: 12px;
        line-height: 16px;
        color: #9c9fa1;
        border-bottom: 1px solid #e4e6f0;
        padding-bottom: 14px;
        margin-top: 40px
    }

    .mod-price .price-result .count-agent ul li .countant-box {
        padding-top: 27px
    }

        .mod-price .price-result .count-agent ul li .countant-box > img {
            float: left;
            width: 56px;
            height: 56px;
            border-radius: 50%;
            margin-right: 15px
        }

        .mod-price .price-result .count-agent ul li .countant-box .agent-card-part {
            float: left
        }

            .mod-price .price-result .count-agent ul li .countant-box .agent-card-part .name-line {
                margin-bottom: 9px
            }

                .mod-price .price-result .count-agent ul li .countant-box .agent-card-part .name-line .name {
                    font-size: 18px;
                    color: #394043;
                    font-weight: 700
                }

                .mod-price .price-result .count-agent ul li .countant-box .agent-card-part .name-line .position {
                    display: none
                }

            .mod-price .price-result .count-agent ul li .countant-box .agent-card-part .new-talk {
                display: inline-block;
                width: 82px;
                height: 24px;
                background: #f4f8fe;
                border: 1px solid #3a75ee;
                color: #0079fe;
                text-align: center;
                border-radius: 2px;
                vertical-align: middle;
                line-height: 24px;
                font-size: 12px
            }

                .mod-price .price-result .count-agent ul li .countant-box .agent-card-part .new-talk i {
                    display: inline-block;
                    width: 14px;
                    height: 16px;
                    line-height: 26px;
                    margin-right: 4px;
                    vertical-align: middle;
                    background-size: contain
                }

            .mod-price .price-result .count-agent ul li .countant-box .agent-card-part .lineTwo {
                display: inline-block;
                width: 82px;
                height: 24px;
                background: #f4f8fe;
                border: 1px solid #3a75ee;
                color: #0079fe;
                text-align: center;
                border-radius: 2px;
                vertical-align: middle;
                line-height: 26px;
                font-size: 12px;
                margin: 0
            }

                .mod-price .price-result .count-agent ul li .countant-box .agent-card-part .lineTwo .tel {
                    line-height: 24px;
                    cursor: pointer
                }

                    .mod-price .price-result .count-agent ul li .countant-box .agent-card-part .lineTwo .tel .tel-icon {
                        display: inline-block;
                        width: 16px;
                        height: 16px;
                        line-height: 22px;
                        vertical-align: middle;
                        background-size: 13px 13px
                    }

                .mod-price .price-result .count-agent ul li .countant-box .agent-card-part .lineTwo .phone-qr-wrap {
                    display: none;
                    position: absolute;
                    top: 30px;
                    left: 0;
                    display: inline-block;
                    width: 100px;
                    height: auto;
                    line-height: 26px;
                    padding-top: 4px;
                    text-align: center;
                    background: #fff;
                    border: 0 !important;
                    z-index: 9
                }

                    .mod-price .price-result .count-agent ul li .countant-box .agent-card-part .lineTwo .phone-qr-wrap #phone-qr-desc {
                        display: block
                    }

.mod-price .line-both .line-both-left {
    width: 144px
}

.mod-price .line-both .line-input-box {
    width: 134px;
    float: left;
    margin-left: 20px;
    position: relative;
    border-bottom: 1px solid #e4e6f0
}

    .mod-price .line-both .line-input-box input {
        width: 100%;
        -webkit-appearance: none;
        border: 0;
        line-height: 45px
    }

    .mod-price .line-both .line-input-box .wan {
        position: absolute;
        top: 0;
        right: 0;
        line-height: 45px
    }

.mod-price .select-math {
    display: inline-block;
    width: 200px;
    height: 15px;
    margin-top: 30px;
    margin-left: 93px
}

.mod-price .slt-i {
    font-size: 14px;
    color: #394043;
    margin-right: 20px;
    font-weight: 700
}

.mod-price .slt-i, .mod-price .wu-icon {
    display: inline-block;
    vertical-align: middle
}

.mod-price .wu-icon {
    width: 12px;
    height: 12px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    line-height: 13px;
    border-radius: 2px
}

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

.price-input:-moz-placeholder, .price-input::-moz-placeholder {
    color: #9c9fa1
}

.price-input:-ms-input-placeholder {
    color: #9c9fa1
}

.mod-price .clear .ret ol::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.mod-price .clear .ret ol::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(37,27,27,.1);
    background: rgba(37,27,27,.1)
}

.mod-price .clear .ret ol::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(37,27,27,.1);
    border-radius: 0;
    background: rgba(37,27,27,.1)
}

.common-phone-modal-wrap {
    z-index: 1000 !important
}

#house-push {
    padding-right: 0
}

    #house-push.mod-panel {
        margin-top: 45px;
        padding: 0;
        box-shadow: none;
        -webkit-box-shadow: none
    }

        #house-push.mod-panel h2 {
            font-size: 24px;
            font-weight: 600;
            color: #394043
        }

.imglist {
    width: 1000px;
    height: 260px;
    overflow: hidden;
    float: left
}

.show-content ul li {
    margin-right: 9px;
    margin-bottom: 26px;
    display: inline-block;
    vertical-align: top
}

    .show-content ul li:last-child {
        margin-right: 0
    }

.show-content .li-last {
    float: left;
    margin-right: 0
}

.show-content .pic {
    display: block;
    width: 280px;
    margin-bottom: 15px;
    position: relative
}

    .show-content .pic img {
        width: 280px;
        height: 208px
    }

    .show-content .pic .tip {
        z-index: 20;
        height: 24px;
        padding: 0 4px;
        color: #fff;
        display: inline-block;
        background: #fa5741;
        font-size: 14px;
        font-weight: 700;
        border-radius: 2px;
        line-height: 24px;
        text-align: center;
        position: absolute;
        bottom: 17px;
        left: 0
    }

    .show-content .pic .ad-tag {
        position: absolute;
        bottom: 5px;
        right: 5px;
        height: 16px;
        line-height: 16px;
        color: #fff;
        font-size: 12px;
        background: rgba(9,0,0,.11);
        padding: 0 6px;
        border-radius: 8px
    }

.show-content .house-name {
    color: #394043;
    font-size: 16px;
    font-weight: 700;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    margin-right: 10px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.show-content .zhuzhai {
    float: right;
    position: absolute;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    border-radius: 2px;
    padding: 0 4px;
    background-image: linear-gradient(-135deg,#47cc95,#26b479);
    color: #fff
}

.show-content P {
    font-size: 12px;
    color: #9c9fa1
}

    .show-content P .left-i {
        display: inline-block;
        margin-right: 25px
    }

.fl {
    float: left
}

.fr {
    float: right
}

.h2-flow {
    margin-bottom: 6px
}

    .h2-flow h2 {
        float: left;
        padding: 18px 0;
        display: block
    }

    .h2-flow .title-link {
        font-size: 24px;
        font-weight: 600;
        color: #394043
    }

    .h2-flow .house-more {
        float: right;
        display: block;
        padding: 18px 0;
        font-size: 14px;
        color: #9c9fa1;
        line-height: 30px
    }

    .h2-flow .house-intro-box {
        float: right;
        padding-top: 15px
    }

        .h2-flow .house-intro-box li {
            float: left
        }

        .h2-flow .house-intro-box .house-intro-left {
            padding-right: 20px
        }

            .h2-flow .house-intro-box .house-intro-left .house-intro-img {
                width: 36px;
                height: 36px;
                float: left;
                border-radius: 50px;
                margin-right: 9px;
                overflow: hidden
            }

                .h2-flow .house-intro-box .house-intro-left .house-intro-img img {
                    width: 36px
                }

            .h2-flow .house-intro-box .house-intro-left .house-intro-infor {
                float: left
            }

                .h2-flow .house-intro-box .house-intro-left .house-intro-infor div {
                    padding-bottom: 6px
                }

                    .h2-flow .house-intro-box .house-intro-left .house-intro-infor div h2 {
                        float: left;
                        font-size: 14px;
                        color: #333;
                        padding-bottom: 0;
                        margin-top: 0;
                        font-weight: 700
                    }

                    .h2-flow .house-intro-box .house-intro-left .house-intro-infor div .house-intro-infor-label {
                        background: #f3f5f7;
                        border-radius: 1px;
                        font-size: 11px;
                        color: #839aae;
                        float: left;
                        padding: 1px 6px;
                        margin-top: 1px;
                        margin-left: 4px
                    }

                    .h2-flow .house-intro-box .house-intro-left .house-intro-infor div .agent-card-box .agent-card-img {
                        top: -330px;
                        left: -420px
                    }

                .h2-flow .house-intro-box .house-intro-left .house-intro-infor p {
                    font-size: 12px;
                    color: #333
                }

                .h2-flow .house-intro-box .house-intro-left .house-intro-infor .agent-card {
                    margin-top: 0;
                    margin-left: 5px
                }

        .h2-flow .house-intro-box .house-intro-center {
            padding: 0 11px;
            font-size: 12px;
            color: #fa5741;
            line-height: 18px;
            width: 76px
        }

        .h2-flow .house-intro-box .house-intro-right {
            padding: 0 26px
        }

            .h2-flow .house-intro-box .house-intro-right .qr-infor-consult .new-talk {
                margin: 3px 0 0 !important;
                display: inline-block;
                width: 88px;
                height: 28px;
                text-align: center;
                background-color: #f4f8fe;
                border: 1px solid #0079fe;
                border-radius: 2px;
                line-height: 28px;
                text-decoration: none;
                font-size: 12px;
                color: #0079fe;
                cursor: pointer
            }

                .h2-flow .house-intro-box .house-intro-right .qr-infor-consult .new-talk i {
                    display: inline-block;
                    width: 16px;
                    height: 16px;
                    background: url(../../pages/detail/img/Imtalk.png?a9ed98dadfa413f4c96b) no-repeat 50%/12px;
                    padding: 0;
                    margin-right: 4px;
                    vertical-align: -3px
                }

        .h2-flow .house-intro-box .house-intro-line {
            border-right: 2px solid hsla(0,0%,59.2%,.2);
            height: 28px;
            margin-top: 4px
        }

    .h2-flow .agent-wrapper {
        float: right;
        padding: 10px 16px;
        background: #fff;
        border: 1px solid #e4e6f0;
        border-radius: 2px
    }

        .h2-flow .agent-wrapper .avatar {
            display: inline-block;
            width: 40px;
            height: 40px;
            margin-right: 9px;
            background: pink;
            border-radius: 100%;
            vertical-align: middle
        }

        .h2-flow .agent-wrapper .consult-info {
            display: inline-block;
            vertical-align: middle;
            margin-right: 13px
        }

            .h2-flow .agent-wrapper .consult-info .main-info {
                display: inline-block
            }

                .h2-flow .agent-wrapper .consult-info .main-info .name {
                    display: inline-block;
                    margin-right: 8px;
                    font-size: 12px;
                    color: #333;
                    font-weight: 700;
                    vertical-align: middle
                }

                .h2-flow .agent-wrapper .consult-info .main-info .coop {
                    display: inline-block;
                    margin-right: 8px;
                    height: 16px;
                    line-height: 16px;
                    font-size: 12px;
                    color: #839aae;
                    padding: 0 3px;
                    background: #f3f5f7;
                    vertical-align: middle
                }

            .h2-flow .agent-wrapper .consult-info .look-deal {
                margin-top: 4px
            }

                .h2-flow .agent-wrapper .consult-info .look-deal .text {
                    font-size: 12px;
                    color: #333;
                    vertical-align: middle
                }

                .h2-flow .agent-wrapper .consult-info .look-deal .split {
                    display: inline-block;
                    width: 0;
                    height: 10px;
                    margin: 0 6px;
                    border-right: 1px solid rgba(16,29,55,.5);
                    vertical-align: middle
                }

        .h2-flow .agent-wrapper .phone {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            margin-right: 16px;
            width: 78px;
            cursor: pointer
        }

            .h2-flow .agent-wrapper .phone .num {
                font-size: 12px;
                color: #fa5741;
                line-height: 18px;
                margin-right: 6px;
                font-weight: 700;
                vertical-align: middle
            }

            .h2-flow .agent-wrapper .phone .weixin {
                display: inline-block;
                width: 12px;
                height: 12px;
                line-height: 18px;
                vertical-align: middle;
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAAH6ji2bAAAAAXNSR0IArs4c6QAAA5ZJREFUOBGNVE2IHFUQrnrdme2eXU2I4A7rfwwLSTxkdhKTNcGDgog/YQUvOSSHJLJgcCHzs/4sREFCQuIuKBL8gVw8eRAUg9GDHoKHuLg7omENMQEPxsjmoGKcftPT/cqvZreHibOBvEPXq6/q1atX9VVzcTLeQmn6joiM+pQme0VolLAMNi8x0Wdrbg9X8eZyQ5j5ssFnAZZ16kKKLn2gjFQak8VK9KgauFhuLOb98MF/k+hn6HcN5MK1CBI5IuEfZvLtgMR8Ub3ba8ek3KabkbJ9BsejX4gprk+Hm5avtqY/Fzyc94Lt6oXEKhBN/9tj/KcC7cX8PXLzOill+Eg5mtL4I9XosQwrVZpjJlM6kqWV5IkRJckwVCbBdUSlSrRTjF5NNHhPMHtmgpu6716+Zjs3Hbad1IBCfAox9kRV+hfJTvTlglNJYjf6THypWLa7jKFUHVMnj6tcdPa8x+bQ2gL9dfVXepM3V6KfSOQhNeLhsirH69NE7ndOvl7CgBp6hIqVxu4MUIlyX253qAtU3ZDx4i7sptve8tzENaPHwrK9nwwdJkdDqN3R7IwxvMf3gnBIWnZ9G2SvNX88d27Z4VjmqFIZ8F7eD2qqRKY5KLHswysXfMezMckFZnm3Pp2faPNFnbIFCn6Y7fW12yblbtX9DOyWxWq033hmNk3S0600ehW2g76QVEtVK+qIIg+CsfNs5KJncr+nZIdB26/Upnw+zyQRXjvNcmNNxbgBVOAw+L6APHehOVdwBJ3kkyAH5mBpYZ58R+4QbisgRdlEnvd8/UTfJ5lDt8SIFZzwuHIZkzXETLvrM8HZbh/dY4YSIff5LTdQOf//ICvpytoIRdmwklExR7wBrbl+L5G9RIzfAz8N6s/FA0ssXz7n/33dPsVCf2DShEvV+Dmku5HgfUNgFNcY74u5E7n5DN/6il2XxPJApndkX/Bj/Shf80s1ewDFPInAvS2Hwbn0ADix87vj/NvojITNq83h+kz4ZellWS2pLc2/FX6ztSaFpBUpS6/5oMAHGJln4XS6c1vXRic8Tu3rgF6Ir8T34SX7S2/I2fQfexBze2Tba1KIbTSF7u+Fz+pbboregVcgCx5zDVrji3cG9X//3BFa5Jx5G/ge9WkHdIY9VVZa+HN3SiFGBrU0huM7EpM+CbKPb5+iO11Lavi5fKzneUutsSNxfArXD/cG5CZ495EZDl6cG+dWr70X+Q/W0JM+RxeKhgAAAABJRU5ErkJggg==) no-repeat;
                background-size: contain
            }

            .h2-flow .agent-wrapper .phone .phone-qr-wrap {
                display: inline-block;
                display: none;
                position: absolute;
                top: -38px;
                left: 84px;
                width: 120px;
                height: auto;
                line-height: 26px;
                padding-top: 4px;
                text-align: center;
                background: #fff;
                z-index: 9
            }

                .h2-flow .agent-wrapper .phone .phone-qr-wrap .phone-qr-img {
                    width: 110px;
                    height: 110px
                }

                .h2-flow .agent-wrapper .phone .phone-qr-wrap .phone-qr-desc {
                    display: none;
                    line-height: 12px;
                    padding: 5px 0;
                    font-size: 12px;
                    color: #999
                }

        .h2-flow .agent-wrapper .consult {
            display: inline-block;
            width: 86px;
            height: 26px;
            background: #f4f8fe;
            border: 1px solid #3a75ee;
            text-align: center;
            border-radius: 2px;
            vertical-align: middle
        }

            .h2-flow .agent-wrapper .consult i {
                display: inline-block;
                width: 16px;
                height: 16px;
                line-height: 26px;
                margin-right: 4px;
                vertical-align: middle;
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAAAXNSR0IArs4c6QAABG9JREFUWAm9V11sVFUQnjl3u7u3/ITEYFojCCnIk7htCuojiYIQUXwgBkjwDbWJiN1q6oOkqSGK0pqQ8GN4VF8whIQXhZhAYqKFBraVRKPFaJW0pcSIVPduu3vvcebcPXfPvbvb7NZ0T7J35syZme/8zZxZgGJLdTszzCJ/Ut1ZyVS19m4nK4uNB8o1WK0jnT3Rkc5tYx5D9iQQLOV26LmYomUaymlHz+xGz3NHlYrxGRlsRmQAT0KXIQ+xggavhCSRTuV5F5UUhDbY3SfjYzO5m9SfGBmwt2h5dQ8It0cGmldhKu38A1Iu0RYmbbLsVlFtkBXzrjMZ7FRmwIZvjiSVA+Z1K9s5PaCpQMD3dSdKeZmCznhtdID7PEGmapnMcNt+XCYmx3N/zjdxFPhe5ph92LcoOlCGvzk5LayFEvJQZrD5KVQncN+ZrcUoqkPrvy+KxxeMrWtBWFE8lmQc4LHVpVXu6LACPWYkyOUxWu89U3prqhQRuTmAm7+X+pdGXVNV8cp9NA7KtKoIaENPqZuAQrxRRaeqmI+RTqNLRdqSWOJTR85dZm2UaLtu4byU8FDUmhHZyJSXdsiQcox7IHtplzrppkzQjf66bZn95hd9SLsSbiEH7T1Ov/Tku2EVo4f4b+sjyQe+PIjBsQcOUunsH4T4sKFelbWarI3XjyY4ev3E096d/a5WYzZy8+73fHuVg01vyRY66Se5U09TMUMGSOnzb75R9Rhr3fXL7YRYqDE7+WXG+ThIKdrrC5tL931nZ4nvbBOUA7SWTz3Ap0MOtqYs6HspDkv91AT9e+Lw8hY/q5/pSsC5t9W+mV5ay3JWnPTnCr4OI+bL46fkAPFKaAY8oo2Zn9eYxinffcBJ8RNWXki7MZC8KDKD9qsLMebcyHZlS6jJGb0rOrHW7YCCZ4gfJQ2kzoiDQwu8greX3vVe3deUE2jMSm4Y/gintIxpEI2m0OQ5Vgoydxg82FfrrWUw2pzPY5jsjwKavpmvOAEF6jrnFxKkUYAiyFDMsl+sNJnQBBg47znD9aSWSoBVZXT4TcLeZE4kuAScTbleWDRwnhUlXMZgLD1JtQMkOEmp/DUtbATVDxTVgfQASe+rRoBGMQSKZ4V6/aIjDeozNpUm9PRWaWseRDjbk6A8jjA+7cGuo8FjCqdficMTj/oJ/sCpWRi+5SkvzzxuwYf7qSiidjFTgN7P8oqv+CFsgQh/VRwk4TQ9dj9PUPRTlfHtTz6A1uW+S2X6+F1P/bR8bNKDO/ck5AsSro6FbbROQKnmwPZ09jj5fz0QNpChp+SkWIn2OypzNRCYoRiTqy0Vhpt7nLVzHvxIgVr25i7KvKhCaxLJdZyQVCK6dsz+lUJi76KARZzSioe4PNTZ0K84SIlCou7iLOJ7/i6lYStm7dAlpVYOJoAgU6X/Anr4f1LaaoqywZbVySNmQWx6DT1G5kCU331WWmPDs9vQlc9LlCnKH2voKq0gvTyX8ES5jP+BipQLbcsSlyuV8lGf3P8PtUieM6rZ74UAAAAASUVORK5CYII=) no-repeat;
                background-size: contain
            }

            .h2-flow .agent-wrapper .consult span {
                display: inline-block;
                font-size: 12px;
                color: #3a75ee;
                line-height: 26px;
                vertical-align: middle
            }

.mod-wrap .mod-panel-houseonline {
    margin-top: 0px;
    box-shadow: none;
    -webkit-box-shadow: none
}

.mod-house-online {
    width: 765px;
    position: relative
}

    .mod-house-online .float-img-wrapper {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1002;
        background: rgba(0,0,0,.51);
        text-align: center;
    }

        .mod-house-online .float-img-wrapper:before {
            content: "";
            display: inline-block;
            width: 0;
            height: 100%;
            vertical-align: middle
        }

        .mod-house-online .float-img-wrapper .close-icon {
            position: absolute;
            width: 33px;
            height: 33px;
            top: 65px;
            right: 65px;
            cursor: pointer;
            background-size: contain
        }

        .mod-house-online .float-img-wrapper .content {
            max-width: 100%;
            max-height: 100%;
            vertical-align: middle
        }

    .mod-house-online .jump-to-frame-all {
        display: inline-block;
        padding: 10px 20px;
        text-decoration: none;
        font-size: 14px;
        color: #9d9d9d;
        cursor: pointer
    }

    .mod-house-online .type-tab {
        float: left
    }

        .mod-house-online .type-tab li {
            padding: 10px 20px;
            float: left;
            color: #394043;
            cursor: pointer
        }

            .mod-house-online .type-tab li a {
                text-decoration: none;
                font-size: 14px;
                color: #9d9d9d
            }

            .mod-house-online .type-tab li:first-child {
                padding-left: 0
            }

        .mod-house-online .type-tab .item.active > * {
            position: relative;
            font-family: HiraginoSansGB-W6;
            font-size: 14px;
            color: #0079fe
        }

        .mod-house-online .type-tab .item.active > :after {
            content: " ";
            background: #0079fe;
            bottom: -11px;
            height: 1px;
            left: 0;
            position: absolute;
            width: 100%
        }

    .mod-house-online .houselist.carousel {
        top: 30px;
        width: 724px
    }

        .mod-house-online .houselist.carousel .carousel-body > .item {
            margin-right: 0;
            width: 724px;
            display: inline-block;
            overflow: hidden
        }

    .mod-house-online .housemore {
        padding-left: 30px;
        padding-right: 30px
    }

    .mod-house-online .house-intro {
        font-size: 14px;
        color: #999;
        display: inline-block;
        width: 100%;
        border-top: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        padding: 30px 0
    }

    .mod-house-online .det-line-h {
        display: inline-block;
        background: #eee;
        height: 1px
    }

    .mod-house-online .house-det {
        position: relative;
        width: 245px;
        height: 320px;
        display: inline-block;
        margin-right: 10px;
        border: 1px solid #e4e6f0;
        border-radius: 2px;
        vertical-align: top;
        margin-bottom: 10px;
    }

        .mod-house-online .house-det .card-img {
            height: 179px;
            width: 100%;
            border-bottom: 1px solid #e4e6f0;
            position: relative
        }

            .mod-house-online .house-det .card-img .img {
                width: 100%;
                height: 100%;
                -o-object-fit: contain;
                object-fit: contain
            }

            .mod-house-online .house-det .card-img .card-img-blowUp {
                position: absolute;
                top: 10px;
                right: 10px;
                padding: 5px 10px;
                background-color: #f5f5f5;
                color: #000;
                border-radius: 2px;
                cursor: pointer
            }

        .mod-house-online .house-det .card-content {
            padding: 20px 10px 10px
        }

            .mod-house-online .house-det .card-content .content-title {
                margin-bottom: 10px;
                font-size: 14px;
                font-weight: 700
            }

                .mod-house-online .house-det .card-content .content-title .p1-state {
                    vertical-align: text-bottom;
                    display: inline-block;
                    padding: 2px 4px;
                    height: 16px;
                    font-size: 12px;
                    font-weight: 400;
                    text-align: center;
                    line-height: 16px;
                    border-radius: 2px;
                    margin-left: 5px;
                }

                .mod-house-online .house-det .card-content .content-title .p1-blue {
                    background-image: linear-gradient(-135deg,#47cc95,#26b479);
                    color: #fff
                }

                .mod-house-online .house-det .card-content .content-title .p1-gray, .mod-house-online .house-det .card-content .content-title .p1-orange {
                    background-image: linear-gradient(-135deg,#f99f82,#ff5722);
                    color: #fff
                }

            .mod-house-online .house-det .card-content .content-area {
                color: #9c9fa1;
                font-size: 14px;
                margin-bottom: 10px
            }

            .mod-house-online .house-det .card-content .content-price {
                margin-bottom: 5px;
                font-size: 16px;
                color: #fa5741
            }

            .mod-house-online .house-det .card-content .content-tags {
                margin-bottom: 10px;
                height: 24px
            }

                .mod-house-online .house-det .card-content .content-tags span {
                    font-size: 12px;
                    color: #849aad;
                    margin-right: 5px;
                    height: 24px;
                    vertical-align: middle;
                    line-height: 24px;
                    padding: 0 7px;
                    display: inline-block;
                    background-color: #f2f4f6
                }

            .mod-house-online .house-det .card-content .content-bts .add-contrast {
                padding: 0 14px;
                height: 28px;
                line-height: 28px;
                display: inline-block;
                border: 1px solid #9c9fa1;
                border-radius: 2px;
                text-align: center;
                font-family: PingFangSC-Regular;
                font-size: 12px;
                color: #9c9fa1;
                cursor: pointer
            }

    .mod-house-online .more-house-det {
        height: 50px;
        width: 100%;
        margin-top: 28px;
        display: block;
        color: #9c9fa1;
        background: #0079fe;
        font-size: 16px;
        line-height: 50px;
        text-align: center;
        box-sizing: border-box;
        border-radius: 4px;
        border: 1px solid #ced2d6;
        background: #fff;
        cursor: pointer
    }

        .mod-house-online .more-house-det:hover {
            background: rgba(206,210,214,.05)
        }

        .mod-house-online .more-house-det a {
            position: relative !important;
            color: #9c9fa1
        }

    .mod-house-online .all-list {
        font-size: 14px;
        width: 100%;
        margin-top: -1px;
        height: 46px;
        background: #fbfbfb;
        text-align: center;
        line-height: 46px;
        border-top: 1px solid #e4e4e4
    }

        .mod-house-online .all-list .more {
            cursor: pointer;
            color: #999
        }

            .mod-house-online .all-list .more a {
                color: #999
            }

            .mod-house-online .all-list .more:hover {
                text-decoration: underline
            }


.pingce {
    padding: 0 !important
}

    .pingce * {
        box-sizing: border-box
    }

    .pingce h2 {
        padding: 30px 30px 26px
    }

        .pingce h2 span {
            font-size: 14px;
            color: #9d9d9d;
            font-weight: 400;
            margin-left: 10px
        }

    .pingce a {
        cursor: pointer
    }

    .pingce ul {
        overflow: hidden;
        padding: 0 30px 30px
    }

        .pingce ul li {
            float: left;
            margin-left: 15px;
            font-size: 12px;
            line-height: 1;
            background-color: #f5f5f6
        }

            .pingce ul li:first-child {
                margin-left: 0
            }

        .pingce ul a {
            display: block;
            width: 303px;
            padding: 30px;
            text-decoration: none
        }

            .pingce ul a:hover {
                background-color: #394043
            }

                .pingce ul a:hover .text, .pingce ul a:hover .tit {
                    color: #fff
                }

                .pingce ul a:hover .link {
                    color: #50d187
                }

        .pingce ul .tit {
            font-size: 16px;
            font-weight: 700;
            color: #333
        }

        .pingce ul .text {
            height: 117px;
            padding: 10px 0;
            color: #999;
            line-height: 22px;
            overflow: hidden
        }

        .pingce ul .link {
            color: #333
        }

    .pingce .btn-more {
        display: block;
        text-align: center;
        line-height: 45px;
        background-color: #fbfbfb;
        border-top: 1px solid #eaeaea;
        font-size: 12px;
        color: #999;
        text-decoration: none
    }

#around .ul-box {
    height: 420px;
    overflow-y: scroll
}

    #around .ul-box ul {
        height: auto;
        overflow-y: visible
    }

    #around .ul-box .note-sel {
        background: #999;
        color: #fff;
        border: 1px solid transparent
    }

    #around .ul-box .busInfo {
        display: none;
        background: #f9f9f9;
        width: 290px;
        padding: 10px 20px 10px 0;
        position: relative
    }

        #around .ul-box .busInfo .note {
            display: block;
            line-height: 22px;
            margin-left: 55px;
            color: #888;
            font-size: 12px
        }

            #around .ul-box .busInfo .note .note-name {
                color: #333
            }

        #around .ul-box .busInfo .nn-close {
            color: #dadada;
            display: inline-block;
            position: absolute;
            top: 10px;
            right: 20px;
            cursor: pointer;
            font-weight: 700
        }

#around .ctrl {
    font-size: 26px;
    line-height: 26px;
    position: absolute;
    z-index: 1;
    left: 20px;
    bottom: 50px;
    width: 26px;
    text-align: center;
    border: solid #555;
    border-width: 1px 1px 0;
    background: #fff
}

    #around .ctrl li {
        height: 26px;
        cursor: pointer;
        border-bottom: 1px solid #555;
        line-height: 23px;
        -webkit-user-select: none
    }

        #around .ctrl li:first-child {
            font-size: 20px;
            line-height: 22px
        }

#around .around-no-info {
    padding: 10px;
    color: #394043
}

.back-map {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    left: 20px;
    bottom: 114px;
    width: 26px;
    height: 27px;
    text-align: center;
    border: 1px solid #555;
    background: #fff
}

    .back-map i {
        display: inline-block;
        width: 18px;
        height: 18px;
        margin-top: 4px;
        background-image: url(../../pages/detail/img/zoom-back.png?c2838982fb3a8fa72a90);
        background-image: -webkit-image-set(url(../../pages/detail/img/zoom-back.png?c2838982fb3a8fa72a90) 1x,url(../../pages/detail/img/zoom-back@2x.png?2a803fb85262dbab076d) 2x);
        background-repeat: no-repeat
    }

.BMapLabel {
    position: relative
}

    .BMapLabel .labelIcon {
        cursor: pointer
    }

        .BMapLabel .labelIcon:hover {
            background-image: url(../../pages/detail/img/marker.png?ba1440b5c07adb959d0b);
            background-position: 6px 6px
        }

    .BMapLabel .labelText {
        display: none;
        position: absolute;
        left: -9px;
        min-width: 36px;
        text-align: center;
        top: -22px;
        background: #fff;
        padding: 6px 10px;
        border-radius: 2px;
        box-shadow: 0 1px 3px rgba(0,0,0,.2);
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
        -o-box-shadow: 0 1px 3px rgba(0,0,0,.2);
        -ms-box-shadow: 0 1px 3px rgba(0,0,0,.2)
    }

.mod-wrap.around {
    width: 1186px;
    box-shadow: none;
    -webkit-box-shadow: none
}

    .mod-wrap.around .content {
        padding: 0;
        width: 100%
    }

        .mod-wrap.around .content .title-link {
            font-size: 24px;
            font-weight: 600;
            color: #394043
        }

        .mod-wrap.around .content .type {
            margin-top: 10px
        }

            .mod-wrap.around .content .type li {
                padding: 0;
                margin: 0 9px;
                color: #394043
            }

                .mod-wrap.around .content .type li:first-child {
                    margin-left: 0
                }

            .mod-wrap.around .content .type .select {
                position: relative;
                color: #0079fe;
                background-color: #fff
            }

                .mod-wrap.around .content .type .select:after {
                    content: "";
                    position: absolute;
                    bottom: -4px;
                    left: 0;
                    width: 100%;
                    height: 2px;
                    background: #0079fe
                }

        .mod-wrap.around .content .container {
            height: 510px
        }

.around .bus-one {
    display: inline-block;
    padding: 2px;
    border-radius: 2px;
    margin-bottom: 1px;
    color: #9c9fa1
}

    .around .bus-one.bordered {
        cursor: pointer;
        background-color: #fff
    }

.around .content .container .list ul li {
    cursor: auto !important;
    padding: 20px 0 0 !important;
    border-bottom: none !important
}

    .around .content .container .list ul li i {
        margin-top: -1px;
        background-image: url(../../pages/detail/img/address-bg.png?a422f3d31d15e9f23fdc) !important;
        background-image: -webkit-image-set(url(../../pages/detail/img/address-bg.png?a422f3d31d15e9f23fdc) 1x,url(../../pages/detail/img/address-bg@2x.png?87ae65f765161d5afbe6) 2x) !important;
        background-position: 1px 2px !important
    }

    .around .content .container .list ul li .item .itemInfo {
        color: #9c9fa1
    }

    .around .content .container .list ul li .itemTitle {
        font-size: 16px;
        font-weight: 700;
        color: #394043
    }

        .around .content .container .list ul li .itemTitle span {
            cursor: pointer
        }

.around .content .container .list ul .ihover {
    background: #f5f5f6
}

    .around .content .container .list ul .ihover i {
        background-image: url(../../pages/detail/img/marker.png?ba1440b5c07adb959d0b);
        background-position: 0 0
    }

.around .content .container .map .item {
    background-image: url(../../pages/detail/img/address-bg.png?a422f3d31d15e9f23fdc) !important;
    background-image: -webkit-image-set(url(../../pages/detail/img/address-bg.png?a422f3d31d15e9f23fdc) 1x,url(../../pages/detail/img/address-bg@2x.png?87ae65f765161d5afbe6) 2x) !important;
    background-position: 7px 7px !important
}

.around .content .container .map .name {
    padding: 7px 10px !important;
    border: none !important;
    border-radius: 0 !important
}

    .around .content .container .map .name .arrow {
        background-image: url(../../pages/detail/img/detail_spritesheet.png?76eb1275161beb3abdbd) !important;
        background-position: inherit !important
    }

.around .content .container .list .name {
    background: #0079fe !important;
    text-align: left !important;
    overflow: hidden;
    height: 40px
}

    .around .content .container .list .name .unds-project-situation {
        background: #fff;
        color: #0079fe;
        border-radius: 2px;
        float: right;
        height: 30px;
        line-height: 30px;
        margin-bottom: 5px;
        margin-top: 5px;
        margin-right: 5px;
        padding: 0 5px;
        cursor: pointer
    }

    .around .content .container .list .name .name-title {
        padding-left: 20px;
        height: 40px;
        line-height: 40px
    }

.around-succ-wrap {
    display: none
}

    .around-succ-wrap .complete-modal-wrap {
        padding-top: 26px;
        text-align: center
    }

        .around-succ-wrap .complete-modal-wrap .complete-icon {
            width: 100px;
            height: 100px;
            background-image: url(../../pages/list/bottom_banner/images/complete_icon.png?e1c416c2e8e3f4d0df61);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            margin: 0 auto
        }

        .around-succ-wrap .complete-modal-wrap .title {
            display: block;
            text-align: center !important;
            max-width: 100%;
            float: none !important;
            font-size: 24px;
            line-height: 33px;
            color: #394043;
            font-weight: 700;
            margin-top: 22px;
            text-align: center
        }

        .around-succ-wrap .complete-modal-wrap .sub-title {
            font-size: 16px;
            line-height: 22px;
            color: #9c9fa1;
            font-weight: 400;
            margin-top: 7px;
            letter-spacing: -.27px;
            text-align: center
        }

        .around-succ-wrap .complete-modal-wrap .confirm-btn {
            margin-top: 60px;
            border: none;
            width: 350px;
            background: #0079fe;
            border-radius: 2px;
            font-size: 18px;
            line-height: 25px;
            font-weight: 700;
            color: #fff;
            padding: 17px 0;
            text-align: center
        }

.modal-wrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999
}

    .modal-wrap .mask {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #000;
        opacity: .5
    }

    .modal-wrap .modal-content {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        background-color: #fff;
        border-radius: 4px;
        padding: 44px 48px 45px
    }

        .modal-wrap .modal-content .close-btn {
            position: absolute;
            top: 10px;
            right: 10px;
            width: 12px;
            height: 12px;
            box-sizing: content-box;
            background-image: url(../../pages/list/bottom_banner/images/modal_close_icon.png?a711f4079329a3dc16d6);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            padding: 0;
            border: 20px solid transparent
        }

.mod-wrap.mod-building {
    display: none;
    padding: 0
}

    .mod-wrap.mod-building .mod-panel {
        margin-top: 45px;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        background: none
    }

#build-info .hh2 {
    font-size: 24px;
    font-weight: 600;
    color: #394043
}

#build-info .hr {
    margin-top: 15px;
    margin-bottom: 3px;
    border-top: 1px solid #eaeaea
}

#build-info .content-wrap {
    margin-left: 26px;
    width: 220px
}

    #build-info .content-wrap p {
        line-height: 1.8;
        color: #888
    }

    #build-info .content-wrap .i-small {
        font-size: 12px
    }

    #build-info .content-wrap .b-hd {
        line-height: 20px;
        margin-bottom: 6px
    }

        #build-info .content-wrap .b-hd .building-building_code {
            font-size: 20px;
            color: #f15044;
            vertical-align: middle;
            font-weight: 800
        }

        #build-info .content-wrap .b-hd .b-type {
            font-size: 12px;
            color: #fff;
            background-color: #b2b2b2;
            padding: 3px 5px;
            vertical-align: middle;
            border-radius: 2px;
            margin-left: 8px
        }

    #build-info .content-wrap .i-bold {
        color: #222
    }

    #build-info .content-wrap .i-light {
        display: inline-block;
        width: 122px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

#build-info .mark-label {
    position: absolute;
    cursor: pointer;
    white-space: nowrap
}

    #build-info .mark-label.clicked, #build-info .mark-label:hover {
        z-index: 2
    }

        #build-info .mark-label.clicked .l-tle, #build-info .mark-label:hover .l-tle {
            background-color: #f15044
        }

        #build-info .mark-label.clicked .l-arrow, #build-info .mark-label:hover .l-arrow {
            border-top-color: #f15044
        }

    #build-info .mark-label:hover {
        z-index: 3
    }

    #build-info .mark-label .l-tle {
        background-color: #0079fe;
        border-radius: 2px;
        color: #fff
    }

    #build-info .mark-label .l-des, #build-info .mark-label .l-tle {
        padding: 0 10px;
        display: inline-block;
        min-width: 30px;
        font-size: 12px;
        line-height: 25px;
        text-align: center;
        box-shadow: 0 2px 2px rgba(0,0,0,.2)
    }

    #build-info .mark-label .l-des {
        background-color: #fff;
        border-radius: 0 2px 2px 0;
        margin-left: -2px
    }

    #build-info .mark-label .l-arrow {
        border-right: 10px solid transparent;
        border-top: 6px solid #0079fe;
        display: block;
        width: 0;
        height: 0;
        margin: 0 auto;
        opacity: .9999;
        zoom: 1;
        position: absolute;
        left: 14px;
        bottom: -5px;
        box-shadow: 0 2px 2px rgba(0,0,0,.2)
    }

#build-info .danyuan-list {
    width: 100%;
    margin-top: 5px;
    height: 205px;
    overflow-y: scroll
}

    #build-info .danyuan-list .danyuan-eum {
        display: inline-block;
        line-height: 30px;
        border-radius: 2px;
        padding-left: 15px;
        width: 225px;
        font-size: 12px;
        margin-top: 10px;
        border: 1px solid #dfdfdf;
        background-color: #f9f9f9;
        height: 30px;
        cursor: pointer;
        box-sizing: border-box
    }

        #build-info .danyuan-list .danyuan-eum i {
            display: inline-block;
            float: right;
            margin-top: 9px;
            margin-right: 8px;
            width: 7px;
            height: 13px;
            background: url(../../pages/detail/img/iic.png?eb22f3b0924b49c3b440);
            background: -webkit-image-set(url(../../pages/detail/img/iic.png?eb22f3b0924b49c3b440) 1x,url(../../pages/detail/img/iic@2x.png?09926aa9ce19f4116e43) 2x);
            background-repeat: no-repeat
        }

#build-info .content-open1-b {
    width: 246px;
    height: 340px;
    background-color: #fff;
    position: absolute;
    right: -300px;
    transition: right .3s ease-in-out;
    z-index: 500
}

    #build-info .content-open1-b .go-btn {
        z-index: 520;
        width: 20px;
        height: 60px;
        border-radius: 2px;
        background: #fff;
        position: absolute;
        top: 125px;
        left: -48px;
        cursor: pointer
    }

        #build-info .content-open1-b .go-btn i {
            display: inline-block;
            float: right;
            margin-top: 22px;
            margin-right: 6px;
            width: 7px;
            height: 13px;
            background: url(../../pages/detail/img/iic.png?eb22f3b0924b49c3b440);
            background: -webkit-image-set(url(../../pages/detail/img/iic.png?eb22f3b0924b49c3b440) 1x,url(../../pages/detail/img/iic@2x.png?09926aa9ce19f4116e43) 2x);
            background-repeat: no-repeat
        }

#build-info .content-open1 .open1-hd {
    line-height: 20px;
    margin-bottom: 6px
}

    #build-info .content-open1 .open1-hd span {
        font-size: 14px;
        color: #666
    }

    #build-info .content-open1 .open1-hd .open1-title {
        display: inline-block;
        font-size: 20px;
        color: #f15044;
        vertical-align: middle;
        font-weight: 800;
        width: 70px;
        height: 20px
    }

    #build-info .content-open1 .open1-hd .open1-t {
        display: inline-block;
        position: absolute;
        top: 4px;
        left: 134px
    }

    #build-info .content-open1 .open1-hd .open1-g {
        display: inline-block;
        position: absolute;
        top: 4px;
        left: 76px
    }

#build-info .content-open1 .ju-list {
    width: 246px;
    height: 264px;
    overflow-y: auto;
    margin-top: 5px
}

    #build-info .content-open1 .ju-list .ju-div .ju-ul {
        display: none;
        width: 85px;
        height: 95px;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 8px;
        float: left
    }

    #build-info .content-open1 .ju-list .ju-div .img-li {
        width: 85px;
        height: 75px;
        position: relative
    }

        #build-info .content-open1 .ju-list .ju-div .img-li img {
            width: 100%;
            height: 100%;
            cursor: pointer
        }

        #build-info .content-open1 .ju-list .ju-div .img-li .ju-size {
            display: inline-block;
            width: 100%;
            text-align: center;
            font-size: 12px;
            color: #747474;
            margin-top: 5px
        }

        #build-info .content-open1 .ju-list .ju-div .img-li .tip {
            z-index: 20;
            padding-left: 5px;
            padding-right: 5px;
            margin-top: 3px;
            margin-left: 3px;
            height: 25px;
            color: #fff;
            display: inline-block;
            background: #333;
            filter: alpha(opacity=80);
            opacity: .8;
            font-size: 12px;
            font-weight: 700;
            border-radius: 2px;
            line-height: 22px;
            text-align: center;
            position: absolute;
            left: 0;
            top: 0
        }

    #build-info .content-open1 .ju-list .jia i {
        background-repeat: no-repeat;
        background: url(../../pages/detail/img/jia.png?707e540dd10ee1deabb2);
        background: -webkit-image-set(url(../../pages/detail/img/jia.png?707e540dd10ee1deabb2) 1x,url(../../pages/detail/img/jia@2x.png?489e78dd79fea5ff324c) 2x)
    }

    #build-info .content-open1 .ju-list .jian i {
        background-repeat: no-repeat;
        background: url(../../pages/detail/img/jian.png?711e8155832f2426d341);
        background: -webkit-image-set(url(../../pages/detail/img/jian.png?711e8155832f2426d341) 1x,url(../../pages/detail/img/jian@2x.png?beee42479e4a7f039206) 2x)
    }

    #build-info .content-open1 .ju-list .ju-eum {
        display: inline-block;
        line-height: 30px;
        border-radius: 2px;
        padding-left: 15px;
        width: 246px;
        font-size: 12px;
        margin-top: 10px;
        border: 1px solid #dfdfdf;
        background-color: #f9f9f9;
        height: 30px;
        cursor: pointer;
        box-sizing: border-box
    }

        #build-info .content-open1 .ju-list .ju-eum i {
            display: inline-block;
            float: left;
            margin-top: 9px;
            margin-right: 13px;
            width: 12px;
            height: 12px
        }

#build-info .info-content {
    width: 712px
}

    #build-info .info-content .img-wrap {
        position: relative;
        width: 460px;
        height: 340px;
        overflow: hidden
    }

    #build-info .info-content .content-wrap {
        height: 340px;
        cursor: pointer
    }

        #build-info .info-content .content-wrap .content-wrap-header .content-header-title {
            font-size: 18px;
            line-height: 25px;
            color: #394043;
            margin-bottom: 7px
        }

        #build-info .info-content .content-wrap .content-wrap-header .content-header-fist {
            float: left
        }

        #build-info .info-content .content-wrap .content-wrap-header .content-header-describe {
            font-size: 12px;
            background: #666;
            color: #fff;
            border-radius: 2px;
            padding: 0 5px;
            float: left;
            margin-left: 8px
        }

        #build-info .info-content .content-wrap .content-wrap-header .content-header-info {
            font-size: 14px;
            line-height: 13px;
            margin-bottom: 9px;
            color: #394043
        }

        #build-info .info-content .content-wrap .content-wrap-header .detail-header-bedroom {
            margin-bottom: 20px;
            position: relative
        }

            #build-info .info-content .content-wrap .content-wrap-header .detail-header-bedroom span {
                margin-right: 4px;
                padding: 3px 7px;
                height: 20px;
                display: inline-block;
                border: 1px solid #0079fe;
                border-radius: 2px;
                box-sizing: border-box;
                text-align: center;
                background: #fff;
                font-size: 12px;
                color: #0079fe
            }

            #build-info .info-content .content-wrap .content-wrap-header .detail-header-bedroom .no-data {
                display: block;
                background: url(../../pages/detail/img/no-data.png?d1a7b79e0d7c9edd47e2);
                background: -webkit-image-set(url(../../pages/detail/img/no-data.png?d1a7b79e0d7c9edd47e2) 1x,url(../../pages/detail/img/no-data@2x.png?7e5624cc727693acc4b7) 2x);
                background-repeat: no-repeat;
                background-size: 100% 100%;
                width: 220px;
                height: 278px;
                position: absolute
            }

            #build-info .info-content .content-wrap .content-wrap-header .detail-header-bedroom .span-selected {
                background: #0079fe;
                color: #fff;
                opcity: .9
            }

        #build-info .info-content .content-wrap .content-wrap-block {
            margin-top: 20px
        }

            #build-info .info-content .content-wrap .content-wrap-block .content-block-detail {
                overflow-y: auto;
                max-height: 240px;
                margin-top: 20px
            }

            #build-info .info-content .content-wrap .content-wrap-block .content-block-text {
                padding-bottom: 11px;
                line-height: 20px;
                font-size: 14px;
                color: #394043
            }

                #build-info .info-content .content-wrap .content-wrap-block .content-block-text a {
                    text-decoration: underline
                }

                    #build-info .info-content .content-wrap .content-wrap-block .content-block-text a .pull-left {
                        float: none
                    }

            #build-info .info-content .content-wrap .content-wrap-block .content-block-img {
                text-decoration: none;
                position: relative;
                margin-right: 10px;
                margin-bottom: 20px
            }

                #build-info .info-content .content-wrap .content-wrap-block .content-block-img .block-img-info {
                    position: absolute;
                    top: 0;
                    left: 0;
                    padding: 4px;
                    font-size: 12px;
                    background: #333;
                    color: #fff;
                    text-align: center;
                    opacity: .8
                }

                #build-info .info-content .content-wrap .content-wrap-block .content-block-img img {
                    width: 104px;
                    height: 78px;
                    display: block;
                    border: 2px solid #eaeaea
                }

                #build-info .info-content .content-wrap .content-wrap-block .content-block-img .building-block-img-btm {
                    display: block;
                    text-decoration: none;
                    margin-top: 10px
                }

                #build-info .info-content .content-wrap .content-wrap-block .content-block-img .block-img-btl {
                    font-size: 10px;
                    font-weight: 700;
                    color: #333
                }

                #build-info .info-content .content-wrap .content-wrap-block .content-block-img .block-img-btr {
                    font-size: 10px;
                    color: #333
                }

.xinfang-nav {
    height: 84px;
    line-height: 84px
}



    .xinfang-nav .bar-search-box {
        width: 245px;
        height: 36px
    }

        .xinfang-nav .bar-search-box input {
            width: 193px;
            height: 34px;
            line-height: 34px;
            border: 1px solid #dedede
        }

            .xinfang-nav .bar-search-box input:focus {
                box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.08)
            }

        .xinfang-nav .bar-search-box button {
            width: 36px;
            height: 36px;
            background-color: #f15044
        }



        .xinfang-nav .bar-search-box ul {
            width: 209px;
            border: 1px solid #ccc;
            margin-top: 36px
        }

.flex-container a:focus, .flex-container a:hover, .flex-slider a:focus, .flex-slider a:hover {
    outline: none
}

.flex-control-nav, .flex-direction-nav, .slides, .slides > li {
    margin: 0;
    padding: 0;
    list-style: none
}

.flex-pauseplay span {
    text-transform: capitalize
}

.flexslider {
    padding: 0
}

    .flexslider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden
    }

    .flexslider .slides img {
        width: 100%;
        display: block
    }

    .flexslider .slides:after {
        content: " ";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }

html[xmlns] .flexslider .slides {
    display: block
}

* html .flexslider .slides {
    height: 1%
}

.no-js .flexslider .slides > li:first-child {
    display: block
}

.flexslider {
    margin: 0;
    background: #fff;
    border: 0;
    position: relative;
    zoom: 1;
    border-radius: 0;
    box-shadow: 0 1px 4px rgba(0,0,0,.2) "";
    -o-box-shadow: "" 0 1px 4px rgba(0,0,0,.2);
    box-shadow: 0 1px 4px "" rgba(0,0,0,.2)
}

    .flexslider .slides {
        zoom: 1
    }

        .flexslider .slides img {
            height: auto
        }

.flex-viewport {
    max-height: 2000px;
    transition: all 1s ease
}

.loading .flex-viewport {
    max-height: 300px
}

.carousel li {
    margin-right: 5px
}

.flex-direction-nav {
    *height: 0
}

    .flex-direction-nav a {
        text-decoration: none;
        display: block;
        width: 40px;
        height: 40px;
        margin: -20px 0 0;
        position: absolute;
        top: 50%;
        z-index: 10;
        overflow: hidden;
        opacity: 0;
        cursor: pointer;
        transition: .3s ease-in-out;
        transition: all .3s ease-in-out
    }

        .flex-direction-nav a, .flex-direction-nav a:before {
            color: rgba(0,0,0,.8);
            text-shadow: 1px 1px 0 hsla(0,0%,100%,.3)
        }

            .flex-direction-nav a:before {
                font-family: flexslider-icon;
                font-size: 40px;
                display: inline-block;
                content: "\F001"
            }

            .flex-direction-nav a.flex-next:before {
                content: "\F002"
            }

    .flex-direction-nav .flex-prev {
        left: -50px
    }

    .flex-direction-nav .flex-next {
        right: -50px;
        text-align: right
    }

.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: .7;
    left: 10px
}

    .flexslider:hover .flex-direction-nav .flex-prev:hover {
        opacity: 1
    }

.flexslider:hover .flex-direction-nav .flex-next {
    opacity: .7;
    right: 10px
}

    .flexslider:hover .flex-direction-nav .flex-next:hover {
        opacity: 1
    }

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: .8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000
}

    .flex-pauseplay a:before {
        font-family: flexslider-icon;
        font-size: 20px;
        display: inline-block;
        content: "\F004"
    }

    .flex-pauseplay a:hover {
        opacity: 1
    }

    .flex-pauseplay a.flex-play:before {
        content: "\F003"
    }

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center
}

    .flex-control-nav li {
        margin: 0 6px;
        display: inline-block;
        zoom: 1;
        *display: inline
    }

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0,0,0,.5);
    cursor: pointer;
    text-indent: -9999px;
    -o-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    border-radius: 20px
}

    .flex-control-paging li a:hover {
        background: #333;
        background: rgba(0,0,0,.7)
    }

    .flex-control-paging li a.flex-active {
        background: #000;
        background: rgba(0,0,0,.9);
        cursor: default
    }

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden
}

    .flex-control-thumbs li {
        width: 25%;
        float: left;
        margin: 0
    }

    .flex-control-thumbs img {
        width: 100%;
        height: auto;
        display: block;
        opacity: .7;
        cursor: pointer;
        transition: all 1s ease
    }

        .flex-control-thumbs img:hover {
            opacity: 1
        }

    .flex-control-thumbs .flex-active {
        opacity: 1;
        cursor: default
    }

@media screen and (max-width:860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px
    }
}

body, html {
    position: relative;
    width: 100%;
    height: 100%
}

.photoLayer {
    position: absolute;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    overflow: hidden;
    opacity: 0;
    transition: opacity .3s ease-in
}

    .photoLayer .photo-con {
        width: 100%;
        height: 100%;
        position: relative
    }

    .photoLayer .photo-list {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        white-space: nowrap;
        *word-spacing: -1px
    }

        .photoLayer .photo-list .photo-item-list {
            *zoom: 1;
            display: inline-block;
            *display: inline;
            zoom: 1;
            vertical-align: middle;
            width: 100%;
            height: 100%;
            position: relative
        }

        .photoLayer .photo-list .photo-item {
            width: 100%;
            height: 100%;
            display: table;
            position: relative
        }

            .photoLayer .photo-list .photo-item .photo-img {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
                *position: absolute;
                *top: 50%;
                *left: 50%
            }

            .photoLayer .photo-list .photo-item img {
                vertical-align: middle;
                box-shadow: 0 0 8px rgba(0,0,0,.6);
                *position: relative;
                *top: -50%;
                *left: -50%;
                max-width: 100%;
                max-height: 100%
            }

        .photoLayer .photo-list .photo-desc {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 30px;
            background: #000;
            background: rgba(0,0,0,.5);
            font-size: 14px;
            color: #fff;
            filter: "alpha(opacity=50)";
            text-align: center;
            line-height: 30px;
            vertical-align: middle
        }

    .photoLayer .btn-close, .photoLayer .btn-left, .photoLayer .btn-right {
        position: absolute;
        cursor: pointer;
        outline: 0;
        padding: 0;
        margin: 0;
        border: 0;
        border-radius: 15%;
        background-color: #323232;
        background-color: rgba(50,50,50,.5);
        filter: alpha(opacity=50);
        *padding: 0 10px;
        z-index: 10;
        color: #ddd;
        font: 1em sans-serif;
        transition: background-color .4s ease;
        transition: all background-color .4s ease ease
    }

    .photoLayer .btn-left {
        left: 2%;
        top: 50%;
        margin-top: -20px
    }

    .photoLayer .btn-right {
        right: 2%;
        top: 50%;
        margin-top: -20px
    }

    .photoLayer .btn-close {
        top: 2%;
        right: 2%
    }

.photo-round {
    height: 370px;
    width: 694px;
    float: left
}

.leftbtn {
    background: url(../../pages/detail/img/left.png?ca0d9de5696724d567b0);
    background: -webkit-image-set(url(../../pages/detail/img/left.png?ca0d9de5696724d567b0) 1x,url(../../pages/detail/img/left@2x.png?95234437dcd6eff58c19) 2x);
    background-repeat: no-repeat;
    left: 65px
}

.leftbtn, .rightbtn {
    display: inline-block;
    display: none;
    position: fixed;
    bottom: 50%;
    z-index: 1001;
    height: 57px;
    width: 31px
}

.rightbtn {
    background: url(../../pages/detail/img/right.png?f236d99f829075a2be05);
    background: -webkit-image-set(url(../../pages/detail/img/right.png?f236d99f829075a2be05) 1x,url(../../pages/detail/img/right@2x.png?46feb949b77a68f7798c) 2x);
    background-repeat: no-repeat;
    right: 65px
}

.close {
    display: block;
    display: none;
    background-image: url(../../pages/detail/img/hu-close.png?096c68d700cff4739cce);
    background-image: -webkit-image-set(url(../../pages/detail/img/hu-close.png?096c68d700cff4739cce) 1x,url(../../pages/detail/img/hu-close@2x.png?1fea02de6556c4f81c54) 2x);
    width: 33px;
    height: 33px;
    background-size: 33px 33px;
    overflow: hidden;
    position: fixed;
    right: 65px;
    top: 65px;
    z-index: 1001;
    cursor: pointer
}

.type-pic .box {
    width: 694px;
    height: 440px;
    padding: 40px 0;
    border: 0 solid #000;
    position: relative
}

.frame-tip {
    z-index: 1001;
    padding-left: 5px;
    padding-right: 5px;
    height: 25px;
    font-weight: 700;
    color: #fff;
    background: #333;
    filter: alpha(opacity=80);
    opacity: .8;
    border-radius: 2px;
    line-height: 22px;
    text-align: center;
    left: 10px;
    top: 10px
}

.frame-tip, .nature {
    display: inline-block;
    font-size: 12px;
    position: absolute
}

.nature {
    width: 50px;
    height: 20px;
    bottom: 26px;
    right: 30px;
    color: #666;
    cursor: pointer
}

    .nature:hover {
        text-decoration: none
    }

.bigPic {
    width: 390px;
    height: 370px;
    margin-bottom: 50px;
    overflow: hidden;
    margin-left: 155px;
    position: relative
}

    .bigPic img {
        max-height: 100%;
        vertical-align: middle
    }

    .bigPic ul {
        position: absolute;
        left: 0;
        top: 0
    }

        .bigPic ul li {
            float: left;
            width: 390px;
            height: 370px;
            text-align: center;
            line-height: 370px
        }

.smallPic {
    overflow: hidden;
    position: relative;
    margin-left: 50px;
    width: 630px;
    height: 100px
}

    .smallPic img {
        width: 100%;
        height: 100%
    }

    .smallPic ul {
        position: absolute;
        top: 0
    }

        .smallPic ul li {
            float: left;
            margin-right: 30px;
            opacity: .5;
            filter: alpha(opacity=50);
            width: 75px;
            height: 75px
        }

            .smallPic ul li.active {
                opacity: 1;
                filter: alpha(opacity=100)
            }

.type-pic {
    width: 1000px;
    height: 520px;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    position: fixed;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1001
}

.photoLayer {
    width: 694px;
    height: 100%;
    float: left
}

.pic-info {
    width: 306px;
    height: 520px;
    background-color: #f5f5f5;
    border-radius: 2px;
    float: right
}

    .pic-info .p-info-box {
        width: 246px;
        height: 520px;
        margin-left: 30px;
        margin-right: 30px
    }

        .pic-info .p-info-box .p-title {
            margin-top: 25px;
            font-weight: 700;
            font-size: 26px
        }

        .pic-info .p-info-box .p-dtl {
            font-size: 12px;
            color: #b5b5b5;
            width: 246px;
            height: 176px
        }

            .pic-info .p-info-box .p-dtl li {
                width: 123px;
                float: left;
                margin-bottom: 8px
            }

                .pic-info .p-info-box .p-dtl li .nleft {
                    color: #333;
                    font-weight: 700
                }

            .pic-info .p-info-box .p-dtl .koleft {
                width: 245px
            }

        .pic-info .p-info-box .p-tips {
            margin-top: 10px;
            margin-bottom: 15px;
            overflow: hidden;
            max-height: 23px
        }

            .pic-info .p-info-box .p-tips span {
                font-size: 12px;
                color: #fff;
                margin-right: 5px;
                height: 23px;
                vertical-align: middle;
                line-height: 23px;
                padding: 0 5px;
                float: left
            }

            .pic-info .p-info-box .p-tips .tag1 {
                background-color: #c5a9dd
            }

            .pic-info .p-info-box .p-tips .tag2 {
                background-color: #ecc896
            }

            .pic-info .p-info-box .p-tips .tag3 {
                background-color: #e0a0a0
            }

            .pic-info .p-info-box .p-tips .tag4 {
                background-color: #96cf95
            }

        .pic-info .p-info-box .p-line {
            width: 100%;
            height: 1px;
            padding: 0;
            margin: 0 auto 10px;
            background-color: #d5d5d5;
            overflow: hidden
        }

        .pic-info .p-info-box .p-note-b {
            width: 246px;
            height: 63px;
            margin-top: 10px
        }

        .pic-info .p-info-box .p-note {
            font-size: 12px;
            border: 1px solid #ccc;
            border-radius: 3px;
            background: #fbfbfb;
            width: 246px;
            height: 64px;
            position: absolute
        }

            .pic-info .p-info-box .p-note #p-note-info {
                display: inline-block;
                height: 43px;
                width: 226px;
                background: #fbfbfb;
                margin-top: 10px;
                margin-left: 10px;
                border: 0;
                font-size: 12px;
                position: absolute
            }

            .pic-info .p-info-box .p-note .code-color {
                color: #999
            }

        .pic-info .p-info-box .p-update {
            color: #b5b5b5;
            font-size: 12px;
            position: absolute;
            bottom: 120px
        }

        .pic-info .p-info-box .pf-btn {
            height: 30px;
            width: 249px;
            position: absolute;
            bottom: 79px
        }

            .pic-info .p-info-box .pf-btn span {
                display: inline-block;
                line-height: 30px;
                text-align: center;
                margin-bottom: 18px;
                border: 1px solid #ccc;
                border-radius: 3px;
                background: #fbfbfb;
                width: 110px;
                height: 30px;
                color: #000;
                position: relative;
                bottom: 0
            }

            .pic-info .p-info-box .pf-btn .duibi {
                float: left;
                font-size: 12px;
                cursor: pointer
            }

            .pic-info .p-info-box .pf-btn .quxiaoduibi {
                background: #e6e6e6
            }

            .pic-info .p-info-box .pf-btn .guanzhu {
                float: right;
                font-size: 12px;
                cursor: pointer
            }

        .pic-info .p-info-box .p-btn {
            height: 30px;
            width: 249px;
            position: absolute;
            bottom: 79px
        }

            .pic-info .p-info-box .p-btn span {
                display: inline-block;
                line-height: 30px;
                text-align: center;
                border: 1px solid #ccc;
                border-radius: 3px;
                background: #fbfbfb;
                width: 110px;
                height: 30px;
                position: relative;
                bottom: 0
            }

            .pic-info .p-info-box .p-btn .quxiao {
                float: left;
                cursor: pointer
            }

            .pic-info .p-info-box .p-btn .tianjia {
                float: right;
                color: #0079fe;
                cursor: pointer
            }

        .pic-info .p-info-box .p-phone {
            text-align: center;
            font-size: 18px;
            font-weight: 700;
            display: block;
            color: #f15044;
            width: 246px;
            height: 45px;
            position: absolute;
            bottom: 12px
        }

        .pic-info .p-info-box .t-phonetag {
            position: absolute;
            padding-top: 12px;
            bottom: 23px
        }

            .pic-info .p-info-box .t-phonetag .btn_phone_ll {
                display: inline-block;
                width: 249px;
                height: 25px;
                line-height: 25px;
                padding: 7px 0 8px;
                background: #f15044;
                border-radius: 2px;
                text-align: center
            }

                .pic-info .p-info-box .t-phonetag .btn_phone_ll i {
                    display: inline-block;
                    width: 25px;
                    height: 25px;
                    background: url(../../pages/detail/img/btn_phone_B.png?16c3bb04d5247a27e7de);
                    background: -webkit-image-set(url(../../pages/detail/img/btn_phone_B.png?16c3bb04d5247a27e7de) 1x,url(../../pages/detail/img/btn_phone_B@2x.png?f5ce8f686088cd0a6e25) 2x);
                    background-repeat: no-repeat;
                    overflow: hidden;
                    vertical-align: middle
                }

                .pic-info .p-info-box .t-phonetag .btn_phone_ll span {
                    display: inline-block;
                    font-size: 18px;
                    font-family: Hiragino Sans GB,Microsoft Yahei UI,Microsoft Yahei,"\5FAE\8F6F\96C5\9ED1",Segoe UI,Tahoma,"\5B8B\4F53",SimSun,sans-serif;
                    color: #fff;
                    vertical-align: middle
                }


.xinfang-nav {
    background-color: #f5f5f6;
    height: auto;
    line-height: auto;
    padding-top: 40px;
}

    .xinfang-nav .split {
        display: inline-block;
        width: 15px;
        height: 28px;
        border: 1px solid transparent;
        border-right-color: #ccc;
        vertical-align: middle
    }

    .xinfang-nav .map-sign {
        margin-left: 10px;
        cursor: pointer
    }

        .xinfang-nav .map-sign p {
            padding-left: 24px;
            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAAEgBckRAAAABGdBTUEAALGPC/xhBQAABURJREFUaAXtGVuIW0V0ZhI39wb7EpSui1TaQi0+SLJbvywKC2oFv6RSRbT+FEHpxya7bkEkWii67gYsCvoh1Y+1an/8agUV/bJ2626WIlbUwlqprq9SfOTe7CZ3PCfuSedOZpKbZAsKuZA973PmnHncM3cZi/Kkst5fpCcISY2UZJI7mxEiry5A4rNJ/gvChge1h3LlWxoE7TFS2aUd6Zz3PFlxRGCYjzEp3yTmfCHJa6OCvwvIFIKNcc4rpFCDOCLKISTomqgNSvViCoODJJ1QCdMj3t8oSDjuRlQiRdVJ3ZI8qELikSHSoQjIQCE8dyLOGT+vKiPv//Kks95H8DtvGm+oSplxf2uwFHyrKkIBzhWn3K3EC1VJUT7GubgPlaSUW0gZYVwlCIdSPog4zAmx6jAUoc5tgoQj8PjtTFZmwrPNF1T7UNIoCCv/O/OqgRFHI93QqNhjGivQMAu6VnpMXi8r3gWdX6c5n56fch+p0xrSNEA7MyeYeGqu4Lyq+YdDwfLAbjsL++AmEsMmehc20R6iEeoDMJ0u9q0g2a+qM8n4GyodFbdmgA70ETZz2sfEtpmC842u0zQAKqezpS+kZIO6oUqbSkNye4lWNIpTyaHrhHs1GYQg50eaOUfdlhmoDtO50h4ZsKOcs0UI3K/KenivAleuApGXaSbn5WGJPg5DuRZ+M0zIA8XJ5MlWQ2sZAA6943Do7bI5Wr/W3fBpnl+yyZsGSGVLF5lkG2zGxMeO8NQh/jPRKrQeFTDyZ6I4R2dl31tUnaq4NQCU5aCqiLgQfPiqmNsPneUHuiyV8x7WeUiHOx2TxgpPO9R2QcN8QjJ5L5lwyfKAv000QWsGpGCD8ZiDK0p9blAJwjsOUAnKaXKCEO5VH6s04ZED1G5EZIUOZXBcIRnva8ioJrYu08yI/2TAgldUJzYcJn25WHD7THJrBtiCQCcRvqKZPABPrHXWW0SNFx1Vcd0ax1VpEw4lODyb542t+4qytUTkLJP19wUyeJ1oFUJpPChNUuXpeMsAaABr/gys+Vt1Y21v6OIabZ0DVRtGeRv0B2WVx+PugErb8EgB0Hi+4Dq4WhCPs3imOMF/RLz39CrQq0CvAv/1CkQ6qqMkkR4tP8CC6oFWl0XyBYHnBI8dnJ1KvE+8TmBXCeDn3Co0FtAAGtuhqAOCN8BZ4TjDs4f4T1FtSK+jBAbzMln9w5+BvuhmcrQaEPqXD+cmnXsA1r6MR/HZdgKDT8t11Yr/A/R0a6IE6EDnQv+N7pYT+8Mvf5ufyG07OQiWPfyc03zwnO+Fr19vkY0KM7nSaBCwCZWn4QOL3/vYf+3V+EYycrdy2Zpb74E1HS7utg0e5XOTyZfog/Jln2EM9tT9YY6dajsByWX93zomt4lE4oyJr/LiIlFUaR2HTX1R59nothMAR9M2Z8hfKvsvN5OjrFL1jzTV4fxwU7kibHsT735Pxr475Z+Dad6k+DGhx+Au/ZrDnC+XORO1i6KU+9XrrskITqB34JvsQyaZidd2Aujkrrx0Lv3pz8NJtM3ktFMe5PliseCMt2PfUQIUAD6RPAcz8SzRnUMuY3E2PDvhftKuj64SwGCZsfJ2WQ3mIBGn3eCoD0vmK2fAGTo5wr2O7DsxMtnA1XYa1rfxG5FJH3lCiCfgzWu8c9tsdH7XM6A63DHub15eCk4D7xqVr+PwLf30xk3uzqhvW91epVc1AXIM/yfZDWf5UZiRGPEQwsB/Fyx2B3SgX6v8bvArkgANKDPq7ZRVhkvkt0Qfe/TzF9wFkvVgrwK9CqxOBf4B8z2OcO4jVrwAAAAASUVORK5CYII=") no-repeat 0;
            background-size: 24px 24px
        }

            .xinfang-nav .map-sign p a {
                font-size: 14px;
                color: #0079fe
            }

    .xinfang-nav .nav-content {
        line-height: 46px;
        padding: 15px 0
    }

    .xinfang-nav .sec-list-nav {
        width: 1186px;
        margin: 0 auto;
        padding-bottom: 4px;
        position: relative
    }

        .xinfang-nav .sec-list-nav .sec-list {
            float: left;
            margin-right: 35px;
            line-height: 46px
        }

            .xinfang-nav .sec-list-nav .sec-list a {
                font-size: 16px;
                color: #394043;
                font-weight: 700
            }

        .xinfang-nav .sec-list-nav .sec-list-on {
            border-bottom: 2px solid #0079fe
        }

            .xinfang-nav .sec-list-nav .sec-list-on a {
                color: #0079fe
            }

        .xinfang-nav .sec-list-nav .phone {
            width: 175px;
            height: 22px;
            line-height: 22px;
            position: absolute;
            right: 0;
            top: 18px;
            font-size: 16px;
            color: #394043;
            letter-spacing: 0;
            padding-left: 22px;
            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAABGdBTUEAALGPC/xhBQAABENJREFUWAmtV12IW1UQPnP2mm3M2ibpKtLd3G5d2sUK1p9iEutPhApifVXEFixUUUEQCkoFH/bF3z4pCCL40qJQRShSqIoPQazbSCvdPtSlbO2apD5UN8mW3ST7d8c5t57jycn9y9b7kJn55ps5c+b83BvG6EnZ+ZeEdJ+UnfstmcmitF2pAyA9CqT4NyWo6Ek796sEuasg3isBN4eKJxQox7uIziHBsJg19Hfl1J+SraSI0KOUg5Tusgi8ZzR+07lLrWXO4KAiyCiqsM0Q+6XtylQm1+wANAP0sRuVUlfG6/PUIkxVESi0ajqFzWVa6v9wakv2bpPkZgBgh4UDV9gkrdf7el9UUeQ4ioj7zAyKIByFQsESDVIkYOdcQsrOTiGyMekAgGP18ulnpR0kIZXJLtAEbu4iAfu9US6NduEGwAH4fgNzzSjBgtjXmqteiCcz95GupiAcibQ92WpUp4Qe9Kgm2fZDqWu4XDPJfRbPzl6e+MXEpa0SSIAaeoIaukfaQZKafaIrgQxI27lnHMRj0vaTvgn0gLT98HbE5TPIMC5xGn2KlvpON8FwPh9fuOKcoQMGBG6XpCgS0qOPZJylxbJOlhtcx/x0bgYLYtAJNROp86Y79LnquJfumcCL6Id5JqAOf+IXYOIcGHxhgokhOGhifra7jPrN9S8RaSU8qzMTXScBf95w0HWYmzUwT1PtRFq6KnV/qJMFtUbl9MZOrNNSCQTsMRUB48AwT8xfwY/oSn9BANS3Vq08kaBmY8c8R2/bERME44H5qtOUwcIn9gldonTWkC5c4+m6OA2/blIl57sSSALdlfN0Vyak7SVp+AsdU9BJ9UppgEZ4S8dMPTHEd/pWoJNpvp/SfF/UMR7rt2uXfqyoBJu2FQab7dZJ6tBOnSh0KvXIjjviB4rF4orpu1EbBsd23bLSXD1La7M1LBlw/mr9j4mPw3i9+Pv6E5vOU8C2SEGIT65LZTa056rfReJHIHGGYJye4Chw2MvBjN68nLZq6JtHT4nA//u21B1r1Pl6sF6ns70UFk/H/tTjOdtqlH8+Gsbtxc/L5Z/qFkA+LIiO0a4fSpV3wni9+tUxvH0kN7Lo4CR9VawPSkIBTW7xx4I+V4LiTZ8qQDro0viSZvu0tP0l/AUW7q5fLolTtOanqwCRaaOd272K+D2pnn59NLcjfXzv7MzEcR1Pb84fQAdfQ8AxQHaVUh2HWOwDcfvpPN8BxsfH+Yefffs5vToifSmLpJSsSj8VWsbgPQXw9WAstXd6+uSibwGyypGRwro5p/0VLctTEvu/JL1sXgktQA5GBQC19T2Sb0jsRiUNvhC5AH0w8bXrsKUj9OK6X8d71eluObSmAvSBklse3AyrztvUmecIj5aP/kDxWPzR2nSxGi1AHzFEv/WuwsDqtfYeB9gTwPABqilDb1ral+wilfdNEuKHZ2aKbZnmH0lDW+JHgqDUAAAAAElFTkSuQmCC") no-repeat 0;
            background-size: 16px 16px;
            font-weight: 700
        }

            .xinfang-nav .sec-list-nav .phone span {
                display: inline-block;
                padding: 0 2px
            }

    .xinfang-nav .breadcrumbs {
        line-height: 17px;
        display: inline-block;
        margin-left: 22px
    }

        .xinfang-nav .breadcrumbs, .xinfang-nav .breadcrumbs a, .xinfang-nav .breadcrumbs span {
            font-size: 12px;
            color: #9c9fa1
        }

    .xinfang-nav .download-app-wrapper {
        cursor: pointer
    }

        .xinfang-nav .download-app-wrapper .download-text {
            line-height: 22px;
            font-size: 16px;
            color: #333
        }

            .xinfang-nav .download-app-wrapper .download-text i {
                display: inline-block;
                width: 14px;
                height: 18px;
                margin-right: 11px;
                vertical-align: middle;
                background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAASCAYAAABrXO8xAAAAAXNSR0IArs4c6QAAALFJREFUOBFjNDEx8WRgYJj1//9/GSBNEDAyMj4BKkpjBGp8DNT0HiiwjqAuoAKg2iCgWkEWkE1AxtwzZ840EKMRaBFIcz0TMYqxqRnViC1UoGJkBw4LNkNhqQkqlwaM4+3o6nDZCE6CoMQB1DALXROIj0sjNrUoYrg0poESMwgDVaeh6IBysPoR6idZbBpgYrhshMnjpFlAzgFlFVCqJwaA1IL0gJwK8g8oFOuJ0QjzNwDbjTtSsrWSrgAAAABJRU5ErkJggg==") no-repeat;
                background-size: contain
            }

            .xinfang-nav .download-app-wrapper .download-text a {
                vertical-align: middle;
                text-decoration: none
            }

    .xinfang-nav dl.city-list {
        line-height: 28px;
        margin-left: 15px;
        color: #2b2b2b;
        display: inline-block;
        position: relative;
        z-index: 10
    }

        .xinfang-nav dl.city-list:hover dd {
            display: block
        }

        .xinfang-nav dl.city-list:hover .arrow {
            border-color: transparent transparent #999;
            margin-top: -8px
        }

        .xinfang-nav dl.city-list a {
            margin: 0;
            line-height: 27px;
            display: block;
            padding-left: 7px;
            color: #2b2b2b;
            cursor: pointer
        }

            .xinfang-nav dl.city-list a:hover {
                background-color: #f9f9f9;
                text-decoration: none
            }

        .xinfang-nav dl.city-list dd {
            display: none;
            border: 1px solid #ccc;
            background: #fff;
            margin-top: -1px;
            padding-top: 6px;
            padding-bottom: 6px;
            position: absolute;
            left: 0;
            right: 0
        }

        .xinfang-nav dl.city-list dt {
            border: 1px solid #efefef;
            border-radius: 1px;
            padding-left: 7px
        }

            .xinfang-nav dl.city-list dt .arrow {
                border: 4px solid transparent;
                border-top-color: #999;
                margin-left: 14px;
                margin-right: 6px;
                display: inline-block;
                vertical-align: middle
            }

    .xinfang-nav .logo {
        width: 138px;
        height: 50px;
    }

    .xinfang-nav .logo, .xinfang-nav .nav-list {
        *zoom: 1;
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: middle
    }



        .xinfang-nav .nav-list li {
            *zoom: 1;
            display: inline-block;
            *display: inline;
            zoom: 1;
            vertical-align: middle;
            list-style: none;
            margin-right: 30px
        }

            .xinfang-nav .nav-list li:last-child {
                margin-right: 0
            }

            .xinfang-nav .nav-list li a {
                color: #000;
                font-size: 16px;
                font-weight:bold;
            }

                .xinfang-nav .nav-list li a.check {
                    color: #0079fe
                }

    .xinfang-nav .ren-con {
        *zoom: 1;
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: middle;
        position: relative
    }

        .xinfang-nav .ren-con .recently {
            color: #999;
            cursor: pointer;
            margin-right: 30px
        }

        .xinfang-nav .ren-con .r-container {
            display: none
        }

            .xinfang-nav .ren-con .r-container .recent-detail {
                position: absolute;
                z-index: 2;
                background: #fff;
                width: 350px;
                height: 220px;
                right: -135px;
                top: 68px;
                overflow: auto;
                padding: 0 20px 40px;
                box-shadow: 0 1px 3px rgba(0,0,0,.2);
                -o-box-shadow: "" 0 1px 3px rgba(0,0,0,.2) 1px 2px rgba(0,0,0,.2);
                box-shadow: 0 1px 3px 1px 2px "" rgba(0,0,0,.2) rgba(0,0,0,.2)
            }

                .xinfang-nav .ren-con .r-container .recent-detail .loading {
                    width: 20px;
                    position: absolute;
                    left: 50%;
                    margin-left: -10px
                }

                .xinfang-nav .ren-con .r-container .recent-detail ul {
                    position: relative;
                    line-height: 0
                }

                    .xinfang-nav .ren-con .r-container .recent-detail ul li {
                        border-bottom: 1px solid #e4e4e4;
                        *zoom: 1;
                        display: inline-block;
                        *display: inline;
                        zoom: 1;
                        vertical-align: middle;
                        width: 100%;
                        padding: 20px 0
                    }

                        .xinfang-nav .ren-con .r-container .recent-detail ul li .delete {
                            color: #999;
                            float: right;
                            line-height: 50px;
                            cursor: pointer
                        }

                        .xinfang-nav .ren-con .r-container .recent-detail ul li img {
                            width: 70px;
                            height: 55px;
                            margin-right: 15px
                        }

                        .xinfang-nav .ren-con .r-container .recent-detail ul li .info p {
                            line-height: 19px;
                            font-size: 12px
                        }

                            .xinfang-nav .ren-con .r-container .recent-detail ul li .info p.title {
                                font-weight: 700
                            }

                                .xinfang-nav .ren-con .r-container .recent-detail ul li .info p.title .t-til {
                                    font-weight: 700;
                                    font-size: 16px;
                                    margin-right: 10px
                                }

                            .xinfang-nav .ren-con .r-container .recent-detail ul li .info p span {
                                padding: 2px;
                                margin-right: 5px;
                                font-size: 12px
                            }

                                .xinfang-nav .ren-con .r-container .recent-detail ul li .info p span.label0 {
                                    background: #77bbd5;
                                    color: #fff
                                }

                                .xinfang-nav .ren-con .r-container .recent-detail ul li .info p span.label1 {
                                    background: #dac782;
                                    color: #fff
                                }

                            .xinfang-nav .ren-con .r-container .recent-detail ul li .info p .price {
                                color: #f15044
                            }

            .xinfang-nav .ren-con .r-container .clear-all {
                height: 40px;
                position: absolute;
                bottom: 0;
                color: #999;
                background: #fff;
                line-height: 40px;
                z-index: 3;
                top: 288px;
                width: 390px;
                right: -135px;
                text-align: center;
                display: none
            }

                .xinfang-nav .ren-con .r-container .clear-all .login-btn {
                    background: #0079fe;
                    color: #fff;
                    padding: 10px
                }

                .xinfang-nav .ren-con .r-container .clear-all span {
                    text-decoration: underline;
                    cursor: pointer;
                    position: relative;
                    right: 19px;
                    float: right
                }

    .xinfang-nav .phone {
        background: url(../../common/img/Sprite_Graphic_v2.png?00be729455e7d42bb669) no-repeat -83px -10px;
        width: 18px;
        height: 14px;
        *zoom: 1;
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: middle;
        vertical-align: -2px
    }

    .xinfang-nav .connect {
        line-height: 46px;
        color: #0079fe
    }

    .xinfang-nav .bar-search-box {
        width: 400px;
        height: 46px;
        display: inline-block;
        vertical-align: middle;
        position: relative
    }

        .xinfang-nav .bar-search-box input {
            box-sizing: border-box;
            width: 400px;
            height: 46px;
            line-height: 46px;
            position: absolute;
            padding-left: 15px;
            top: 0;
            left: 0;
            background-color: #fff;
            box-shadow: 0 2px 2px 0 hsla(0,0%,92.2%,.5)
        }

            .xinfang-nav .bar-search-box input:focus {
                box-shadow: none
            }

        .xinfang-nav .bar-search-box button {
            display: inline-block;
            width: 45px;
            height: 44px;
            background-color: #0079fe;
            position: absolute;
            right: 1px;
            top: 1px;
        }



        .xinfang-nav .bar-search-box ul {
            display: none;
            width: 400px;
            background-color: #fff;
            box-shadow: 0 1px 2px -1px rgba(0,0,0,.5);
            -webkit-box-shadow: 0 1px 2px -1px rgba(0,0,0,.5);
            border-top: 0;
            box-sizing: border-box;
            margin-top: 40px;
            position: relative;
            z-index: 10
        }

            .xinfang-nav .bar-search-box ul li {
                height: 35px;
                line-height: 35px;
                padding: 0 15px
            }

                .xinfang-nav .bar-search-box ul li:hover {
                    background-color: #f1f1f1
                }

                .xinfang-nav .bar-search-box ul li a {
                    position: relative;
                    width: 100%;
                    display: inline-block;
                    color: #333;
                    font-size: 14px;
                    text-decoration: none
                }

                    .xinfang-nav .bar-search-box ul li a .type {
                        padding: 4px;
                        border-radius: 2px;
                        margin-left: 10px;
                        background-color: #f4f7f9;
                        text-align: center;
                        color: #849aae
                    }

                    .xinfang-nav .bar-search-box ul li a .for-right {
                        position: absolute;
                        right: 0
                    }

                    .xinfang-nav .bar-search-box ul li a .region {
                        color: #9c9fa1
                    }

                    .xinfang-nav .bar-search-box ul li a .red {
                        color: #f26157
                    }

.xinfang-nav-article .wrapper {
    width: 1150px
}

.xinfang-nav-article .nav-downloadapp {
    display: inline-block;
    margin-right: 30px
}

    .xinfang-nav-article .nav-downloadapp span {
        display: inline-block;
        height: 19px;
        padding-left: 29px;
        line-height: 19px;
        background: url(../../common/img/article_login_sprite.png?5f35e86cf41ee3098205) 0 0 no-repeat;
        background: -webkit-image-set(url(../../common/img/article_login_sprite.png?5f35e86cf41ee3098205) 1x,url(../../common/img/article_login_sprite@2x.png?f8392b89c0adc827c182) 2x) 0 0 no-repeat
    }

.xinfang-nav-article .login-panel {
    display: inline-block
}

.xinfang-nav-article .typeUserInfo {
    height: auto
}

.xinfang-nav-article .nav-list li a:hover {
    color: #0079fe;
    font-weight: 700;
    text-decoration: none
}

.xinfang-nav-article .download a {
    color: #333;
    font-size: 16px
}

.xinfang-nav-article .welcome {
    display: inline-block;
    height: 19px;
    padding-left: 29px;
    line-height: 19px;
    font-size: 16px !important;
    background: url(../../common/img/article_login_sprite.png?5f35e86cf41ee3098205) 0 -19px no-repeat;
    background: -webkit-image-set(url(../../common/img/article_login_sprite.png?5f35e86cf41ee3098205) 1x,url(../../common/img/article_login_sprite@2x.png?f8392b89c0adc827c182) 2x) 0 -19px no-repeat
}

    .xinfang-nav-article .welcome a {
        padding: 0 4px
    }

        .xinfang-nav-article .welcome a:first-child {
            padding-left: 0
        }

        .xinfang-nav-article .welcome a:last-child {
            padding-right: 0
        }

.line {
    background: url(../../common/img/line.png?d956b37143caf2b0f533) no-repeat;
    width: 100%;
    height: 2px;
    margin-top: 30px;
    margin-bottom: 30px
}

.new-search {
    width: 100%;
    background-color: #edeff1;
    height: 72px
}

.new-search-box {
    position: relative;
    width: 1000px;
    height: 72px;
    line-height: 72px;
    margin: 0 auto
}

    .new-search-box .input-box {
        display: inline-block;
        height: 36px;
        width: 407.5px;
        vertical-align: middle;
        position: absolute;
        left: 0;
        top: 18px;
        box-shadow: 0 1px 2px rgba(0,0,0,.08);
        -o-box-shadow: "" 0 1px 2px rgba(0,0,0,.08) 1px 2px rgba(0,0,0,.2);
        box-shadow: 0 1px 2px 1px 2px "" rgba(0,0,0,.08) rgba(0,0,0,.2)
    }

.suggest-title {
    background-color: #edeff1;
    color: #849aae;
    font-size: 14px;
    padding: 0 15px;
    height: 35px;
    line-height: 35px
}

.set-hisNone {
    cursor: pointer
}

    .set-hisNone:hover {
        text-decoration: underline
    }

.input-box input {
    position: absolute;
    width: 371.5px;
    height: 36px;
    padding-left: 15px;
    border-width: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    top: 0;
    left: 0;
    line-height: 36px
}

    .input-box input:-moz-placeholder, .input-box input::-moz-placeholder {
        color: #999;
        opacity: 1
    }

    .input-box input:-ms-input-placeholder {
        color: #999;
        opacity: 1
    }

    .input-box input::-webkit-input-placeholder {
        color: #999;
        opacity: 1
    }

.input-box button {
    display: inline-block;
    width: 36px;
    height: 36px;
    background-color: #f15044;
    position: absolute;
    right: 0;
    top: 0
}

    .input-box button i {
        display: block;
        margin: 4px auto 0;
        width: 20px;
        height: 20px;
        background: url(../../common/img/btn-search.png?4e5460d09d1a4fc20869) no-repeat left -2px;
        background-image: -webkit-image-set(url(../../common/img/btn-search.png?4e5460d09d1a4fc20869) 1x,url(../../common/img/btn-search_2.png?998af6d910962389d66e) 2x)
    }

.input-box ul {
    display: none;
    width: 371.5px;
    background-color: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.175);
    -o-box-shadow: "" 0 2px 2px rgba(0,0,0,.175) 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 2px 2px 1px 2px "" rgba(0,0,0,.175) rgba(0,0,0,.2);
    border: 1px solid #ebebeb;
    border-top: 0;
    box-sizing: border-box;
    margin-top: 41px;
    position: relative;
    z-index: 10
}

    .input-box ul li {
        height: 35px;
        line-height: 35px;
        padding: 0 15px
    }

        .input-box ul li:hover {
            background-color: #f1f1f1
        }

        .input-box ul li a {
            position: relative;
            width: 100%;
            display: inline-block;
            color: #333;
            font-size: 12px;
            text-decoration: none
        }

            .input-box ul li a .type {
                padding: 4px;
                border-radius: 2px;
                margin-left: 10px;
                background-color: #f4f7f9;
                text-align: center;
                color: #849aae
            }

            .input-box ul li a .for-right {
                position: absolute;
                right: 0
            }

            .input-box ul li a .region {
                color: #9c9fa1
            }

            .input-box ul li a .red {
                color: #f26157
            }

.hot-search-con {
    height: 70px;
    overflow: hidden
}

.his-search {
    position: absolute;
    left: 406px;
    margin-left: 20px;
    color: #555;
    font-size: 12px
}

    .his-search .his-search-name {
        color: #999
    }

    .his-search a {
        margin-right: 8px;
        color: #555
    }

.search-map {
    position: absolute;
    right: 0;
    top: 18px;
    display: inline-block;
    width: 104px;
    height: 36px;
    line-height: 36px;
    background-color: #0079fe;
    border-radius: 2px;
    color: #fff;
    text-align: center
}




.match-nav {
    position: fixed;
    bottom: 281px;
    right: 5px;
    font-size: 12px;
    z-index: 1
}

.unadd-nav-box {
    width: 45px;
    height: 75px;
    border: 1px solid #efeeef;
    border-top-color: #f9f9f9;
    border-radius: 2px;
    background-color: #fff
}

.unadd-nav-name {
    width: 25px;
    padding: 5px 10px;
    color: #666
}

.unadd-nav-name, .unadd-nav-num {
    display: inline-block;
    font-size: 12px
}

.unadd-nav-num {
    width: 45px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #999;
    background-color: #f9f9f9
}

.add-nav-box {
    border: 1px solid #efeeef;
    border-top-color: #f9f9f9;
    border-radius: 2px;
    background-color: #fff
}

.add-nav-header {
    color: #666;
    padding: 9px 10px;
    border-bottom: 1px solid #eee
}

    .add-nav-header .add-nav-header-num {
        color: #0079fe;
        font-weight: 700
    }

.add-nav-name {
    padding-top: 10px;
    padding-bottom: 8px
}

    .add-nav-name > span {
        display: block;
        color: #333;
        padding: 5px 10px
    }

        .add-nav-name > span span {
            width: 95px;
            white-space: nowrap;
            text-overflow: ellipsis;
            display: inline-block;
            overflow: hidden
        }

    .add-nav-name span i {
        cursor: pointer;
        float: right;
        color: #e4e4e4;
        font-weight: 700
    }

.add-nav-btn {
    padding: 0 9px
}

    .add-nav-btn .clear-btn {
        width: 100%;
        padding: 5px 0;
        text-align: center;
        color: #9a9a9a;
        background-color: #fff;
        border: 1px solid #fff;
        border-radius: 2px;
        cursor: pointer
    }

    .add-nav-btn .jumpMatch {
        color: #0079fe
    }

        .add-nav-btn .jumpMatch:hover {
            border: 1px solid #2b66dc
        }

.go-top {
    visibility: hidden;
    width: 100%;
    height: 22px;
    box-sizing: border-box;
    text-align: center;
    line-height: 22px;
    border: 1px solid #efeeef;
    border-radius: 2px;
    margin-top: 5px;
    background-color: #fff
}

.crumb {
    padding: 20px 0;
    height: 18px
}

    .crumb a, .crumb span {
        font-size: 12px;
        color: #888;
        *zoom: 1;
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: middle
    }

        .crumb a:hover {
            text-decoration: underline
        }

    .crumb .stp {
        margin: 0 5px;
        font-size: 12px
    }

.tab-lst {
    float: left
}

    .tab-lst li {
        float: left;
        line-height: 46px;
        height: 46px
    }

        .tab-lst li a {
            display: inline-block;
            font-size: 16px;
            padding: 0 26px;
            color: #555
        }

            .tab-lst li a:hover {
                transition: all .2s ease;
                transition: all all .2s ease ease;
                text-decoration: underline
            }

            .tab-lst li a span {
                font-family: Hiragino Sans GB,"\5FAE\8F6F\96C5\9ED1",Microsoft YaHei,SimHei,Tahoma,"\5B8B\4F53 b8b\4F53",SimSun,sans-serif
            }

        .tab-lst li.on a {
            background: #39ac6a;
            color: #fff
        }

            .tab-lst li.on a:hover {
                text-decoration: none
            }

    .tab-lst a:hover .ico-all {
        background-position: 0 -20px
    }

    .tab-lst a:hover .ico-train {
        background-position: -20px -20px
    }

    .tab-lst a:hover .ico-map {
        background-position: -40px -20px
    }

    .tab-lst .on .ico-all {
        background-position: 0 -40px
    }

    .tab-lst .on .ico-train {
        background-position: -20px -40px
    }

    .tab-lst .on .ico-map {
        background-position: -40px -40px
    }

    .tab-lst .on a:hover .ico-all {
        background-position: 0 -40px
    }

    .tab-lst .on a:hover .ico-train {
        background-position: -20px -40px
    }

    .tab-lst .on a:hover .ico-map {
        background-position: -40px -40px
    }

.validate .animated {
    -webkit-animation-duration: .7s;
    animation-duration: .7s
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

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

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

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

.validate .bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

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

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

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

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

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

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

.validate .bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }
}

.validate .rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    to {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    to {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

.validate .flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes bounceDis {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

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

    to {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

@keyframes bounceDis {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

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

    to {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

.validate .bounceDis {
    -webkit-animation-name: bounceDis;
    animation-name: bounceDis
}

.validate header {
    width: 90%;
    text-align: center;
    padding: 5%;
    letter-spacing: 2px;
    color: #333;
    font-size: 1.2em;
    text-shadow: 0 0 2px #999
}

.validate .demo {
    width: 100%;
    margin: 0 auto;
    text-align: center
}

    .validate .demo a {
        margin: 0 5px 20px;
        background-color: #eee
    }

.validate #validateOverlay {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    filter: alpha(opacity=60);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none
}

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

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

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

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

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

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

.validate .bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

.validate .animated {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.validate #valideteMain {
    width: 420px;
    height: 458px;
    display: none;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -250px 0 0 -215px;
    z-index: 10000
}

    .validate #valideteMain .infju_me {
        background: #fff;
        padding: 25px 0 0 40px
    }

        .validate #valideteMain .infju_me ul li {
            float: left;
            margin-right: 9px
        }

            .validate #valideteMain .infju_me ul li.sdind {
                line-height: 40px
            }

.validate .validateTop {
    width: 90%;
    margin: 0 auto;
    letter-spacing: 1px;
    padding: 18px 0;
    text-align: right;
    position: relative
}

    .validate .validateTop a {
        font-size: 23px;
        color: #ccc
    }

        .validate .validateTop a.validateCloseBtn {
            background: url(../../pages/detail/img/detail.png?31bc39b676fb4d2bb667) -293px -125px no-repeat;
            display: block;
            width: 41px;
            height: 56px;
            position: absolute;
            right: -45px;
            top: -23px
        }

.validate .validForm h3 {
    color: #39ac6a;
    margin-left: 40px;
    font-size: 25px
}

.validate .validForm p {
    margin-bottom: 25px
}

.validate .validForm ul {
    margin: 8px 0
}

.validate .validForm .others {
    width: 260px;
    height: 80px;
    padding: 5px;
    border: 1px solid #d0d0d0;
    color: #333
}

.validate .validForm .dfequ {
    width: 157px;
    height: 24px;
    margin-left: 8px;
    padding: 5px;
    border: 1px solid #d0d0d0;
    color: #333
}

.validate .validForm .jiudin {
    width: 336px;
    height: 40px;
    background: #39ac6a;
    cursor: pointer;
    margin-top: 10px;
    text-align: center;
    line-height: 40px
}

    .validate .validForm .jiudin a {
        color: #fff
    }

        .validate .validForm .jiudin a:hover {
            text-decoration: none
        }

    .validate .validForm .jiudin:hover {
        background-color: #0fb957
    }

.validate .validForm .checkReason {
    color: red;
    display: none
}

.mod-scroll {
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px dotted transparent;
    box-sizing: border-box
}

.mod-scroll_bar-x {
    width: 100%;
    height: 9px;
    bottom: 0;
    left: 0;
}

.mod-scroll_bar-x, .mod-scroll_bar-y {
    background: #000;
    opacity: .1;
    filter: alpha(opacity=10);
    border-radius: 5px;
    position: absolute;
    z-index: 3
}

.mod-scroll_bar-y {
    width: 9px;
    height: 100%;
    top: 0
}

.mod-scroll_thumb-x {
    width: 30%;
    height: 9px;
    bottom: 0;
    left: 0;
}

.mod-scroll_thumb-x, .mod-scroll_thumb-y {
    background: #000;
    position: absolute;
    opacity: .5;
    filter: alpha(opacity=50);
    border-radius: 5px;
    z-index: 3
}

.mod-scroll_thumb-y {
    width: 9px;
    height: 30%;
    top: 0
}

.mod-scroll--activate .mod-scroll_bar-x, .mod-scroll--activate .mod-scroll_bar-y {
    opacity: .2;
    filter: alpha(opacity=20)
}

.mod-scroll--activate .mod-scroll_thumb-x, .mod-scroll--activate .mod-scroll_thumb-y {
    opacity: .6;
    filter: alpha(opacity=60)
}

body {
    background-color: #f1f1f1
}

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

.sprite {
    background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
    background-repeat: no-repeat;
    display: inline-block
}

.sprite-arrow {
    width: 7px;
    height: 4px;
    background-position: -5px -5px
}

.sprite-bg_icon_s {
    width: 33px;
    height: 34px;
    background-position: -22px -5px
}

.sprite-bg_l {
    width: 10px;
    height: 9px;
    background-position: -65px -5px
}

.sprite-bg_r {
    width: 30px;
    height: 27px;
    background-position: -85px -5px
}

.sprite-biao {
    width: 16px;
    height: 15px;
    background-position: -125px -5px
}

.sprite-bluePoint {
    width: 23px;
    height: 28px;
    background-position: -151px -5px
}

.sprite-book {
    width: 10px;
    height: 11px;
    background-position: -184px -5px
}

.sprite-chengnuo {
    width: 52px;
    height: 14px;
    background-position: -65px -43px
}

.sprite-clock {
    width: 17px;
    height: 16px;
    background-position: -184px -26px
}

.sprite-dianfu {
    width: 41px;
    height: 41px;
    background-position: -127px -43px
}

.sprite-duigou {
    width: 25px;
    height: 26px;
    background-position: -5px -52px
}

.sprite-erweima {
    width: 27px;
    height: 27px;
    background-position: -178px -52px
}

.sprite-huishou {
    width: 41px;
    height: 41px;
    background-position: -5px -94px
}

.sprite-icon_b_l {
    width: 46px;
    height: 88px;
    background-position: -56px -89px
}

.sprite-icon_b_r {
    width: 46px;
    height: 88px;
    background-position: -112px -94px
}

.sprite-icon_b_x {
    width: 33px;
    height: 33px;
    background-position: -168px -94px
}

.sprite-icon_s_l {
    width: 6px;
    height: 13px;
    background-position: -40px -52px
}

.sprite-icon_s_r {
    width: 8px;
    height: 13px;
    background-position: -168px -137px
}

.sprite-jiang {
    width: 9px;
    height: 11px;
    background-position: -186px -137px
}

.sprite-loan {
    width: 22px;
    height: 11px;
    background-position: -5px -158px
}

.sprite-loan-gray {
    width: 22px;
    height: 11px;
    background-position: -186px -158px
}

.sprite-mapPoint {
    width: 35px;
    height: 40px;
    background-position: -215px -5px
}

.sprite-more {
    width: 13px;
    height: 14px;
    background-position: -215px -55px
}

.sprite-namePoint {
    width: 17px;
    height: 8px;
    background-position: -215px -79px
}

.sprite-point {
    width: 10px;
    height: 11px;
    background-position: -238px -55px
}

.sprite-redPoint {
    width: 23px;
    height: 28px;
    background-position: -211px -97px
}

.sprite-rili {
    width: 16px;
    height: 17px;
    background-position: -218px -135px
}

.sprite-shizhong {
    width: 10px;
    height: 11px;
    background-position: -242px -76px
}

.sprite-tax {
    width: 16px;
    height: 17px;
    background-position: -218px -162px
}

.sprite-tax-gray {
    width: 16px;
    height: 17px;
    background-position: -5px -189px
}

.sprite-tree {
    width: 10px;
    height: 11px;
    background-position: -244px -97px
}

.sprite-you {
    width: 14px;
    height: 14px;
    background-position: -31px -189px
}

.sprite-zhen {
    width: 41px;
    height: 41px;
    background-position: -55px -189px
}

.sprite-zhong {
    width: 10px;
    height: 10px;
    background-position: -244px -118px
}

.sprite-zijin {
    width: 41px;
    height: 41px;
    background-position: -168px -189px
}

.justify_fix {
    display: inline-block;
    width: 100%;
    height: 0;
    overflow: hidden
}

.content-wrapper {
    margin: 0 auto
}

.content-wrapper, .xinfangPush {
    width: 1000px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(13,3,9,.2);
    border-radius: 2px
}

.xinfangPush {
    margin: 15px auto 0;
    line-height: 1;
    padding: 32px 0
}

    .xinfangPush h3 {
        width: 928px;
        margin: 0 auto;
        font-size: 22px
    }

    .xinfangPush ul {
        width: 928px;
        margin: 32px auto 0;
        text-align: justify
    }

        .xinfangPush ul li {
            width: 215px;
            position: relative;
            vertical-align: top;
            display: inline-block
        }

            .xinfangPush ul li img {
                width: 100%;
                height: 165px
            }

            .xinfangPush ul li .description {
                box-sizing: border-box;
                color: #fff;
                position: absolute;
                top: 137px;
                left: 0;
                padding: 0 12px;
                width: 100%
            }

                .xinfangPush ul li .description .title {
                    font-size: 16px;
                    font-weight: 700;
                    vertical-align: middle;
                    display: inline-block;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    max-width: 120px
                }

                .xinfangPush ul li .description .type {
                    color: #efefef;
                    line-height: 17px;
                    font-size: 12px;
                    border: 1px solid #efefef;
                    vertical-align: middle;
                    padding: 0 5px;
                    display: inline-block;
                    border-radius: 2px;
                    margin-left: 6px
                }

            .xinfangPush ul li .price {
                margin-top: 12px
            }

                .xinfangPush ul li .price .average {
                    font-weight: 700;
                    font-size: 14px;
                    color: #333
                }

                    .xinfangPush ul li .price .average span {
                        color: #e4393c
                    }

                .xinfangPush ul li .price .lowest {
                    font-size: 12px;
                    color: #666
                }

            .xinfangPush ul li .area {
                margin-top: 10px;
                font-size: 12px
            }

            .xinfangPush ul li .bg {
                background: url(../../common/img/bg_1px.png?9e5900757756286a436a) repeat-x;
                width: 100%;
                height: 45px;
                position: absolute;
                top: 120px
            }

.title-wrapper {
    height: 125px;
    line-height: 125px;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #ebebeb;
    background-color: #fcfcfc
}

    .title-wrapper .content {
        display: inline-block;
        width: 928px;
        vertical-align: middle;
        line-height: 1;
        text-align: left
    }

        .title-wrapper .content .title {
            display: table-cell
        }

            .title-wrapper .content .title .main {
                font-size: 26px;
                color: #333;
                font-weight: 700
            }

            .title-wrapper .content .title .main, .title-wrapper .content .title .sub {
                max-width: 790px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
            }

            .title-wrapper .content .title .sub {
                margin-top: 15px;
                font-size: 14px;
                color: #aaa
            }

        .title-wrapper .content .btnContainer {
            display: table-cell;
            width: 1000px;
            text-align: right;
            vertical-align: middle
        }

            .title-wrapper .content .btnContainer button {
                display: inline-block;
                width: 98px;
                height: 34px;
                background-color: #39ac6a;
                border: 1px solid #34724f;
                border-radius: 2px;
                color: #fff;
                font-size: 14px;
                text-align: center;
                cursor: pointer
            }

            .title-wrapper .content .btnContainer.disable button {
                background-color: #999;
                border-color: #8e8e8e
            }

    .title-wrapper i {
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 2px;
        background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
        background-repeat: no-repeat;
        display: inline-block;
        width: 27px;
        height: 27px;
        background-position: -178px -52px
    }

        .title-wrapper i .barcode {
            display: none;
            position: absolute;
            top: 0;
            right: -118px;
            width: 108px;
            height: 125px;
            border-radius: 2px;
            box-shadow: 1px 0 3px rgba(13,4,9,.2);
            background-color: #fff
        }

            .title-wrapper i .barcode img {
                width: 90px;
                height: 90px;
                margin: 9px auto 0;
                display: block
            }

            .title-wrapper i .barcode .des {
                line-height: 1;
                text-align: center;
                font-size: 12px;
                color: #333
            }

        .title-wrapper i:hover .barcode {
            display: block
        }

.overview {
    width: 928px;
    padding: 36px;
    background-color: #fff
}

    .overview .img {
        display: inline-block;
        width: 454px;
        cursor: pointer
    }

        .overview .img .imgContainer {
            position: relative
        }

            .overview .img .imgContainer .ziroomTag {
                background: #fcb846;
                color: #fff;
                position: absolute;
                left: 0;
                top: 0;
                font-size: 12px;
                padding: 5px 7px
            }

            .overview .img .imgContainer img {
                width: 454px;
                height: 340px;
                display: block
            }

            .overview .img .imgContainer span {
                position: absolute;
                left: 10px;
                bottom: 10px;
                background-color: rgba(0,0,0,.7);
                font-size: 12px;
                color: #fff;
                padding: 0 11px;
                line-height: 32px;
                border-radius: 2px
            }

            .overview .img .imgContainer .loading {
                display: none;
                position: absolute;
                height: 100%;
                width: 100%;
                top: 0;
                left: 0;
                z-index: 1;
                background: url(../../pages/detail/img/loading.gif?b75765295d71f3d981a3) 50% no-repeat
            }

        .overview .img .thumbnail {
            position: relative;
            margin-top: 6px;
            width: 454px;
            height: 82px
        }

            .overview .img .thumbnail ul {
                white-space: nowrap;
                overflow: hidden;
                height: 82px;
            }

                .overview .img .thumbnail ul li {
                    display: inline-block;
                    width: 109px;
                    height: 82px;
                    margin-left: 6px
                }

                    .overview .img .thumbnail ul li:first-child {
                        margin-left: 0
                    }

                    .overview .img .thumbnail ul li img {
                        width: 100%;
                        height: 100%;
                        opacity: .5;
                        filter: alpha(opacity=50)
                    }

                        .overview .img .thumbnail ul li.selected img, .overview .img .thumbnail ul li img:hover {
                            opacity: 1;
                            filter: alpha(opacity=100)
                        }

            .overview .img .thumbnail .pre {
                left: 0
            }

            .overview .img .thumbnail .next, .overview .img .thumbnail .pre {
                position: absolute;
                top: 0;
                line-height: 82px;
                width: 32px;
                text-align: center;
                font-size: 20px;
                color: #cac9c9;
                opacity: .8;
                filter: alpha(opacity=80);
                background-color: #000;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none
            }

            .overview .img .thumbnail .next {
                right: 0
            }

    .overview .content {
        display: inline-block;
        float: right;
        width: 437px;
        line-height: 1
    }

        .overview .content .price {
            position: relative;
            height: 49px;
            white-space: nowrap
        }

            .overview .content .price .totalPrice {
                display: inline-block;
                width: 87%
            }

            .overview .content .price .total {
                display: inline-block;
                font-family: Tahoma;
                font-size: 46px;
                line-height: 37px;
                height: 38px;
                color: #e4393c;
                font-weight: 700;
                letter-spacing: -1px;
                max-width: 50%;
                overflow: hidden;
                text-overflow: ellipsis
            }

            .overview .content .price .unit {
                display: inline-block;
                margin-left: 7px;
                font-size: 16px;
                color: #e4393c;
                height: 37px;
                vertical-align: 2px
            }

                .overview .content .price .unit i {
                    margin: 0 auto;
                    background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
                    background-repeat: no-repeat;
                    display: inline-block;
                    width: 9px;
                    height: 11px;
                    background-position: -186px -137px;
                    display: block
                }

                .overview .content .price .unit span {
                    display: block;
                    margin-top: 9px
                }

            .overview .content .price .text {
                font-size: 12px;
                color: #333;
                display: inline-block;
                vertical-align: top;
                margin-left: 15px
            }

                .overview .content .price .text .unitPrice {
                    font-weight: 700
                }

                    .overview .content .price .text .unitPrice span {
                        margin-left: 5px;
                        color: #e4393c
                    }

                .overview .content .price .text .tax {
                    margin-top: 13px;
                    font-weight: 700
                }

                    .overview .content .price .text .tax span {
                        font-weight: 400;
                        margin-left: 2px
                    }

                    .overview .content .price .text .tax .detail {
                        font-weight: 400;
                        color: #999;
                        margin-left: 8px
                    }

            .overview .content .price .compute {
                font-weight: 400;
                font-size: 12px;
                color: #009de8;
                display: inline-block;
                width: 13%;
                text-align: right
            }

            .overview .content .price .removeIcon {
                display: none;
                width: 150px;
                height: 112px;
                position: absolute;
                right: -25px;
                top: -31px;
                background: url(../../pages/detail/img/isRemove.png?3ef30c27b5382d931e2a) no-repeat
            }

            .overview .content .price.isRemove .total, .overview .content .price.isRemove .unit, .overview .content .price.isRemove .unitPrice span {
                color: #8e8e8e
            }

            .overview .content .price.isRemove .removeIcon {
                display: block
            }

        .overview .content .houseInfo {
            box-sizing: border-box;
            margin-top: 12px;
            width: 100%;
            height: 82px;
            border: 1px solid #e4e3e3;
            padding: 20px 0;
            background-color: #fcfcfc
        }

            .overview .content .houseInfo .mainInfo {
                text-align: center;
                font-size: 20px;
                font-weight: 700;
                color: #333
            }

            .overview .content .houseInfo .subInfo {
                text-align: center;
                margin-top: 8px;
                font-size: 12px;
                color: #999
            }

            .overview .content .houseInfo .room {
                display: table-cell;
                width: 143px
            }

            .overview .content .houseInfo .area {
                display: table-cell;
                width: 144px;
                border-left: 1px solid #e4e3e3;
                border-right: 1px solid #e4e3e3
            }

            .overview .content .houseInfo .type {
                display: table-cell;
                width: 146px
            }

        .overview .content .aroundInfo {
            padding: 22px 0;
            border-bottom: 1px solid #eee;
            font-size: 12px
        }

            .overview .content .aroundInfo .label {
                color: #888;
                margin-left: 10px
            }

            .overview .content .aroundInfo .info {
                color: #333
            }

            .overview .content .aroundInfo i {
                display: inline-block
            }

            .overview .content .aroundInfo .communityName i {
                background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
                background-repeat: no-repeat;
                display: inline-block;
                width: 10px;
                height: 11px;
                background-position: -244px -97px
            }

            .overview .content .aroundInfo .communityName .map {
                color: #009de8;
                margin-left: 14px
            }

            .overview .content .aroundInfo .areaName {
                margin-top: 14px
            }

                .overview .content .aroundInfo .areaName i {
                    background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
                    background-repeat: no-repeat;
                    display: inline-block;
                    width: 10px;
                    height: 11px;
                    background-position: -238px -55px
                }

                .overview .content .aroundInfo .areaName .supplement {
                    color: #999;
                    margin-left: 14px
                }

                .overview .content .aroundInfo .areaName a {
                    color: #333
                }

            .overview .content .aroundInfo .schoolName {
                margin-top: 14px
            }

                .overview .content .aroundInfo .schoolName .icon {
                    background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
                    background-repeat: no-repeat;
                    display: inline-block;
                    width: 10px;
                    height: 11px;
                    background-position: -184px -5px
                }

                .overview .content .aroundInfo .schoolName .info a {
                    color: #39ac6a
                }

                .overview .content .aroundInfo .schoolName .schoolType {
                    width: 14px;
                    background-position: -31px -189px;
                    margin-left: 5px
                }

                .overview .content .aroundInfo .schoolName .more, .overview .content .aroundInfo .schoolName .schoolType {
                    background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
                    background-repeat: no-repeat;
                    display: inline-block;
                    height: 14px;
                    vertical-align: -1px
                }

                .overview .content .aroundInfo .schoolName .more {
                    width: 13px;
                    background-position: -215px -55px;
                    margin-left: 6px;
                    position: relative
                }

                    .overview .content .aroundInfo .schoolName .more ul {
                        display: none;
                        position: absolute;
                        bottom: 17px;
                        left: -72px;
                        padding: 6px 11px;
                        background-color: #f5f5f5;
                        border: 1px solid #dfdfdf;
                        border-radius: 2px
                    }

                        .overview .content .aroundInfo .schoolName .more ul li {
                            white-space: nowrap;
                            margin: 6px 0;
                            color: #39ac6a
                        }

                            .overview .content .aroundInfo .schoolName .more ul li i {
                                background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
                                background-repeat: no-repeat;
                                display: inline-block;
                                width: 14px;
                                height: 14px;
                                background-position: -31px -189px
                            }

                    .overview .content .aroundInfo .schoolName .more:hover ul {
                        display: block
                    }

            .overview .content .aroundInfo .visitTime {
                margin-top: 14px
            }

                .overview .content .aroundInfo .visitTime i {
                    background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
                    background-repeat: no-repeat;
                    display: inline-block;
                    width: 10px;
                    height: 11px;
                    background-position: -242px -76px
                }

        .overview .content .brokerInfo {
            padding: 21px 0 15px;
            border-bottom: 1px solid #e4e3e3
        }

            .overview .content .brokerInfo img {
                border-radius: 50%;
                width: 76px;
                height: 76px
            }

            .overview .content .brokerInfo .brokerInfoText {
                display: inline-block;
                width: 340px;
                margin-left: 21px
            }

                .overview .content .brokerInfo .brokerInfoText .brokerName .name {
                    vertical-align: middle;
                    font-size: 18px;
                    color: #333;
                    margin-right: 10px
                }

                .overview .content .brokerInfo .brokerInfoText .brokerName .tag {
                    vertical-align: middle;
                    display: inline-block;
                    line-height: 20px;
                    font-size: 12px;
                    color: #888;
                    border: 1px solid #d8d7d8;
                    padding: 0 6px;
                    margin-right: 6px
                }

                    .overview .content .brokerInfo .brokerInfoText .brokerName .tag.first {
                        color: #999;
                        background: #f1f1f1;
                        border: none
                    }

                .overview .content .brokerInfo .brokerInfoText .evaluate {
                    margin-top: 12px;
                    font-size: 12px;
                    color: #999;
                    vertical-align: middle
                }

                    .overview .content .brokerInfo .brokerInfoText .evaluate .rate {
                        color: #333;
                        position: relative;
                        top: -2px
                    }

                    .overview .content .brokerInfo .brokerInfoText .evaluate .time {
                        margin-left: 21px
                    }

                .overview .content .brokerInfo .brokerInfoText .phone {
                    margin-top: 6px;
                    font-size: 28px;
                    line-height: 24px;
                    font-weight: 700;
                    color: #e4393c;
                    font-family: Tahoma;
                    letter-spacing: -1px
                }

                    .overview .content .brokerInfo .brokerInfoText .phone span {
                        padding: 0 6px;
                        font-size: 14px
                    }

            .overview .content .brokerInfo .noData {
                color: #999;
                font-size: 14px
            }

        .overview .content .houseRecord {
            margin-top: 20px;
            font-size: 12px;
            color: #333;
            text-align: justify
        }

            .overview .content .houseRecord .report {
                color: #1ba1e1;
                margin-right: 12px
            }

            .overview .content .houseRecord .detail {
                color: #999
            }

.promise {
    display: none;
    text-align: justify;
    width: 1000px;
    height: 80px;
    margin: 15px auto
}

    .promise i {
        margin-left: 22px;
        vertical-align: middle
    }

    .promise .text {
        display: inline-block;
        margin-left: 14px;
        vertical-align: middle;
        line-height: 1
    }

    .promise .title {
        font-size: 18px;
        color: #fff
    }

    .promise .sub {
        font-size: 12px;
        color: #fff;
        margin-top: 8px
    }

    .promise .item {
        display: inline-block;
        width: 240px;
        height: 80px;
        box-shadow: 0 1px 3px rgba(13,4,9,.2);
        border-radius: 2px;
        vertical-align: top;
        line-height: 80px
    }

        .promise .item a {
            display: inline-block;
            width: 100%;
            height: 100%
        }

            .promise .item a:hover {
                text-decoration: none
            }

    .promise .zhen {
        background-color: #ec6941
    }

        .promise .zhen i {
            background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
            background-repeat: no-repeat;
            display: inline-block;
            width: 41px;
            height: 41px;
            background-position: -55px -189px
        }

    .promise .jianguan {
        background-color: #faba46
    }

        .promise .jianguan i {
            background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
            background-repeat: no-repeat;
            display: inline-block;
            width: 41px;
            height: 41px;
            background-position: -168px -189px
        }

    .promise .huigou {
        background-color: #15ade3
    }

        .promise .huigou i {
            background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
            background-repeat: no-repeat;
            display: inline-block;
            width: 41px;
            height: 41px;
            background-position: -5px -94px
        }

    .promise .dianfu {
        background-color: #39ac6a
    }

        .promise .dianfu i {
            background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
            background-repeat: no-repeat;
            display: inline-block;
            width: 41px;
            height: 41px;
            background-position: -127px -43px
        }

.detailPageTab {
    width: 1000px;
    margin: 15px auto 0
}

    .detailPageTab ul {
        background-color: #fff;
        box-shadow: 0 1px 3px rgba(13,3,9,.2);
        border-radius: 2px
    }

    .detailPageTab li, .detailPageTab li a {
        display: inline-block
    }

        .detailPageTab li a {
            width: 138px;
            height: 54px;
            line-height: 54px;
            font-size: 16px;
            text-align: center;
            color: #555;
            background-color: #fff;
            position: relative;
            text-decoration: none
        }

            .detailPageTab li a:after {
                position: absolute;
                bottom: -8px;
                color: #39ac6a;
                display: none;
                line-height: 1;
                left: 62px;
                content: "\25BC"
            }

            .detailPageTab li a:hover {
                background-color: #f5f5f5
            }

            .detailPageTab li a.force {
                color: #fff;
                background-color: #39ac6a
            }

                .detailPageTab li a.force:after {
                    display: block
                }

                .detailPageTab li a.force:hover {
                    background-color: #39ac6a
                }

.introduction-wrapper {
    margin-top: 15px
}

    .introduction-wrapper .introduction {
        width: 928px;
        margin: 0 auto;
        padding-top: 38px;
        padding-bottom: 26px;
        line-height: 1
    }

        .introduction-wrapper .introduction .title {
            font-size: 22px;
            color: #333;
            margin-bottom: 33px
        }

        .introduction-wrapper .introduction .name {
            font-size: 16px;
            color: #222;
            font-weight: 700;
            padding-bottom: 12px;
            border-bottom: 2px solid #222
        }

        .introduction-wrapper .introduction .introContent {
            text-align: justify
        }

            .introduction-wrapper .introduction .introContent:after {
                display: inline-block;
                width: 100%;
                height: 0;
                overflow: hidden;
                content: " "
            }

            .introduction-wrapper .introduction .introContent .content {
                margin-top: 25px
            }



                .introduction-wrapper .introduction .introContent .content ul li {
                    display: inline-block;
                    width: 50%;
                    line-height: 30px;
                    font-size: 14px;
                    color: #222
                }

                    .introduction-wrapper .introduction .introContent .content ul li .label {
                        color: #999
                    }

            .introduction-wrapper .introduction .introContent .base, .introduction-wrapper .introduction .introContent .transaction {
                display: inline-block;
                width: 444px;
                vertical-align: top
            }

        .introduction-wrapper .introduction .feature {
            margin-top: 34px
        }

            .introduction-wrapper .introduction .feature .featureTag {
                line-height: 80px;
                border-bottom: 1px solid #eaeaea
            }

                .introduction-wrapper .introduction .feature .featureTag a {
                    display: inline-block;
                    line-height: 28px;
                    font-size: 14px;
                    color: #fff;
                    text-align: center;
                    padding: 0 11px;
                    background-color: #89c4a4;
                    margin-right: 10px;
                    vertical-align: middle
                }

                    .introduction-wrapper .introduction .feature .featureTag a.is_quick_acting {
                        background-color: #e2ad5e
                    }

                    .introduction-wrapper .introduction .feature .featureTag a.is_sales_tax {
                        background-color: #82a1bb
                    }

                    .introduction-wrapper .introduction .feature .featureTag a.is_school_house {
                        background-color: #e2ad5e
                    }

                    .introduction-wrapper .introduction .feature .featureTag a.is_near_subway {
                        background-color: #82a1bb
                    }

                    .introduction-wrapper .introduction .feature .featureTag a.is_sole {
                        background-color: #89c4a4
                    }

                    .introduction-wrapper .introduction .feature .featureTag a.is_see_free {
                        background-color: #7eadca
                    }

            .introduction-wrapper .introduction .feature .featureContent {
                padding-top: 25px;
                font-size: 14px;
                line-height: 28px;
                overflow: hidden;
                max-height: 255px
            }

                .introduction-wrapper .introduction .feature .featureContent span {
                    display: table-cell
                }

                .introduction-wrapper .introduction .feature .featureContent .label {
                    width: 75px;
                    font-weight: 700;
                    color: #222
                }

                .introduction-wrapper .introduction .feature .featureContent .text {
                    color: #666
                }

                .introduction-wrapper .introduction .feature .featureContent .noData {
                    text-align: center;
                    color: #999
                }

                .introduction-wrapper .introduction .feature .featureContent .disclaimer {
                    font-size: 12px;
                    color: #ccc;
                    margin-top: 26px;
                    line-height: 1
                }

    .introduction-wrapper .more {
        display: none;
        height: 50px;
        line-height: 50px;
        border-top: 1px solid #eaeaea;
        text-align: center;
        font-size: 14px;
        color: #888;
        cursor: pointer
    }

.layout-wrapper {
    margin-top: 15px;
    padding-top: 39px;
    padding-bottom: 45px;
    line-height: 1
}

    .layout-wrapper .content-agent {
        font-size: 12px
    }

        .layout-wrapper .content-agent .fl {
            color: #aaa;
            margin-right: 10px
        }

            .layout-wrapper .content-agent .fl a {
                color: #333;
                font-weight: 700
            }

            .layout-wrapper .content-agent .fl p {
                font-weight: 700;
                color: #e4393c;
                padding-top: 5px
            }

        .layout-wrapper .content-agent img {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            margin-right: 10px
        }

    .layout-wrapper .layout {
        width: 928px;
        margin: 0 auto;
        font-size: 22px;
        color: #333
    }

    .layout-wrapper .bar {
        margin-top: 38px;
        background: url(../../pages/detail/img/bar.png?9bc77d9511c75d05e7ce) no-repeat;
        height: 24px;
        line-height: 24px;
        text-align: center;
        font-size: 16px;
        font-weight: 700
    }

    .layout-wrapper .content {
        margin-top: 33px;
        text-align: justify
    }

        .layout-wrapper .content img {
            width: 443px;
            vertical-align: middle
        }

        .layout-wrapper .content .des {
            vertical-align: middle;
            display: inline-block;
            width: 393px
        }

            .layout-wrapper .content .des .feature {
                margin-bottom: 31px
            }

                .layout-wrapper .content .des .feature .name {
                    font-size: 16px
                }

                .layout-wrapper .content .des .feature .list {
                    margin-top: 20px;
                    text-align: left;
                    overflow: hidden
                }

                    .layout-wrapper .content .des .feature .list span {
                        display: inline-block;
                        font-size: 14px;
                        line-height: 38px;
                        text-align: center;
                        margin-right: 10px;
                        margin-bottom: 10px;
                        padding: 0 20px;
                        background-color: #f5eedf
                    }

                    .layout-wrapper .content .des .feature .list .noData {
                        font-size: 14px;
                        color: #999
                    }

            .layout-wrapper .content .des .info .name {
                font-size: 16px
            }

            .layout-wrapper .content .des .info .list {
                height: 300px;
                margin-top: 25px
            }

                .layout-wrapper .content .des .info .list .row {
                    border-bottom: 1px solid #eee;
                }

                    .layout-wrapper .content .des .info .list .row .col {
                        display: inline-block;
                        width: 25%;
                        line-height: 47px;
                        font-size: 14px
                    }

                        .layout-wrapper .content .des .info .list .row .col:first {
                            color: #938566
                        }

.housePic {
    margin-top: 15px;
    padding-top: 46px;
    padding-bottom: 5px
}

    .housePic .title {
        width: 928px;
        margin: 0 auto;
        font-size: 22px
    }

    .housePic .container {
        max-height: 1133px;
        overflow: hidden
    }

        .housePic .container .list {
            margin: 35px auto 0;
            width: 928px;
            text-align: justify;
            line-height: 0
        }

            .housePic .container .list div {
                width: 450px;
                height: 338px;
                margin-bottom: 28px;
                display: inline-block;
                position: relative
            }

                .housePic .container .list div.left_fix {
                    height: 0;
                    padding: 0;
                    overflow: hidden;
                    margin-bottom: 0;
                    vertical-align: top
                }

                .housePic .container .list div img {
                    width: 100%;
                    height: 100%
                }

                .housePic .container .list div span {
                    display: inline-block;
                    position: absolute;
                    top: 10px;
                    left: 10px;
                    line-height: 32px;
                    text-align: center;
                    padding: 0 11px;
                    border-radius: 2px;
                    background-color: rgba(0,0,0,.7);
                    color: #fff;
                    font-size: 12px
                }

    .housePic .more {
        display: none;
        height: 50px;
        line-height: 50px;
        border-top: 1px solid #eee;
        text-align: center;
        font-size: 14px;
        color: #999;
        cursor: pointer
    }

.matchSchool {
    margin-top: 15px;
    padding: 39px 0;
    line-height: 1
}

    .matchSchool .title {
        width: 928px;
        margin: 0 auto;
        font-size: 22px
    }

    .matchSchool .content {
        width: 928px;
        margin: 34px auto 0
    }

        .matchSchool .content .name {
            font-size: 16px;
            font-weight: 700;
            height: 28px;
            border-bottom: 2px solid #222
        }

            .matchSchool .content .name a {
                color: #333
            }

            .matchSchool .content .name .subSchool {
                font-size: 12px;
                color: #999;
                font-weight: 400
            }

        .matchSchool .content .info {
            padding: 27px 0;
            border-bottom: 1px solid #eee;
            font-size: 14px
        }

            .matchSchool .content .info .item {
                display: inline-block;
                margin-right: 97px
            }

                .matchSchool .content .info .item.last {
                    margin-right: 0
                }

                .matchSchool .content .info .item .itemName {
                    color: #999
                }

                .matchSchool .content .info .item .itemInfo {
                    color: #333;
                    margin-top: 13px
                }

        .matchSchool .content .next {
            margin-top: 15px;
        }

            .matchSchool .content .next .nextTitle {
                line-height: 38px;
                color: #999;
                font-size: 14px
            }

            .matchSchool .content .next .nextContent {
                line-height: 24px;
                font-size: 14px
            }

            .matchSchool .content .next .direct {
                display: inline-block;
                width: 50%;
                box-sizing: border-box;
                border-right: 1px solid #eee
            }

                .matchSchool .content .next .direct div {
                    display: inline-block;
                    width: 435px
                }

                    .matchSchool .content .next .direct div span {
                        color: #999;
                        margin-left: 15px
                    }

            .matchSchool .content .next .random {
                display: inline-block;
                width: 50%;
                box-sizing: border-box;
                text-align: right
            }

                .matchSchool .content .next .random div {
                    display: inline-block;
                    width: 435px;
                    text-align: left
                }

.calculator {
    width: 1000px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(13,3,9,.2);
    border-radius: 2px;
    margin: 15px auto 0;
    line-height: 1;
}

    .calculator .title {
        border-bottom: 1px solid #e4e4e4
    }

        .calculator .title div {
            display: inline-block;
            width: 50%;
            box-sizing: border-box;
            font-size: 18px;
            color: #aaa;
            line-height: 60px;
            text-align: center;
            cursor: pointer
        }

        .calculator .title i {
            background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
            background-repeat: no-repeat;
            display: inline-block;
            margin-right: 9px
        }

        .calculator .title .tax-tab {
            border-right: 1px solid #e4e4e4
        }

            .calculator .title .tax-tab i {
                display: inline-block;
                width: 16px;
                height: 17px;
                background-position: -5px -189px
            }

            .calculator .title .tax-tab.select {
                color: #222
            }

                .calculator .title .tax-tab.select i {
                    width: 16px;
                    height: 17px;
                    background-position: -218px -162px
                }

        .calculator .title .loan-tab i {
            display: inline-block;
            width: 22px;
            height: 11px;
            background-position: -186px -158px
        }

        .calculator .title .loan-tab.select {
            color: #222
        }

            .calculator .title .loan-tab.select i {
                width: 22px;
                height: 11px;
                background-position: -5px -158px
            }

    .calculator .row {
        margin: 13px 0;
        text-align: right
    }

        .calculator .row label {
            width: 172px;
            text-align: right;
            font-size: 16px;
            color: #222;
            display: inline-block;
            vertical-align: middle
        }

        .calculator .row .content {
            display: inline-block;
            box-sizing: border-box;
            width: 288px;
            border: 1px solid #ccc;
            border-radius: 2px;
            line-height: 34px;
            font-size: 14px;
            position: relative;
            text-align: left;
            vertical-align: middle;
            cursor: pointer
        }

            .calculator .row .content.select-content {
                background-color: #f5f5f5
            }

            .calculator .row .content .itemName {
                margin-left: 12px
            }

            .calculator .row .content .arrow {
                margin-right: 12px;
                float: right;
                background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
                background-repeat: no-repeat;
                display: inline-block;
                width: 7px;
                height: 4px;
                background-position: -5px -5px;
                margin-top: 16px
            }

            .calculator .row .content ul {
                display: none;
                position: absolute;
                top: 35px;
                left: -1px;
                width: 100%;
                line-height: 34px;
                border: 1px solid #ccc;
                border-top: 0 solid #ccc;
                background-color: #fff;
                z-index: 1
            }

                .calculator .row .content ul li {
                    padding: 0 12px
                }

                    .calculator .row .content ul li:hover {
                        background-color: #f5f5f5
                    }

            .calculator .row .content input {
                border: 0;
                width: 100%;
                height: 34px;
                line-height: 34px;
                padding: 0 12px;
                box-sizing: border-box;
                box-shadow: inset 0 1px 2px rgba(0,0,0,.08)
            }

            .calculator .row .content .unit {
                position: absolute;
                right: 12px;
                top: 0;
                color: #999;
                font-weight: 700
            }

        .calculator .row .select {
            width: 170px
        }

        .calculator .row .input {
            margin-left: 8px;
            width: 110px;
            height: 36px;
            box-sizing: border-box;
            border: 1px solid #ccc;
            border-radius: 2px;
            line-height: 34px;
            font-size: 14px;
            color: #e4393c;
            text-align: left;
            vertical-align: middle;
            display: inline-block;
            position: relative
        }

            .calculator .row .input input {
                height: 100%;
                width: 100%;
                border: 0;
                box-shadow: inset 0 1px 2px rgba(0,0,0,.08);
                padding-left: 12px;
                box-sizing: border-box
            }

            .calculator .row .input span {
                position: absolute;
                top: 0;
                right: 12px
            }

    .calculator .tax {
        padding: 27px 0
    }

        .calculator .tax .option {
            display: inline-block;
            width: 462px;
            vertical-align: middle
        }

            .calculator .tax .option .btn {
                text-align: right
            }

                .calculator .tax .option .btn button {
                    width: 288px;
                    box-sizing: border-box;
                    border: 1px solid #34724f;
                    color: #fff;
                    font-size: 14px;
                    text-align: center;
                    background-color: #39ac6a;
                    border-radius: 2px;
                    line-height: 38px
                }

        .calculator .tax .result {
            display: inline-block;
            vertical-align: middle;
            margin-left: 74px;
            position: relative;
            top: -40px
        }

            .calculator .tax .result span {
                display: inline-block;
                font-size: 14px
            }

            .calculator .tax .result .name {
                color: #222;
                width: 84px
            }

            .calculator .tax .result .value {
                color: #e4393c;
                width: 89px
            }

            .calculator .tax .result .unit {
                color: #aaa
            }

            .calculator .tax .result .total {
                height: 45px;
                border-bottom: 1px solid #e4e4e4;
                margin-bottom: 33px
            }

            .calculator .tax .result .item {
                margin-top: 26px
            }

        .calculator .tax .pie {
            display: inline-block;
            height: 300px;
            width: 194px;
            margin-left: 30px;
            vertical-align: middle;
            position: relative;
            top: -40px
        }

    .calculator .loan {
        display: none;
        line-height: 22px;
        padding: 36px 0 10px
    }

        .calculator .loan .option {
            display: inline-block;
            width: 462px;
            line-height: 44px
        }

            .calculator .loan .option .row:first-child {
                margin-top: 0
            }

            .calculator .loan .option .btn {
                text-align: right;
                margin-bottom: 0
            }

                .calculator .loan .option .btn button {
                    width: 288px;
                    box-sizing: border-box;
                    border: 1px solid #34724f;
                    color: #fff;
                    font-size: 14px;
                    text-align: center;
                    background-color: #39ac6a;
                    border-radius: 2px;
                    line-height: 38px
                }

        .calculator .loan .title {
            font-size: 16px;
            padding-bottom: 10px;
            border-bottom: 1px solid #e4e4e4;
            margin-bottom: 10px
        }

        .calculator .loan .item {
            margin-top: 10px;
        }

            .calculator .loan .item span {
                font-size: 14px;
                display: inline-block
            }

            .calculator .loan .item .name {
                width: 78px;
                color: #222
            }

            .calculator .loan .item .value {
                width: 95px;
                color: #e4393c
            }

            .calculator .loan .item .unit {
                color: #aaa
            }

            .calculator .loan .item .des {
                height: 12px;
                margin-top: -9px;
                font-size: 12px;
                text-align: right;
                color: #d4d4d4;
                margin-bottom: 20px;
                position: relative
            }

                .calculator .loan .item .des div {
                    position: absolute;
                    right: 0;
                    white-space: nowrap
                }

                    .calculator .loan .item .des div span {
                        font-size: 12px;
                        color: #999
                    }

        .calculator .loan .capital {
            margin-left: 76px;
            display: inline-block;
            position: relative;
            top: -65px
        }

        .calculator .loan .interest {
            margin-left: 72px;
            display: inline-block;
            position: relative;
            top: -65px
        }

        .calculator .loan .taxagent {
            float: none;
            position: relative;
            margin-top: 5px
        }

            .calculator .loan .taxagent .fl {
                line-height: 14px
            }

            .calculator .loan .taxagent .fr {
                padding-top: 21px
            }

.record {
    width: 1000px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(13,3,9,.2);
    border-radius: 2px;
    margin: 15px auto 0;
    padding: 42px 0;
    line-height: 1
}

    .record .list {
        margin-left: 36px;
        display: inline-block;
        vertical-align: top
    }

        .record .list .title {
            display: inline-block;
            width: 688px;
            font-size: 22px
        }

            .record .list .title span {
                float: right;
                cursor: pointer;
                text-align: center;
                line-height: 34px;
                background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
                background-repeat: no-repeat;
                display: inline-block;
                width: 33px;
                height: 34px;
                background-position: -22px -5px
            }

                .record .list .title span i {
                    vertical-align: 1px
                }

                .record .list .title span.pre {
                    position: relative;
                    margin-right: 7px
                }

                    .record .list .title span.pre i {
                        position: absolute;
                        top: 11px;
                        left: 13px;
                        background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
                        background-repeat: no-repeat;
                        display: inline-block;
                        width: 6px;
                        height: 13px;
                        background-position: -40px -52px
                    }

                .record .list .title span.next {
                    position: relative
                }

                    .record .list .title span.next i {
                        position: absolute;
                        top: 11px;
                        left: 13px;
                        background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
                        background-repeat: no-repeat;
                        display: inline-block;
                        width: 8px;
                        height: 13px;
                        background-position: -168px -137px
                    }

                .record .list .title span.disable i {
                    opacity: .5;
                    filter: alpha(opacity=50)
                }

        .record .list .content {
            margin-top: 37px;
            height: 262px
        }

            .record .list .content .header {
                background-color: #f5f5f5;
                border-radius: 2px;
                box-shadow: 0 1px 2px rgba(14,5,10,.2);
                line-height: 46px;
            }

                .record .list .content .header div {
                    display: inline-block;
                    font-size: 14px;
                    text-align: center;
                    color: #222
                }

                .record .list .content .header .phone {
                    font-weight: 400
                }

            .record .list .content .row {
                line-height: 70px;
                border-bottom: 1px solid #f5f5f5;
                text-align: center
            }

                .record .list .content .row div {
                    display: inline-block;
                    font-size: 14px;
                    text-align: center
                }

                .record .list .content .row .agentName {
                    vertical-align: inherit;
                    text-align: left
                }

                    .record .list .content .row .agentName span {
                        width: auto;
                        margin-left: 10px;
                        padding-top: 6px
                    }

                .record .list .content .row .noData {
                    font-size: 14px;
                    color: #999;
                    line-height: 222px
                }

            .record .list .content .item {
                width: 20%;
                vertical-align: middle
            }

                .record .list .content .item img {
                    width: 37px;
                    height: 37px;
                    border-radius: 50%;
                    vertical-align: middle
                }

                .record .list .content .item span {
                    display: inline-block;
                    width: 57px;
                    vertical-align: middle;
                    color: #333
                }

                .record .list .content .item a:hover {
                    text-decoration: none
                }

            .record .list .content .phone {
                vertical-align: middle;
                width: 40%;
                color: #e4393c;
                font-weight: 700
            }

    .record .panel {
        display: inline-block;
        width: 173px;
        margin-top: 79px;
        text-align: center;
        margin-left: 51px
    }

        .record .panel .title {
            font-size: 14px;
            color: #222
        }

        .record .panel .count {
            font-size: 80px;
            font-family: Tahoma;
            font-weight: 700;
            letter-spacing: -1px;
            margin-top: 26px
        }

        .record .panel .totalCount {
            font-size: 14px;
            margin-top: 14px;
            color: #999
        }

.priceChange {
    display: none;
    width: 1000px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(13,3,9,.2);
    border-radius: 2px;
    margin: 15px auto 0
}

    .priceChange .header {
        width: 928px;
        margin: 0 auto;
        padding-top: 39px
    }

        .priceChange .header .title {
            font-size: 22px
        }

        .priceChange .header .subTitle {
            font-size: 14px;
            color: #999;
            margin-left: 18px
        }

    .priceChange .container {
        width: 928px;
        margin: 0 auto;
        height: 200px
    }

.dealPrice {
    width: 1000px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(13,3,9,.2);
    border-radius: 2px;
    margin: 15px auto 0
}

    .dealPrice .header {
        line-height: 87px;
        height: 87px;
        border-bottom: 1px solid #e1e1e1;
        padding: 0 36px
    }

        .dealPrice .header .title {
            display: inline-block;
            font-size: 22px
        }

        .dealPrice .header .des {
            display: inline-block;
            float: right;
            font-size: 14px;
            color: #999
        }

            .dealPrice .header .des .from {
                display: inline-block;
                margin-right: 18px
            }

                .dealPrice .header .des .from i {
                    vertical-align: -2px;
                    background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
                    background-repeat: no-repeat;
                    display: inline-block;
                    width: 16px;
                    height: 15px;
                    background-position: -125px -5px;
                    margin-right: 8px
                }

            .dealPrice .header .des .update {
                display: inline-block
            }

                .dealPrice .header .des .update i {
                    vertical-align: -2px;
                    background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
                    background-repeat: no-repeat;
                    display: inline-block;
                    width: 17px;
                    height: 16px;
                    background-position: -184px -26px;
                    margin-right: 8px
                }

    .dealPrice .container {
        height: 329px;
        padding-top: 25px;
        position: relative;
        background-color: #fbfbfb
    }

        .dealPrice .container .type {
            position: absolute;
            top: 25px;
            right: 30px
        }

            .dealPrice .container .type span {
                display: inline-block;
                line-height: 22px;
                padding: 0 6px;
                color: #666;
                margin-right: 9px;
                cursor: pointer
            }

                .dealPrice .container .type span.select {
                    color: #fff;
                    background-color: #666
                }

        .dealPrice .container .content {
            height: 329px
        }

.dealRecord {
    width: 1000px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(13,3,9,.2);
    border-radius: 2px;
    margin: 15px auto 0;
    line-height: 1;
}

    .dealRecord .title {
        line-height: 87px;
        padding: 0 36px;
        border-bottom: 1px solid #e1e1e1;
        font-size: 22px
    }

        .dealRecord .title span {
            display: inline-block;
            width: 182px;
            line-height: 1;
            color: #999;
            cursor: pointer
        }

            .dealRecord .title span.select {
                color: #333
            }

            .dealRecord .title span.resblockDeal {
                border-right: 1px solid #e1e1e1
            }

            .dealRecord .title span.bizcircleDeal {
                text-align: right
            }

    .dealRecord .bizcircleDeal {
        display: none
    }

    .dealRecord .house {
        width: 30%;
        text-align: left;
        position: relative
    }

        .dealRecord .house .ziroomTag {
            padding: 2px 1px
        }

        .dealRecord .house img {
            width: 56px;
            height: 56px;
            vertical-align: middle
        }

        .dealRecord .house .desc {
            text-align: left;
            display: inline-block;
            width: 180px;
            margin-left: 18px;
            vertical-align: middle
        }

            .dealRecord .house .desc .frame {
                font-size: 16px;
                color: #003
            }

                .dealRecord .house .desc .frame .diff, .dealRecord .house .desc .frame .same {
                    margin-left: 6px;
                    font-size: 12px;
                    padding: 0 4px;
                    line-height: 19px;
                    color: #fff;
                    border-radius: 2px
                }

                    .dealRecord .house .desc .frame .diff.same, .dealRecord .house .desc .frame .same.same {
                        background-color: #f09f87
                    }

                    .dealRecord .house .desc .frame .diff.diff, .dealRecord .house .desc .frame .same.diff {
                        background-color: #95c3a2
                    }

                .dealRecord .house .desc .frame span {
                    display: inline-block;
                    vertical-align: middle
                }

                .dealRecord .house .desc .frame a {
                    color: #003;
                    vertical-align: middle
                }

            .dealRecord .house .desc .address, .dealRecord .house .desc .floor {
                display: block;
                margin-top: 10px;
                color: #999
            }

    .dealRecord .area, .dealRecord .date {
        width: 13%
    }

    .dealRecord .price {
        width: 17%;
        color: #e4393c
    }

    .dealRecord .unitPrice {
        width: 14%
    }

    .dealRecord .broker {
        width: 17%
    }

        .dealRecord .broker .phone {
            margin-top: 14px;
            color: #999
        }

    .dealRecord .from {
        width: 13%
    }

    .dealRecord .tableHeader {
        line-height: 49px;
        color: #555;
        border-bottom: 1px solid #e1e1e1;
        text-align: center;
        padding: 0 36px;
    }

        .dealRecord .tableHeader > div {
            font-size: 14px;
            font-weight: 700;
            display: inline-block;
            line-height: 1;
            vertical-align: middle
        }

        .dealRecord .tableHeader .price {
            color: #555
        }

    .dealRecord .row {
        padding: 0 36px;
        text-align: center;
        line-height: 115px;
        border-bottom: 1px solid #eee;
        color: #555;
    }

        .dealRecord .row > div {
            line-height: 1;
            font-size: 12px;
            display: inline-block;
            vertical-align: middle
        }

    .dealRecord .more {
        line-height: 46px;
        display: block;
        cursor: pointer
    }

    .dealRecord .more, .dealRecord .noData {
        color: #999;
        font-size: 14px;
        text-align: center
    }

    .dealRecord .noData {
        line-height: 49px
    }

.around {
    width: 1000px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(13,3,9,.2);
    border-radius: 2px;
    margin: 15px auto 0;
    line-height: 1
}

    .around .content {
        width: 928px;
        margin: 0 auto;
        padding: 32px 0
    }

        .around .content .title {
            font-size: 22px
        }

        .around .content .type {
            margin-top: 33px;
        }

            .around .content .type li {
                cursor: pointer;
                display: inline-block;
                line-height: 28px;
                padding: 0 9px;
                color: #555;
                font-size: 14px
            }

                .around .content .type li.select {
                    background-color: #568fe3;
                    color: #fff
                }

        .around .content .container {
            margin-top: 18px;
            height: 365px;
            position: relative
        }

            .around .content .container .map {
                height: 100%
            }

                .around .content .container .map .item {
                    background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
                    background-repeat: no-repeat;
                    display: inline-block;
                    width: 35px;
                    height: 40px;
                    background-position: -215px -5px;
                    line-height: 38px;
                    font-size: 12px;
                    color: #fff;
                    text-align: center;
                    font-weight: 700
                }

                .around .content .container .map .name {
                    line-height: 24px;
                    border: 2px solid #fff;
                    border-radius: 12px;
                    padding: 0 7px;
                    font-size: 14px;
                    color: #fff;
                    position: relative;
                    display: inline-block;
                    background-color: #0079fe;
                    box-shadow: 0 0 7px rgba(0,0,0,.2)
                }

                    .around .content .container .map .name .arrow {
                        background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
                        background-repeat: no-repeat;
                        display: inline-block;
                        width: 17px;
                        height: 8px;
                        background-position: -215px -79px;
                        position: absolute;
                        bottom: -8px;
                        left: 50%;
                        margin-left: -8.5px
                    }

            .around .content .container .list {
                position: absolute;
                top: 23px;
                bottom: 23px;
                right: 23px;
                width: 310px;
                background-color: #fff;
                box-shadow: 0 0 7px rgba(0,0,0,.45)
            }

                .around .content .container .list .name {
                    line-height: 39px;
                    text-align: center;
                    font-size: 14px;
                    font-weight: 700;
                    color: #fff;
                    background-color: #568fe3
                }

                .around .content .container .list ul {
                    height: 265px;
                    overflow-y: auto
                }

                    .around .content .container .list ul li {
                        padding: 21px 0;
                        border-bottom: 1px solid #e1e4e9;
                        cursor: pointer
                    }

                        .around .content .container .list ul li i {
                            background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
                            background-repeat: no-repeat;
                            display: inline-block;
                            width: 23px;
                            height: 28px;
                            background-position: -211px -97px;
                            vertical-align: top;
                            margin-left: 17px;
                            line-height: 25px;
                            font-size: 12px;
                            font-weight: 700;
                            color: #fff;
                            text-align: center
                        }

                        .around .content .container .list ul li .item {
                            display: inline-block;
                            width: 215px;
                            margin-left: 13px
                        }

                            .around .content .container .list ul li .item .itemTitle {
                                font-size: 14px;
                                font-weight: 700
                            }

                            .around .content .container .list ul li .item .itemInfo {
                                color: #888;
                                font-size: .85em;
                                line-height: 18px;
                                margin-top: 8px
                            }

.brokerList {
    width: 1000px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(13,3,9,.2);
    border-radius: 2px;
    margin: 15px auto 0;
    line-height: 1
}

    .brokerList .content {
        width: 928px;
        margin: 0 auto;
        padding-top: 38px;
        padding-bottom: 30px
    }

        .brokerList .content .header .title {
            font-size: 22px
        }

        .brokerList .content .header .subTitle {
            font-size: 14px;
            color: #999;
            margin-left: 17px
        }

        .brokerList .content .header .btn {
            float: right
        }

            .brokerList .content .header .btn span {
                width: 32px;
                cursor: pointer;
                text-align: center;
                line-height: 34px;
                background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
                background-repeat: no-repeat;
                display: inline-block;
                width: 33px;
                height: 34px;
                background-position: -22px -5px
            }

                .brokerList .content .header .btn span i {
                    vertical-align: -1px
                }

                .brokerList .content .header .btn span.pre {
                    position: relative;
                    margin-right: 7px
                }

                    .brokerList .content .header .btn span.pre i {
                        position: absolute;
                        top: 11px;
                        left: 13px;
                        background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
                        background-repeat: no-repeat;
                        display: inline-block;
                        width: 6px;
                        height: 13px;
                        background-position: -40px -52px
                    }

                .brokerList .content .header .btn span.next {
                    position: relative
                }

                    .brokerList .content .header .btn span.next i {
                        position: absolute;
                        top: 11px;
                        left: 13px;
                        background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
                        background-repeat: no-repeat;
                        display: inline-block;
                        width: 8px;
                        height: 13px;
                        background-position: -168px -137px
                    }

                .brokerList .content .header .btn span.disable i {
                    opacity: .5;
                    filter: alpha(opacity=50)
                }

        .brokerList .content ul {
            margin-top: 39px;
            text-align: justify
        }

            .brokerList .content ul li {
                display: inline-block;
                width: 277px;
                vertical-align: top
            }

                .brokerList .content ul li.fix_align {
                    height: 0;
                    overflow: hidden
                }

                .brokerList .content ul li img {
                    width: 82px;
                    height: 82px;
                    border-radius: 50%
                }

                .brokerList .content ul li .desc {
                    display: inline-block;
                    width: 176px;
                    margin-left: 18px
                }

                    .brokerList .content ul li .desc .title {
                        padding-bottom: 12px;
                        border-bottom: 1px solid #f0f0f0
                    }

                        .brokerList .content ul li .desc .title .name {
                            color: #333;
                            font-size: 16px;
                            vertical-align: middle;
                            margin-right: 10px
                        }

                        .brokerList .content ul li .desc .title .level {
                            display: inline-block;
                            line-height: 21px;
                            padding: 0 5px;
                            color: #999;
                            font-size: 12px;
                            vertical-align: middle;
                            margin-right: 10px;
                            background-color: #f1f1f1
                        }

                    .brokerList .content ul li .desc .phone {
                        margin-top: 13px;
                        font-size: 14px;
                        color: #e4393c;
                        font-weight: 700
                    }

                    .brokerList .content ul li .desc .rate {
                        margin-top: 12px;
                        font-size: 12px;
                        color: #666
                    }

                        .brokerList .content ul li .desc .rate span {
                            margin-right: 10px
                        }

                    .brokerList .content ul li .desc .tag {
                        margin-top: 12px;
                        color: #888;
                        text-align: left
                    }

                        .brokerList .content ul li .desc .tag span {
                            font-size: 12px;
                            display: inline-block;
                            line-height: 17px;
                            border: 1px solid #d8d7d8;
                            padding: 0 3px;
                            margin-bottom: 6px;
                            margin-right: 6px
                        }

                .brokerList .content ul li .describes {
                    height: 30px;
                    color: #999;
                    line-height: 30px;
                    font-size: 12px;
                    background: #f0f0f0;
                    margin-top: 16px;
                    padding-left: 10px
                }

.push {
    width: 1000px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(13,3,9,.2);
    border-radius: 2px;
    margin: 15px auto 0;
    line-height: 1
}

    .push .content {
        width: 928px;
        margin: 0 auto;
        padding-bottom: 37px;
        padding-top: 33px
    }

        .push .content .header .title {
            font-size: 22px
        }

        .push .content .header .btn {
            float: right
        }

            .push .content .header .btn span {
                width: 32px;
                cursor: pointer;
                text-align: center;
                line-height: 34px;
                background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
                background-repeat: no-repeat;
                display: inline-block;
                width: 33px;
                height: 34px;
                background-position: -22px -5px
            }

                .push .content .header .btn span i {
                    vertical-align: -1px
                }

                .push .content .header .btn span.pre {
                    position: relative;
                    margin-right: 7px
                }

                    .push .content .header .btn span.pre i {
                        position: absolute;
                        top: 11px;
                        left: 13px;
                        background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
                        background-repeat: no-repeat;
                        display: inline-block;
                        width: 6px;
                        height: 13px;
                        background-position: -40px -52px
                    }

                .push .content .header .btn span.next {
                    position: relative
                }

                    .push .content .header .btn span.next i {
                        position: absolute;
                        top: 11px;
                        left: 13px;
                        background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
                        background-repeat: no-repeat;
                        display: inline-block;
                        width: 8px;
                        height: 13px;
                        background-position: -168px -137px
                    }

                .push .content .header .btn span.disable i {
                    opacity: .5;
                    filter: alpha(opacity=50)
                }

        .push .content ul {
            margin-top: 34px;
            text-align: justify;
            height: 287px
        }

            .push .content ul li {
                display: inline-block;
                width: 251px;
                height: 291px;
                vertical-align: top
            }

                .push .content ul li.bar {
                    width: 0;
                    border-right: 1px solid #f1f1f1
                }

                .push .content ul li.justify_fix {
                    height: 0
                }

                .push .content ul li .pic {
                    position: relative
                }

                    .push .content ul li .pic img {
                        width: 100%;
                        height: 192px
                    }

                    .push .content ul li .pic span {
                        position: absolute;
                        right: 9px;
                        bottom: 9px;
                        background-color: #1e1908;
                        font-size: 16px;
                        color: #fff;
                        line-height: 31px;
                        padding: 0 9px;
                        border-radius: 2px
                    }

                .push .content ul li .title {
                    margin-top: 17px
                }

                    .push .content ul li .title .name {
                        font-size: 16px
                    }

                        .push .content ul li .title .name a {
                            color: #333
                        }

                    .push .content ul li .title .info {
                        float: right;
                        font-size: 12px;
                        color: #999
                    }

                .push .content ul li .desc {
                    margin-top: 12px;
                    font-size: 12px;
                    position: relative;
                    color: #999;
                    text-align: center;
                    background-color: #f9f9f9
                }

                    .push .content ul li .desc .front {
                        top: 16px;
                        left: 14px;
                        width: 10px;
                        height: 9px;
                        background-position: -65px -5px
                    }

                    .push .content ul li .desc .back, .push .content ul li .desc .front {
                        position: absolute;
                        background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
                        background-repeat: no-repeat;
                        display: inline-block
                    }

                    .push .content ul li .desc .back {
                        top: 12px;
                        right: 12px;
                        width: 30px;
                        height: 27px;
                        background-position: -85px -5px;
                        opacity: .7;
                        filter: alpha(opacity=70)
                    }

                    .push .content ul li .desc .info {
                        display: inline-block;
                        width: 195px;
                        line-height: 45px;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        position: relative
                    }

.bigImg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000
}

    .bigImg .mask {
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: .7;
        filter: alpha(opacity=70)
    }

    .bigImg .list {
        position: absolute;
        top: 10%;
        bottom: 19%;
        left: 0;
        right: 0;
        text-align: center
    }

        .bigImg .list img {
            height: 100%;
            max-width: 100%
        }

        .bigImg .list .pre {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 50%;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

            .bigImg .list .pre span {
                background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
                background-repeat: no-repeat;
                display: inline-block;
                width: 46px;
                height: 88px;
                background-position: -56px -89px;
                color: #fff;
                position: absolute;
                top: 50%;
                left: 30px;
                margin-top: -37px
            }

            .bigImg .list .pre.disable span {
                opacity: .5;
                filter: alpha(opacity=50)
            }

        .bigImg .list .next {
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            width: 50%;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

            .bigImg .list .next span {
                background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
                background-repeat: no-repeat;
                display: inline-block;
                width: 46px;
                height: 88px;
                background-position: -112px -94px;
                color: #fff;
                position: absolute;
                top: 50%;
                right: 30px;
                margin-top: -37px
            }

            .bigImg .list .next.disable span {
                opacity: .5;
                filter: alpha(opacity=50)
            }

    .bigImg .close {
        position: absolute;
        right: 40px;
        top: 40px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
        background-image: url(../../pages/detail/img/spritesheet.png?971b594e420689767344);
        background-repeat: no-repeat;
        display: inline-block;
        width: 33px;
        height: 33px;
        background-position: -168px -94px
    }

    .bigImg .slide {
        position: absolute;
        left: 50%;
        bottom: 0;
        margin-left: -500px;
        width: 1000px
    }

        .bigImg .slide .desc {
            font-size: 16px;
            color: #fff;
            margin-bottom: 15px
        }

        .bigImg .slide ul {
            margin-bottom: 25px;
            overflow: hidden;
            white-space: nowrap;
        }

            .bigImg .slide ul li {
                display: inline-block;
                width: 89px;
                height: 67px;
                margin-left: 10px;
                background-color: #fff;
                cursor: pointer
            }

                .bigImg .slide ul li:first-child {
                    margin-left: 0
                }

                .bigImg .slide ul li img {
                    width: 100%;
                    height: 100%;
                    opacity: .5;
                    filter: alpha(opacity=50)
                }

                    .bigImg .slide ul li.selected img, .bigImg .slide ul li img:hover {
                        opacity: 1;
                        filter: alpha(opacity=100)
                    }

.agent-tips {
    float: right;
    font-size: 14px;
    position: relative;
    top: -26px
}

    .agent-tips .fl {
        color: #333;
        text-align: right
    }

        .agent-tips .fl span {
            color: #999;
            background: #f1f1f1;
            font-size: 12px;
            padding: 0 6px;
            margin-left: 10px;
            display: inline-block;
            line-height: 20px;
            font-weight: 400
        }

        .agent-tips .fl p {
            color: #e4393c;
            padding-top: 7px;
            padding-right: 4px
        }



    .agent-tips .fr img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        margin-left: 10px
    }

.taxagent {
    border-top: 1px solid #e4e4e4;
    margin-left: 538px;
    float: left;
    top: -74px;
    font-size: 14px;
    position: relative;
    width: 421px;
    padding-top: 20px
}

    .taxagent img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        margin-right: 10px
    }

    .taxagent .fl {
        color: #333
    }

        .taxagent .fl span {
            color: #999;
            background: #f1f1f1;
            font-size: 12px;
            padding: 0 6px;
            margin-left: 10px;
            line-height: 20px;
            display: inline-block
        }

        .taxagent .fl p {
            color: #aaa;
            padding-top: 6px;
            font-size: 12px
        }



        .taxagent .fl a {
            color: #333
        }

    .taxagent .fr {
        font-weight: 700;
        color: #e4393c;
        padding-top: 24px
    }

.mod-wrap .mod-district {
    padding: 0;
    height: 250px;
    position: relative
}

    .mod-wrap .mod-district .distrct-btn {
        font-size: 14px;
        position: absolute;
        padding-left: 30px;
        padding-right: 30px;
        height: 37px;
        left: 75px;
        bottom: 64px;
        text-align: center;
        line-height: 2.7;
        color: #fff;
        border: 1px solid #fff;
        border-radius: 2px;
        text-decoration: none;
        cursor: pointer
    }

.mod-wrap .mod-house-table {
    background-color: #fff;
    margin-bottom: 15px;
    padding: 30px;
    -o-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    box-shadow: 0 1px 3px rgba(0,0,0,.2)
}

    .mod-wrap .mod-house-table .title {
        color: #0079fe
    }

    .mod-wrap .mod-house-table .house-desc {
        display: inline-block;
        height: 20px;
        font-size: 16px;
        line-height: 20px;
        color: #333;
        vertical-align: middle
    }

    .mod-wrap .mod-house-table .house-status {
        padding-bottom: 22px;
    }

        .mod-wrap .mod-house-table .house-status .status {
            display: inline-block;
            height: 20px;
            padding-right: 20px;
            font-size: 14px;
            line-height: 20px;
            color: #394043;
            vertical-align: bottom
        }

            .mod-wrap .mod-house-table .house-status .status:before {
                content: "";
                display: inline-block;
                width: 20px;
                height: 20px;
                margin-right: 10px;
                border-radius: 4px;
                vertical-align: bottom
            }

        .mod-wrap .mod-house-table .house-status .status-booked:before {
            background-color: #ccefe0
        }

        .mod-wrap .mod-house-table .house-status .status-available:before {
            background-color: #0079fe
        }

        .mod-wrap .mod-house-table .house-status .status-sold:before {
            background-color: #e8e8e8
        }

        .mod-wrap .mod-house-table .house-status .status-current {
            display: none
        }

    .mod-wrap .mod-house-table .building-tabs {
        min-height: 40px;
        position: relative;
    }

        .mod-wrap .mod-house-table .building-tabs .tab-wrapper {
            display: inline-block;
            width: 860px;
            padding-left: 80px
        }

        .mod-wrap .mod-house-table .building-tabs .tab-item {
            display: inline-block;
            width: 56px;
            height: 28px;
            margin-bottom: 10px;
            font-size: 12px;
            line-height: 28px;
            color: #666;
            text-align: center;
            border-top: 1px solid #d9d9d9;
            border-right: 1px solid #d9d9d9;
            border-bottom: 1px solid #d9d9d9;
            cursor: pointer
        }

        .mod-wrap .mod-house-table .building-tabs .first {
            border-left: 1px solid #d9d9d9;
            border-radius: 4px 0 0 4px
        }

        .mod-wrap .mod-house-table .building-tabs .last {
            border-radius: 0 4px 4px 0
        }

        .mod-wrap .mod-house-table .building-tabs .tab-item.active {
            border-color: #0079fe;
            color: #0079fe
        }

        .mod-wrap .mod-house-table .building-tabs .tab-item.coworker {
            border-right-color: #0079fe
        }

        .mod-wrap .mod-house-table .building-tabs .positioned {
            position: absolute;
            top: 5px;
            left: 0
        }

    .mod-wrap .mod-house-table .hidden {
        display: none
    }

.table-wrapper {
    height: 519px;
    padding-bottom: 60px;
    white-space: nowrap;
    overflow: auto
}

    .table-wrapper .jump-link {
        display: block;
        text-decoration: none
    }

    .table-wrapper .col {
        display: inline-block;
        background-color: #f9f9f9;
        margin-right: 10px
    }

        .table-wrapper .col:first-child {
            margin-right: 5px
        }

    .table-wrapper .col-1x {
        width: 50px;
        vertical-align: top
    }

    .table-wrapper .col-2x {
        width: 274px;
        vertical-align: top
    }

    .table-wrapper .index {
        height: 14px;
        padding-top: 12px;
        padding-bottom: 21px;
        font-size: 14px;
        line-height: 14px;
        color: #333;
        text-align: center
    }

    .table-wrapper .floor {
        height: 67px;
        padding-bottom: 10px;
        font-size: 12px;
        line-height: 67px;
        text-align: center;
        color: #666
    }

    .table-wrapper .row {
        padding: 0 12px 10px;
    }

    .table-wrapper .house-item {
        display: inline-block;
        position: relative;
        width: 120px;
        margin-right: 10px;
        background: #fff;
        -o-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
        -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
        border-radius: 2px;
        overflow: visible;
        cursor: default
    }

        .table-wrapper .house-item .id {
            height: 34px;
            padding-left: 17px;
            border-radius: 2px;
            font-size: 14px;
            line-height: 34px
        }

        .table-wrapper .house-item .id-current {
            color: #fff;
            background-color: #f5a623
        }

        .table-wrapper .house-item .booked {
            color: #394043;
            background-color: #ccefe0
        }

        .table-wrapper .house-item .available {
            color: #fff;
            background-color: #0079fe
        }

        .table-wrapper .house-item .sold {
            color: #9c9fa1;
            background-color: #e8e8e8
        }

        .table-wrapper .house-item .room-desc {
            height: 33px;
            padding-left: 17px;
            font-size: 12px;
            line-height: 33px;
            color: #999
        }

        .table-wrapper .house-item .tip-layer {
            display: none;
            width: 210px;
            padding: 21px;
            position: absolute;
            top: -60px;
            left: 110px;
            -o-box-shadow: 0 1px 4px 0 rgba(0,0,0,.13);
            -ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,.13);
            box-shadow: 0 1px 4px 0 rgba(0,0,0,.13);
            border-radius: 2px;
            background-color: #fff;
            z-index: 100000
        }

            .table-wrapper .house-item .tip-layer .tip-title {
                margin: 0;
                padding-bottom: 16px;
                font-size: 14px;
                line-height: 1;
                color: #454647
            }

            .table-wrapper .house-item .tip-layer .tip-item {
                padding-bottom: 12px;
                line-height: 1
            }

                .table-wrapper .house-item .tip-layer .tip-item .key {
                    display: inline-block;
                    font-size: 12px;
                    color: #aaa
                }

                .table-wrapper .house-item .tip-layer .tip-item .value {
                    display: inline-block;
                    font-size: 12px;
                    color: #000
                }

            .table-wrapper .house-item .tip-layer .statement {
                font-size: 12px;
                color: #394043
            }

            .table-wrapper .house-item .tip-layer .icon-triangle {
                display: inline-block;
                width: 0;
                height: 0;
                position: absolute;
                left: -10px;
                bottom: 61.8%;
                border-color: transparent #fff transparent transparent;
                border-style: solid solid solid none;
                border-width: 5px 10px 5px 0
            }

        .table-wrapper .house-item:last-child {
            margin-right: 0
        }

    .table-wrapper .place-holder {
        display: inline-block;
        width: 120px;
        height: 67px;
        margin-right: 10px;
        background-color: #f9f9f9
    }

        .table-wrapper .place-holder:last-child {
            margin-right: 0
        }

#remind-modal-more-des {
    margin-top: 6px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #9c9fa1;
    letter-spacing: -.2px;
    margin-bottom: 10px
}

#remind-modal-title {
    color: #394043;
    font-size: 24px;
    font-weight: 700;
    font-family: PingFangSC-Medium;
    letter-spacing: -.41px
}

.TiXing-modal-img {
    margin-top: 20px;
    height: 104px;
    width: 350px;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.TiXing-modal-des {
    padding: 17px 0 0;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #fa3534;
    letter-spacing: -.27px
}

.reminding-box {
    position: relative;
    z-index: 1008
}

    .reminding-box .border_c {
        border: 1px solid #e4e6f0;
        margin-top: -1px
    }

    .reminding-box .border_t {
        border: 1px solid #e4e6f0;
        border-radius: 2px 2px 0 0
    }

    .reminding-box .border_b {
        border-radius: 0 0 2px 2px;
        border: 1px solid #e4e6f0;
        border-top: none
    }

    .reminding-box .border_red {
        border: 1px solid #db4c3f;
        margin-top: -1px;
        z-index: 2
    }

    .reminding-box .active {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAMAAAB2Mu6sAAAAYFBMVEVMaXE6h/YA//87h/U7hvVVqv87hvY6h/Q7h/Q6h/Q6h/U6h/U7hvY7hvQ6h/U6h/U6h/Q5iPU7h/M6h/Q6h/Q4hfI6hvU6h/U6h/U6h/U7h/U/f/87h/U6h/Q8hfM7h/VEXyMmAAAAH3RSTlMAOAGC8QM99flHcZtT/ojtfTJCd44U0U6joGkMvpMuWVrMyQAAAHJJREFUeNp10dcOgDAIBVC1atXWvSf//5cKiVoD8nR7SDqoJ5WdItHHBGapkyYAYH48X7jrx1fXG3TIMPZD8XrsOoC63Q/RW8obRuV6xRY1RfXdtr28xMAPPMg7dsVck/PHUu2BJ3ZMIA2UnJcVRi1/zglAzA109GHv+gAAAABJRU5ErkJggg);
        background-size: 12px 10px;
        background-position: 50%;
        background-repeat: no-repeat
    }

    .reminding-box .remind_overlay_bg {
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: .6;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1003
    }

    .reminding-box .panel_reminding {
        width: 398px;
        height: auto;
        background-color: #fff;
        position: fixed;
        left: 50%;
        top: 50%;
        margin-left: -222.5px;
        margin-top: -262.5px;
        padding-left: 47px;
        z-index: 10000;
        border-radius: 2px;
        box-shadow: 1px 3px 14px rgba(0,0,0,.3);
        -moz-box-shadow: 1px 3px 14px rgba(0,0,0,.3);
        -webkit-box-shadow: 1px 3px 14px rgba(0,0,0,.3);
        -o-box-shadow: 1px 3px 14px rgba(0,0,0,.3)
    }

        .reminding-box .panel_reminding .panel_info {
            padding-top: 44px;
            width: 350px;
            padding-bottom: 30px;
        }

            .reminding-box .panel_reminding .panel_info .close_reminding {
                cursor: pointer;
                padding: 4px;
                position: absolute;
                right: 15px;
                top: 15px
            }

        .reminding-box .panel_reminding .panel_tab .title {
            margin-bottom: 16px;
            min-height: 20px;
            padding-left: 0
        }

        .reminding-box .panel_reminding .panel_tab .form-item.show_error {
            display: none;
            height: 14px;
            line-height: 14px;
            padding: 24px 0 0
        }

            .reminding-box .panel_reminding .panel_tab .form-item.show_error dd {
                color: #db4c3f;
                display: block;
                top: 0
            }

        .reminding-box .panel_reminding .panel_tab .bordered-items {
            border: 1px solid #e4e6f0;
            border-radius: 2px;
            overflow: hidden
        }

    .reminding-box .read_protocol .checkbox_btn {
        display: flex;
        align-items: center
    }

    .reminding-box .panel_reminding .panel_tab .form-item {
        color: #9c9fa1;
        clear: both;
        position: relative
    }

        .reminding-box .panel_reminding .panel_tab .form-item input {
            border: 0
        }

        .reminding-box .panel_reminding .panel_tab .form-item .the_input {
            color: #333;
            font-size: 18px;
            height: 60px;
            line-height: 60px;
            outline: none;
            padding-left: 16px;
            width: 330px;
            box-sizing: border-box
        }

        .reminding-box .panel_reminding .panel_tab .form-item .reminding_checkbox {
            float: none;
            width: 100%;
            height: 100%;
            left: 0;
            opacity: 0;
            position: absolute;
            top: 0;
            cursor: pointer
        }

        .reminding-box .panel_reminding .panel_tab .form-item .send_verify_code {
            line-height: 60px
        }

            .reminding-box .panel_reminding .panel_tab .form-item .send_verify_code em {
                border-left: 1px solid #e4e6f0;
                padding: 0 16px;
                color: #394043
            }

        .reminding-box .panel_reminding .panel_tab .form-item.send_verify_code_s {
            margin-left: 7px;
            color: #db4c3f;
            height: 30px;
            line-height: 30px
        }

        .reminding-box .panel_reminding .panel_tab .form-item.username {
            padding: 0;
            background: #fff;
            border-bottom: none
        }

            .reminding-box .panel_reminding .panel_tab .form-item.username i {
                background: -113px 0
            }

        .reminding-box .panel_reminding .panel_tab .form-item i {
            width: 14px;
            height: 19px;
            display: inline-block;
            float: left;
            margin-top: 6px;
            position: absolute;
            left: 15px;
            margin-right: 20px
        }

        .reminding-box .panel_reminding .panel_tab .form-item.checkVerimg {
            padding: 0
        }

            .reminding-box .panel_reminding .panel_tab .form-item.checkVerimg i {
                margin: 0;
                top: 10px;
                background-position: -136px -25px
            }

            .reminding-box .panel_reminding .panel_tab .form-item.checkVerimg .ver-img {
                width: 151px;
                line-height: 60px;
                height: 60px;
                float: left;
                padding-left: 16px
            }

            .reminding-box .panel_reminding .panel_tab .form-item.checkVerimg .verImg {
                float: right;
                width: 125px;
                height: 45px;
                margin-top: 7.5px
            }

        .reminding-box .panel_reminding .panel_tab .form-item.username input {
            width: 300px
        }

        .reminding-box .panel_reminding .panel_tab .form-item.username .close-btn {
            position: absolute;
            right: 10px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 20px;
            height: 20px;
            border: none;
            background-image: url(../../pages/detail/img/close.png?7e92419cd470e6e7e530);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            cursor: pointer
        }

        .reminding-box .panel_reminding .panel_tab .form-item .verifycode {
            width: 200px
        }

        .reminding-box .panel_reminding .panel_tab .form-item.reminding_type {
            display: none;
            border-bottom: 1px solid #e4e6f0;
            background-color: rgba(244,248,254,.6)
        }

            .reminding-box .panel_reminding .panel_tab .form-item.reminding_type label span {
                float: left;
                border: 1px solid #e4e6f0;
                border-radius: 2px;
                display: inline-block;
                height: 16px;
                margin-right: 6px;
                position: relative;
                width: 16px
            }

            .reminding-box .panel_reminding .panel_tab .form-item.reminding_type .checkbox_btn {
                display: inline-block;
                width: 33.3%;
                height: 60px;
                line-height: 60px;
                text-align: center;
                font-size: 18px;
                color: #0079fe;
                background-color: rgba(244,248,254,.6);
                cursor: pointer
            }

                .reminding-box .panel_reminding .panel_tab .form-item.reminding_type .checkbox_btn span {
                    left: 10px;
                    top: 21px
                }

        .reminding-box .panel_reminding .panel_tab .form-item.read_protocol {
            height: 18px;
            line-height: 18px;
            padding: 23px 0;
            font-size: 16px;
            color: #9c9fa1
        }

            .reminding-box .panel_reminding .panel_tab .form-item.read_protocol label span {
                border: 1px solid #e4e6f0;
                border-radius: 2px;
                display: inline-block;
                height: 16px;
                margin-right: 8px;
                position: relative;
                width: 16px
            }

            .reminding-box .panel_reminding .panel_tab .form-item.read_protocol a {
                float: none;
                color: #0079fe
            }

        .reminding-box .panel_reminding .panel_tab .form-item input {
            margin: 0;
            padding: 0
        }

        .reminding-box .panel_reminding .panel_tab .form-item.reminding_btn {
            padding: 0;
            overflow: hidden;
            margin-top: 15px;
        }

            .reminding-box .panel_reminding .panel_tab .form-item.reminding_btn .reminding_user_tel_btn {
                width: 350px;
                height: 60px;
                line-height: 60px;
                font-size: 18px;
                font-weight: 700;
                border: 0;
                cursor: pointer;
                background: #0079fe;
                color: #fff;
                text-align: center;
                border-radius: 2px
            }

                .reminding-box .panel_reminding .panel_tab .form-item.reminding_btn .reminding_user_tel_btn:hover {
                    background: #0079fe;
                    text-decoration: none
                }

        .reminding-box .panel_reminding .panel_tab .form-item input.topSpecial {
            border-radius: 3px 3px 0 0
        }

    .reminding-box .panel_reminding .panel-tab .form-item input.the_input:focus {
        outline: none;
        border-color: #e4e6f0;
        transition: all .3s ease-in-out
    }

    .reminding-box .panel_reminding .panel-tab .form-item .the_input {
        width: 282px;
        height: 60px;
        line-height: 60px;
        color: #333;
        font-size: 18px;
        padding: 16px;
        outline: none
    }

    .reminding-box .panel_reminding .panel_tab .form-item .the_input::-webkit-input-placeholder {
        color: #bbb
    }

    .reminding-box .panel_reminding .panel_tab .form-item .the_input:-moz-placeholder, .reminding-box .panel_reminding .panel_tab .form-item .the_input::-moz-placeholder {
        color: #bbb
    }

    .reminding-box .panel_reminding .panel_tab .form-item .the_input:-ms-input-placeholder {
        color: #bbb
    }

    .reminding-box .panel_reminding .panel_tab .form-item img {
        float: right;
        width: 85px;
        height: 41px
    }

    .reminding-box .panel_reminding .panel_tab .form-item a {
        color: #333;
        float: right
    }

        .reminding-box .panel_reminding .panel_tab .form-item a.voice_a {
            float: none;
            text-decoration: underline;
            color: #333;
            cursor: pointer
        }

    .reminding-box .panel_reminding .panel_tab .form-item .disabled {
        color: #bbb;
        cursor: default
    }

        .reminding-box .panel_reminding .panel_tab .form-item .disabled.hover {
            text-decoration: none
        }

    .reminding-box .panel_reminding .fr {
        position: relative
    }

    .reminding-box .panel_reminding .panel_tab .success_icon {
        width: 100px;
        height: 100px;
        display: inline-block;
        margin-top: 81px;
        background: url(../../pages/detail/img/remind_success@3x.png?318e912d348b3eb5de58);
        background: -webkit-image-set(url(../../pages/detail/img/remind_success@2x.png?7b0e0a9edff6fc8be0c4) 2x,url(../../pages/detail/img/remind_success@3x.png?318e912d348b3eb5de58) 3x);
        background-repeat: no-repeat;
        background-size: 100% 100%
    }

    .reminding-box #dialog_cancel .panel_tab, .reminding-box #dialog_success .panel_tab {
        text-align: center
    }

    .reminding-box #dialog_cancel {
        min-height: 400px
    }

    .reminding-box .panel_reminding .panel_tab .cancel_content .cancel_title, .reminding-box .panel_reminding .panel_tab .success_content .success_title {
        color: #394043;
        font-size: 24px;
        height: 33px;
        line-height: 33px;
        margin-top: 36px
    }

    .reminding-box .panel_reminding .panel_tab .cancel_content .cancel_title {
        margin-top: 76px
    }

    .reminding-box .panel_reminding .panel_tab .cancel_content span, .reminding-box .panel_reminding .panel_tab .success_content span {
        display: block;
        width: auto;
        height: auto;
        line-height: 1;
        float: none;
        margin-top: 7px;
        border: none;
        font-size: 16px;
        color: #9c9fa1;
        cursor: default
    }

    .reminding-box .reminding_success_btn {
        width: 350px;
        height: 60px;
        line-height: 60px;
        display: block;
        margin-top: 73px;
        margin-bottom: 105px;
        background-color: #0079fe;
        color: #fff;
        border-radius: 2px
    }

        .reminding-box .reminding_success_btn:hover {
            background: #0079fe;
            text-decoration: none
        }

    .reminding-box .cancel_btn_box {
        margin-top: 53px;
        margin-bottom: 105px;
        overflow: hidden
    }

    .reminding-box .reminding_cancel_btn, .reminding-box .reminding_continue_btn {
        display: inline-block;
        width: 165px;
        height: 60px;
        line-height: 60px;
        color: #fff;
        font-size: 18px;
        border-radius: 2px
    }

        .reminding-box .reminding_cancel_btn:hover, .reminding-box .reminding_continue_btn:hover {
            text-decoration: none
        }

    .reminding-box .reminding_continue_btn {
        float: left;
        background-color: #0079fe
    }

        .reminding-box .reminding_continue_btn:hover {
            background-color: #0079fe
        }

    .reminding-box .reminding_cancel_btn {
        float: right;
        background-color: #656466
    }

        .reminding-box .reminding_cancel_btn:hover {
            background-color: #656466
        }

#agent {
    position: relative
}

    #agent h2 {
        display: inline-block;
        margin-right: 20px;
        padding-bottom: 23px;
        margin-top: -12px
    }

    #agent .agent-title span {
        display: inline-block;
        font-family: PingFangSC-Medium;
        font-size: 14px;
        color: #999
    }

    #agent .agent-title .a-tag {
        padding-right: 20px;
        vertical-align: 3px
    }

        #agent .agent-title .a-tag span {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            margin-right: 8px;
            background: #d8d8d8;
            vertical-align: 3px
        }

    #agent .agent-line {
        width: 1000px;
        height: 1px;
        background-color: #e4e4e4;
        position: absolute;
        left: 0
    }

    #agent .agent-wrap {
        margin-top: 26px
    }

    #agent .agent-card-part {
        display: inline-block;
        height: 140px;
        padding: 20px;
        border: 1px solid #eee;
        border-radius: 1px;
        box-sizing: border-box
    }

        #agent .agent-card-part:not(:last-child) {
            margin-right: 25px
        }

        #agent .agent-card-part .agent-card-box {
            margin-left: 3px
        }

        #agent .agent-card-part .agent-card {
            margin-top: 0;
            vertical-align: bottom
        }

        #agent .agent-card-part a {
            display: inline-block;
            width: 88px;
            height: 28px;
            text-align: center;
            background-color: #f4f8fe;
            border: 1px solid #0079fe;
            border-radius: 2px;
            line-height: 28px;
            text-decoration: none;
            font-size: 12px;
            color: #0079fe;
            cursor: pointer
        }

            #agent .agent-card-part a:hover {
                background-color: #fff
            }

            #agent .agent-card-part a i {
                display: inline-block;
                width: 16px;
                height: 16px;
                background: url(../../pages/detail/img/Imtalk.png?a9ed98dadfa413f4c96b) no-repeat 50%/12px;
                margin-right: 4px;
                vertical-align: -3px
            }

        #agent .agent-card-part .a-photo {
            display: inline-block;
            width: 72px;
            height: 95px;
            margin-right: 20px;
            vertical-align: top
        }

            #agent .agent-card-part .a-photo img {
                display: inline-block;
                width: 100%;
                height: 100%
            }

        #agent .agent-card-part .a-info {
            display: inline-block;
            font-family: PingFangSC-Regular
        }

            #agent .agent-card-part .a-info p {
                margin-bottom: 8px
            }

            #agent .agent-card-part .a-info .name {
                margin-right: 3px;
                font-family: HiraginoSansGB-W6;
                font-size: 16px;
                color: #333
            }

            #agent .agent-card-part .a-info .company {
                display: inline-block;
                width: 34px;
                height: 18px;
                line-height: 18px;
                background: #f3f5f7;
                border-radius: 1px;
                font-size: 11px;
                color: #839aae;
                text-align: center;
                vertical-align: 2px
            }

            #agent .agent-card-part .a-info .perform {
                font-size: 12px;
                color: #333
            }

                #agent .agent-card-part .a-info .perform span {
                    display: inline-block;
                    width: 1px;
                    height: 10px;
                    background: #eee;
                    margin: 0 5px
                }

            #agent .agent-card-part .a-info .tel {
                font-family: PingFangSC-Semibold;
                font-size: 12px;
                color: #fa5741
            }

            #agent .agent-card-part .a-info .ask {
                width: 88px;
                height: 28px;
                line-height: 28px;
                background: #f4f8fe;
                border: 1px solid #3a75ee;
                border-radius: 2px;
                font-size: 12px;
                color: #3a75ee
            }

.related-topic #related-topic.mod-panel {
    margin-top: 45px;
    margin-bottom: 45px;
    padding: 0;
    box-shadow: none
}

.related-topic .lazyload {
    opacity: 1
}

.topic-list-wrap .topic-list-container-large {
    overflow: hidden
}

    .topic-list-wrap .topic-list-container-large .topic-item-large {
        width: 216px;
        float: left;
        margin-right: 17px
    }

        .topic-list-wrap .topic-list-container-large .topic-item-large .topic-link {
            display: block;
            text-decoration: none
        }

            .topic-list-wrap .topic-list-container-large .topic-item-large .topic-link .img-wrapper {
                margin-bottom: 12px
            }

                .topic-list-wrap .topic-list-container-large .topic-item-large .topic-link .img-wrapper img {
                    width: 222px;
                    height: 163px
                }

            .topic-list-wrap .topic-list-container-large .topic-item-large .topic-link .topic-info .topic-title {
                font-size: 14px;
                font-weight: 700;
                color: #333;
                letter-spacing: -.2px;
                margin-bottom: 6px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis
            }

            .topic-list-wrap .topic-list-container-large .topic-item-large .topic-link .topic-info .topic-summary {
                display: block;
                font-size: 12px;
                color: grey;
                letter-spacing: -.17px;
                margin-bottom: 12px;
                width: 100%;
                height: 18px;
                line-height: 18px;
                text-overflow: ellipsis;
                white-space: nowrap;
                display: -webkit-box;
                overflow: hidden
            }

            .topic-list-wrap .topic-list-container-large .topic-item-large .topic-link .topic-info .author-info {
                overflow: hidden
            }

                .topic-list-wrap .topic-list-container-large .topic-item-large .topic-link .topic-info .author-info .topic-author {
                    margin-right: 6px;
                    font-size: 12px;
                    color: #b0b3b4;
                    letter-spacing: -.17px
                }

                .topic-list-wrap .topic-list-container-large .topic-item-large .topic-link .topic-info .author-info .topic-date {
                    font-size: 12px;
                    color: #b0b3b4;
                    letter-spacing: -.17px;
                    text-align: right
                }

.topic-list-wrap .topic-list-container-small .topic-item-small {
    margin-right: 10px;
    width: 222px;
    height: 230px;
    display: inline-block
}

    .topic-list-wrap .topic-list-container-small .topic-item-small:last-child {
        margin-right: 0
    }

    .topic-list-wrap .topic-list-container-small .topic-item-small .topic-link {
        display: block;
        text-decoration: none;
        overflow: hidden
    }

        .topic-list-wrap .topic-list-container-small .topic-item-small .topic-link .img-wrapper {
            margin-right: 24px;
            width: 222px
        }

            .topic-list-wrap .topic-list-container-small .topic-item-small .topic-link .img-wrapper img {
                width: 222px;
                height: 166px
            }

        .topic-list-wrap .topic-list-container-small .topic-item-small .topic-link .topic-info {
            position: relative;
            margin-top: 13px;
            width: 222px
        }

            .topic-list-wrap .topic-list-container-small .topic-item-small .topic-link .topic-info .topic-title {
                font-weight: 700;
                font-size: 14px;
                color: #394043;
                letter-spacing: -.29px;
                margin-bottom: 2px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis
            }

            .topic-list-wrap .topic-list-container-small .topic-item-small .topic-link .topic-info .topic-summary {
                width: 100%;
                height: 18px;
                line-height: 18px;
                display: inline-block;
                letter-spacing: -.2px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                font-size: 14px;
                color: grey
            }

            .topic-list-wrap .topic-list-container-small .topic-item-small .topic-link .topic-info .author-info {
                width: 100%
            }

                .topic-list-wrap .topic-list-container-small .topic-item-small .topic-link .topic-info .author-info .topic-author {
                    font-size: 12px;
                    color: #b0b3b4;
                    letter-spacing: -.17px;
                    margin-right: 8px
                }

                .topic-list-wrap .topic-list-container-small .topic-item-small .topic-link .topic-info .author-info .topic-date {
                    font-size: 12px;
                    color: #b0b3b4;
                    letter-spacing: -.17px;
                    text-align: right
                }

.main-title {
    overflow: hidden
}

    .main-title .title {
        font-size: 24px;
        font-weight: 600;
        color: #394043;
        float: left
    }

    .main-title .more-topic {
        float: right;
        height: 20px;
        line-height: 20px;
        font-size: 14px;
        color: grey;
        letter-spacing: -.15px;
        text-decoration: none
    }

        .main-title .more-topic .arrow {
            display: inline-block;
            vertical-align: top;
            margin-top: -2px;
            margin-left: 5px
        }

.mod-wrap .mod-ask {
    margin-top: 45px;
    padding-bottom: 0
}

.star {
    display: inline-block;
    vertical-align: middle;
    width: 85px;
    background-position: 0 0
}

    .star, .star .star_info {
        height: 13px;
        background-image: url(../../common/img/comment/comment_sprite.png?f8390b0c2916b3ec7b22);
        background-image: -webkit-image-set(url(../../common/img/comment/comment_sprite.png?f8390b0c2916b3ec7b22) 1x,url(../../common/img/comment/comment_sprite@2x.png?8566d34722aa86d61aca) 2x)
    }

        .star .star_info {
            width: 0;
            background-position: 0 -16px
        }

.layer-star {
    width: 107.5px;
    background-position: 0 0
}

    .layer-star, .layer-star .star_info {
        height: 17px;
        background-image: url(../../common/img/comment/comment_stars.png?105fea065fca399d3947);
        background-image: -webkit-image-set(url(../../common/img/comment/comment_stars.png?105fea065fca399d3947) 1x,url(../../common/img/comment/comment_stars@2x.png?9dddddd441845785ed7a) 2x)
    }

        .layer-star .star_info {
            width: 0;
            background-position: 0 -22px
        }

.mod-ask {
    width: 712px
}

    .mod-ask.mod-panel {
        box-shadow: none;
        -webkit-box-shadow: none;
        padding: 0
    }

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

    .mod-ask .title-container {
        overflow: hidden
    }

        .mod-ask .title-container h2 {
            float: left;
            margin-top: 0;
            display: block
        }

        .mod-ask .title-container .title-link {
            font-size: 24px;
            font-weight: 600;
            color: #394043
        }

        .mod-ask .title-container .comment-more {
            float: right;
            display: block;
            font-size: 12px;
            color: #999;
            line-height: 30px
        }

    .mod-ask .top_box {
        margin-top: -4px;
        padding-bottom: 25px
    }

        .mod-ask .top_box .totalscore_box {
            font-size: 14px;
            float: left
        }

            .mod-ask .top_box .totalscore_box .totalscore {
                color: #333;
                font-weight: 700;
                margin-bottom: 4px
            }

                .mod-ask .top_box .totalscore_box .totalscore .score {
                    color: #ff7326
                }

                .mod-ask .top_box .totalscore_box .totalscore .ratio {
                    color: #999;
                    font-weight: 400;
                    padding-left: 20px
                }

            .mod-ask .top_box .totalscore_box .itemscore {
                font-size: 14px;
                color: #666
            }

                .mod-ask .top_box .totalscore_box .itemscore .item {
                    float: left;
                    margin-right: 18px
                }

                    .mod-ask .top_box .totalscore_box .itemscore .item span {
                        vertical-align: middle;
                        position: relative;
                        top: 1px
                    }

                    .mod-ask .top_box .totalscore_box .itemscore .item .star {
                        margin-left: -5px
                    }

                    .mod-ask .top_box .totalscore_box .itemscore .item i {
                        vertical-align: middle;
                        position: relative;
                        top: 1px;
                        color: #ff7326
                    }

    .mod-ask .go-ask {
        height: 50px;
        width: 100%;
        margin-top: 3px;
        color: #9c9fa1;
        font-size: 16px;
        display: inline-block;
        line-height: 50px;
        text-align: center;
        border-radius: 4px;
        border: 1px solid #ced2d6;
        box-sizing: border-box;
        background: #fff;
        cursor: pointer
    }

        .mod-ask .go-ask:hover {
            background: rgba(206,210,214,.05)
        }

        .mod-ask .go-ask a {
            display: block;
            color: #9c9fa1
        }

    .mod-ask .list_box .tab li {
        float: left;
        margin-right: 10px;
        padding: 0 10px;
        height: 30px;
        line-height: 30px;
        font-size: 13px;
        color: #9c9fa1;
        background: #f9f9f9;
        border-radius: 50px;
        cursor: pointer
    }

        .mod-ask .list_box .tab li.active {
            color: #0079fe;
            background: #eaf1fe
        }

    .mod-ask .list_box .list {
        width: 100%;
        margin-top: 5px
    }

        .mod-ask .list_box .list li.no-answer .r_comment {
            width: 100%
        }

            .mod-ask .list_box .list li.no-answer .r_comment .info {
                margin: 0;
                height: 28px;
                line-height: 28px
            }

        .mod-ask .list_box .list li {
            width: 100%;
            color: #333;
            padding-bottom: 20px
        }

            .mod-ask .list_box .list li a {
                text-decoration: none
            }

            .mod-ask .list_box .list li .question-wrap {
                width: 100%;
                padding-bottom: 18px
            }

                .mod-ask .list_box .list li .question-wrap .ques-tag {
                    padding: 0 2px;
                    height: 16px;
                    line-height: 16px;
                    display: inline-block;
                    border-radius: 2px;
                    font-size: 12px;
                    color: #fff;
                    background-color: #fa5741
                }

                .mod-ask .list_box .list li .question-wrap .ques-content {
                    margin-left: 5px;
                    width: 680px;
                    display: inline-block;
                    vertical-align: top;
                    font-size: 14px;
                    font-weight: 700;
                    color: #394043
                }

            .mod-ask .list_box .list li .question-no-anster {
                position: relative;
                padding-left: 21px
            }

                .mod-ask .list_box .list li .question-no-anster .answer-time {
                    font-size: 12px;
                    color: #9c9fa1;
                    line-height: 24px
                }

                .mod-ask .list_box .list li .question-no-anster .go-answer {
                    position: absolute;
                    right: 0;
                    top: 0;
                    border: 1px solid #3a75ee;
                    border-radius: 50px;
                    font-size: 12px;
                    color: #3a75ee;
                    padding: 5px 20px;
                    cursor: pointer
                }

                    .mod-ask .list_box .list li .question-no-anster .go-answer a {
                        color: #3a75ee
                    }

            .mod-ask .list_box .list li .l_userpic {
                float: left;
                margin-right: 15px;
                text-align: center;
                padding-top: 4px
            }

                .mod-ask .list_box .list li .l_userpic .pic {
                    width: 55px;
                    margin: 0 auto 13px
                }

                    .mod-ask .list_box .list li .l_userpic .pic img {
                        width: 100%;
                        border-radius: 50%
                    }

                .mod-ask .list_box .list li .l_userpic .info {
                    font-size: 12px;
                    color: #999;
                    line-height: 20px
                }

            .mod-ask .list_box .list li .r_comment {
                float: left;
                position: relative;
                width: 640px;
                font-size: 14px;
                background-color: #fff;
                border-radius: 2px
            }

                .mod-ask .list_box .list li .r_comment .answer-btn {
                    float: right;
                    padding: 0 20px;
                    height: 26px;
                    line-height: 26px;
                    border: 1px solid #3a75ee;
                    border-radius: 100px;
                    font-size: 12px;
                    color: #3a75ee
                }

                    .mod-ask .list_box .list li .r_comment .answer-btn a {
                        color: #3a75ee;
                        text-decoration: none
                    }

                .mod-ask .list_box .list li .r_comment .user-name {
                    margin-bottom: 7px;
                    height: 20px;
                    line-height: 20px;
                    font-family: PingFangSC-Medium;
                    font-size: 14px;
                    color: #394043
                }

                .mod-ask .list_box .list li .r_comment .agent-card-box .agent-card {
                    margin-top: -1px
                }

                .mod-ask .list_box .list li .r_comment .tag {
                    position: absolute;
                    right: 20px;
                    top: 20px;
                    height: 20px;
                    line-height: 20px;
                    font-size: 12px;
                    color: #849aae;
                    padding: 0 6px
                }

                .mod-ask .list_box .list li .r_comment .score .num {
                    display: inline-block;
                    color: #333;
                    vertical-align: middle;
                    padding-left: 8px
                }

                    .mod-ask .list_box .list li .r_comment .score .num span {
                        padding-right: 12px
                    }

                .mod-ask .list_box .list li .r_comment .words-container {
                    position: relative;
                    max-height: 96px;
                    font-size: 14px;
                    color: #394043;
                    line-height: 24px;
                    overflow: hidden
                }

                .mod-ask .list_box .list li .r_comment .show-all {
                    position: absolute;
                    right: 0;
                    bottom: 0;
                    display: inline-block;
                    height: 24px;
                    padding-left: 40px;
                    line-height: 24px;
                    color: #0079fe;
                    font-size: 14px;
                    background-image: url(../../common/img/comment/comment_sprite_v2.png?d4af76eae90deb896027);
                    background-image: -webkit-image-set(url(../../common/img/comment/comment_sprite_v2.png?d4af76eae90deb896027) 1x,url(../../common/img/comment/comment_sprite_v2@2x.png?8e5684c10d66522e5bad) 2x);
                    background-position: 0 100%;
                    cursor: pointer
                }

                .mod-ask .list_box .list li .r_comment .sepline {
                    border-bottom: 1px solid #e5e5e5
                }

                .mod-ask .list_box .list li .r_comment .picList {
                    margin: 0 0 0 2px;
                    width: 540px
                }

                .mod-ask .list_box .list li .r_comment .picItem {
                    float: left;
                    position: relative;
                    width: 84px;
                    height: 84px;
                    margin-right: 10px;
                    margin-top: 16px;
                    cursor: pointer
                }

                    .mod-ask .list_box .list li .r_comment .picItem img {
                        width: 100%
                    }

                .mod-ask .list_box .list li .r_comment .picCover {
                    display: none;
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 80px;
                    height: 80px;
                    background-color: #000;
                    opacity: .5;
                    filter: alpha(opacity=50)
                }

                .mod-ask .list_box .list li .r_comment .largePic {
                    display: none;
                    position: absolute;
                    left: 0;
                    bottom: 90px;
                    width: 362px;
                    height: 232px
                }

                .mod-ask .list_box .list li .r_comment .info {
                    margin: 7px 0 0;
                    height: 24px;
                    line-height: 24px;
                    font-size: 12px;
                    color: #999;
                    overflow: hidden
                }

                    .mod-ask .list_box .list li .r_comment .info:after {
                        content: "";
                        clear: both
                    }

                    .mod-ask .list_box .list li .r_comment .info .time {
                        float: left;
                        font-size: 12px;
                        color: #9c9fa1
                    }

                    .mod-ask .list_box .list li .r_comment .info .comment-num {
                        float: right;
                        margin-right: 24px;
                        cursor: pointer
                    }

                        .mod-ask .list_box .list li .r_comment .info .comment-num i {
                            display: inline-block;
                            width: 14px;
                            height: 14px;
                            margin-right: 5px;
                            background-image: url(../../pages/detail/img/words.png?6a1c25e447fd88d4cd56);
                            background-repeat: no-repeat;
                            vertical-align: middle
                        }

                        .mod-ask .list_box .list li .r_comment .info .comment-num span {
                            display: inline-block;
                            vertical-align: middle
                        }

                            .mod-ask .list_box .list li .r_comment .info .comment-num span a {
                                color: #999
                            }

                        .mod-ask .list_box .list li .r_comment .info .comment-num .download-app-qr {
                            top: 30px;
                            left: 0
                        }

                    .mod-ask .list_box .list li .r_comment .info .like {
                        float: right;
                        cursor: pointer
                    }

                        .mod-ask .list_box .list li .r_comment .info .like i {
                            display: inline-block;
                            vertical-align: middle;
                            width: 14px;
                            height: 14px;
                            margin-right: 5px;
                            background-image: url(../../common/img/comment/comment_sprite.png?f8390b0c2916b3ec7b22);
                            background-image: -webkit-image-set(url(../../common/img/comment/comment_sprite.png?f8390b0c2916b3ec7b22) 1x,url(../../common/img/comment/comment_sprite@2x.png?8566d34722aa86d61aca) 2x);
                            background-position: -15px -33px;
                            background-repeat: no-repeat
                        }

                        .mod-ask .list_box .list li .r_comment .info .like span {
                            display: inline-block;
                            vertical-align: middle
                        }

                    .mod-ask .list_box .list li .r_comment .info .islike i {
                        background-position: 0 -33px
                    }

                    .mod-ask .list_box .list li .r_comment .info .answer-footer-right {
                        overflow: hidden;
                        float: right;
                        line-height: 12px
                    }

                        .mod-ask .list_box .list li .r_comment .info .answer-footer-right p {
                            display: inline-block;
                            font-size: 11px;
                            padding: 3px 11px 3px 29px;
                            border-radius: 20px;
                            cursor: pointer
                        }

                        .mod-ask .list_box .list li .r_comment .info .answer-footer-right .answer-footer-like {
                            background: url(../../pages/detail/img/icon_like.png?fbcfccb1542246cf8cd0) no-repeat 11px;
                            background-size: 14px 14px;
                            border: 1px solid #9c9fa1;
                            color: #9c9fa1
                        }

                        .mod-ask .list_box .list li .r_comment .info .answer-footer-right .answer-footer-liked {
                            background: url(../../pages/detail/img/icon_liked.png?9af398e8e8e3ab69cd3e) no-repeat 11px;
                            background-size: 14px 14px;
                            border: 1px solid #0079fe;
                            color: #0079fe
                        }

                        .mod-ask .list_box .list li .r_comment .info .answer-footer-right .answer-footer-answer {
                            background: url(../../pages/detail/img/icon_message.png?76742b701672858c404c) no-repeat 11px;
                            background-size: 14px 14px;
                            margin-right: 10px;
                            border: 1px solid #9c9fa1;
                            color: #9c9fa1
                        }

            .mod-ask .list_box .list li:last-child {
                border-bottom: none
            }

    .mod-ask .list_box .comment-agent-box {
        padding-top: 16px
    }

        .mod-ask .list_box .comment-agent-box > img {
            width: 54px;
            height: 54px;
            border-radius: 50px;
            margin-right: 20px;
            float: left
        }

        .mod-ask .list_box .comment-agent-box .comment-agent-infor {
            float: left;
            padding-top: 6px
        }

            .mod-ask .list_box .comment-agent-box .comment-agent-infor .comment-agent-name {
                margin-bottom: 10px
            }

                .mod-ask .list_box .comment-agent-box .comment-agent-infor .comment-agent-name p {
                    float: left;
                    font-size: 16px;
                    color: #333;
                    font-weight: 700;
                    margin-right: 9px
                }

                .mod-ask .list_box .comment-agent-box .comment-agent-infor .comment-agent-name .comment-agent-name-type {
                    float: left;
                    border: 1px solid rgba(174,188,201,.33);
                    border-radius: 1px;
                    font-size: 11px;
                    color: #839aae;
                    padding: 1px 5px
                }

                .mod-ask .list_box .comment-agent-box .comment-agent-infor .comment-agent-name .agent-card-box {
                    margin-left: 10px
                }

            .mod-ask .list_box .comment-agent-box .comment-agent-infor .comment-agent-work {
                font-size: 13px;
                color: #333
            }

                .mod-ask .list_box .comment-agent-box .comment-agent-infor .comment-agent-work span {
                    font-size: 13px;
                    color: #fa5741
                }

        .mod-ask .list_box .comment-agent-box .comment-agent-consult {
            float: right
        }

            .mod-ask .list_box .comment-agent-box .comment-agent-consult .new-talk {
                margin: 13px 0 0 !important;
                display: inline-block;
                width: 88px;
                height: 28px;
                text-align: center;
                background-color: #f4f8fe;
                border: 1px solid #0079fe;
                border-radius: 2px;
                line-height: 28px;
                text-decoration: none;
                font-size: 12px;
                color: #0079fe;
                cursor: pointer
            }

                .mod-ask .list_box .comment-agent-box .comment-agent-consult .new-talk i {
                    display: inline-block;
                    width: 16px;
                    height: 16px;
                    background: url(../../pages/detail/img/Imtalk.png?a9ed98dadfa413f4c96b) no-repeat 50%/12px;
                    padding: 0;
                    margin-right: 4px;
                    vertical-align: -3px
                }

    .mod-ask .nocomment {
        padding-top: 62px;
        padding-bottom: 92px;
        text-align: center;
        font-size: 16px;
        color: #666
    }

        .mod-ask .nocomment .btn {
            display: block;
            margin: 15px auto 0;
            width: 90px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            color: #849aae;
            background-color: #f0f3f5;
            font-size: 14px;
            font-weight: 500;
            cursor: pointer
        }

            .mod-ask .nocomment .btn:hover {
                color: #f0f3f5;
                background-color: #849aae
            }

    .mod-ask .no-question {
        height: 68px;
        line-height: 68px;
        font-size: 16px;
        color: #666;
        text-align: center
    }

    .mod-ask .download-app-wrapper .download-app-text {
        width: 115px
    }

    .mod-ask .download-app-wrapper .download-app-qr {
        left: 285px;
        right: auto
    }

#comment_mask {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    z-index: 1100
}

#comment_layer, #comment_mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0
}

#comment_layer {
    right: 0;
    bottom: 0;
    z-index: 1200;
    overflow-y: scroll
}

    #comment_layer .container {
        padding: 10px 0
    }

    #comment_layer .main {
        position: relative;
        z-index: 1200;
        width: 675px;
        margin: auto;
        background-color: #fff;
        border-radius: 2px
    }

    #comment_layer .tit {
        height: 55px;
        line-height: 55px;
        border-bottom: 1px solid #eaeaea;
        position: relative
    }

        #comment_layer .tit span {
            padding-left: 29px;
            font-size: 16px;
            font-weight: 700
        }

        #comment_layer .tit i {
            position: absolute;
            right: 32px;
            top: 23px;
            width: 11px;
            height: 11px;
            background-image: url(../../common/img/comment/comment_sprite.png?f8390b0c2916b3ec7b22);
            background-image: -webkit-image-set(url(../../common/img/comment/comment_sprite.png?f8390b0c2916b3ec7b22) 1x,url(../../common/img/comment/comment_sprite@2x.png?8566d34722aa86d61aca) 2x);
            background-position: 100% -37px;
            cursor: pointer
        }

    #comment_layer .comment_box {
        padding: 15px 32px 25px
    }

        #comment_layer .comment_box .selarea {
            height: 30px;
            line-height: 30px;
            font-size: 14px;
            color: #333;
            margin-bottom: 24px
        }

            #comment_layer .comment_box .selarea .sel {
                display: inline-block;
                margin-left: 52px
            }

                #comment_layer .comment_box .selarea .sel span {
                    display: inline-block;
                    margin-right: 10px;
                    height: 28px;
                    line-height: 28px;
                    padding: 0 12px;
                    border: 1px solid #e5e5e5;
                    border-radius: 2px;
                    cursor: pointer
                }

                    #comment_layer .comment_box .selarea .sel span:hover {
                        border: 1px solid #ff7326
                    }

                    #comment_layer .comment_box .selarea .sel span.active {
                        border: 1px solid #ff7326;
                        background: #ff7326;
                        color: #fff
                    }

        #comment_layer .comment_box .stararea li {
            height: 22px;
            line-height: 22px;
            font-size: 14px
        }

            #comment_layer .comment_box .stararea li span {
                color: #333
            }

            #comment_layer .comment_box .stararea li .star_wrap {
                position: relative;
                top: 3px;
                display: inline-block;
                padding: 0 3px;
                height: 17px;
                cursor: pointer
            }

            #comment_layer .comment_box .stararea li .star {
                vertical-align: baseline
            }

            #comment_layer .comment_box .stararea li i {
                color: #ff7326;
                padding-left: 0;
                display: inline-block;
                min-width: 29px
            }

            #comment_layer .comment_box .stararea li b {
                display: inline-block;
                color: #ff7326;
                width: 56px;
                padding-left: 0
            }

            #comment_layer .comment_box .stararea li p {
                display: inline-block;
                color: #999
            }

        #comment_layer .comment_box .writearea {
            margin-top: 26px;
            color: #333;
            font-size: 14px;
            position: relative
        }

            #comment_layer .comment_box .writearea span {
                display: block;
                margin-bottom: 12px
            }

            #comment_layer .comment_box .writearea textarea {
                width: 589px;
                padding: 8px 10px;
                height: 90px;
                border: 1px solid #eaeaea;
                color: #bbb;
                font-size: 14px
            }

            #comment_layer .comment_box .writearea p {
                position: absolute;
                top: 0;
                right: -10px;
                display: none;
                color: #999;
                font-size: 12px
            }

        #comment_layer .comment_box .uploadarea {
            margin-top: 10px
        }

            #comment_layer .comment_box .uploadarea .title {
                font-size: 14px;
                color: #333
            }

                #comment_layer .comment_box .uploadarea .title i {
                    color: #999
                }

            #comment_layer .comment_box .uploadarea .add_list {
                width: 100%
            }

                #comment_layer .comment_box .uploadarea .add_list li {
                    float: left;
                    width: 60px;
                    height: 60px;
                    line-height: 60px;
                    margin-top: 10px;
                    margin-right: 8px;
                    position: relative
                }

                #comment_layer .comment_box .uploadarea .add_list .deleteMask {
                    display: none;
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    left: 0;
                    top: 0;
                    background: #000;
                    opacity: .5;
                    filter: alpha(opacity=50);
                    cursor: pointer
                }

                #comment_layer .comment_box .uploadarea .add_list .deleteIcon {
                    display: none;
                    position: absolute;
                    right: 25px;
                    top: 23px;
                    width: 11px;
                    height: 14px;
                    background-image: url(../../common/img/comment/comment_sprite.png?f8390b0c2916b3ec7b22);
                    background-image: -webkit-image-set(url(../../common/img/comment/comment_sprite.png?f8390b0c2916b3ec7b22) 1x,url(../../common/img/comment/comment_sprite@2x.png?8566d34722aa86d61aca) 2x);
                    background-position: 85% -35px;
                    cursor: pointer
                }

                #comment_layer .comment_box .uploadarea .add_list .add {
                    background-color: #eaeaea;
                    text-align: center
                }

                    #comment_layer .comment_box .uploadarea .add_list .add img {
                        margin-top: 16px;
                        cursor: pointer
                    }

        #comment_layer .comment_box .buttonarea .btnlist {
            width: 170px;
            margin: auto;
            text-align: center;
            position: relative
        }

        #comment_layer .comment_box .buttonarea .post {
            width: 140px;
            height: 36px;
            line-height: 36px;
            background-color: #686868;
            border-radius: 2px;
            cursor: pointer
        }

        #comment_layer .comment_box .buttonarea .anonymity {
            position: absolute;
            left: 100%;
            top: 0;
            line-height: 35px;
            width: 70px
        }

            #comment_layer .comment_box .buttonarea .anonymity .icon {
                display: inline-block;
                width: 10px;
                height: 10px;
                border: 1px solid #e5e5e5;
                vertical-align: middle
            }

                #comment_layer .comment_box .buttonarea .anonymity .icon.on {
                    background-image: url(../../common/img/comment/comment_sprite.png?f8390b0c2916b3ec7b22);
                    background-image: -webkit-image-set(url(../../common/img/comment/comment_sprite.png?f8390b0c2916b3ec7b22) 1x,url(../../common/img/comment/comment_sprite@2x.png?8566d34722aa86d61aca) 2x);
                    background-position: 70% -40px
                }

            #comment_layer .comment_box .buttonarea .anonymity span {
                display: inline-block;
                vertical-align: middle;
                padding-left: 10px;
                font-size: 12px;
                color: #b0b3b4
            }

        #comment_layer .comment_box .buttonarea p {
            height: 34px;
            line-height: 34px;
            text-align: center;
            font-size: 12px;
            color: #999
        }

        #comment_layer .comment_box .buttonarea .post {
            float: left;
            background-color: #676767;
            color: #fff;
            box-shadow: inset 0 -1px 0 #4f4f4f;
            -webkit-box-shadow: 0 -1px 0 #4f4f4f inset;
            -moz-box-shadow: 0 -1px 0 #4f4f4f inset;
            o-box-shadow: 0 -1px 0 #4f4f4f inset;
            ms-box-shadow: 0 -1px 0 #4f4f4f inset
        }

        #comment_layer .comment_box .buttonarea .cancel {
            float: right;
            background-color: #fff;
            color: #999;
            border: 1px solid #eaeaea
        }

#layer {
    display: none;
    position: relative;
    z-index: 1000
}

    #layer .cover {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .7;
        filter: alpha(opacity=70);
        z-index: 1100
    }

    #layer .main {
        width: 350px;
        height: 186px;
        position: fixed;
        left: 50%;
        top: 50%;
        margin-left: -175px;
        margin-top: -138px;
        z-index: 1200
    }

        #layer .main .top {
            width: 100%;
            height: 120px;
            padding-top: 66px;
            background: #fff;
            color: #394043;
            text-align: center;
            border-radius: 4px 4px 0 0
        }

            #layer .main .top p {
                font-size: 18px;
                color: #394043
            }

        #layer .main .bottom {
            width: 100%;
            height: 44px;
            line-height: 44px;
            background: #394043;
            font-size: 16px;
            color: #fff;
            text-align: center;
            border-radius: 0 0 4px 4px;
            cursor: pointer
        }

            #layer .main .bottom:hover {
                background: #303538
            }

        #layer .main .l_close {
            position: absolute;
            right: -15px;
            top: -15px;
            width: 30px;
            height: 30px;
            background-position: 0 0;
            background-repeat: no-repeat;
            cursor: pointer
        }

.comment-showall {
    display: block;
    position: relative;
    top: -1px;
    margin-left: -30px;
    width: 1000px;
    font-size: 14px;
    color: #999;
    background-color: #f9f9f9;
    height: 43px;
    line-height: 43px;
    text-align: center;
    border-top: 1px solid #eaeaea;
    cursor: pointer
}

    .comment-showall:hover {
        text-decoration: none
    }

.webuploader-container {
    position: relative
}

.webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px)
}

.webuploader-pick {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding: 0 15px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    overflow: hidden
}

.webuploader-pick-disable {
    opacity: .6;
    pointer-events: none
}


.mod-consult .section-anchor {
    top: -30px
}

.mod-consult .consult-title {
    padding: 50px 0 14px;
    font-size: 24px;
    color: #394043;
    letter-spacing: 0;
    font-weight: 700
}

.mod-consult .consult-sub-title span {
    font-size: 14px;
    color: #9c9fa1;
    letter-spacing: 0;
    line-height: 14px;
    vertical-align: middle
}

.mod-consult .consult-sub-title i {
    display: inline-block;
    width: 0;
    height: 10px;
    line-height: 10px;
    border: 1px solid hsla(0,0%,59.2%,.23);
    margin: 0 8px;
    vertical-align: middle
}

.mod-consult .consult-wrapper {
    margin-top: 20px;
    white-space: nowrap
}

    .mod-consult .consult-wrapper .consult-item {
        display: inline-block;
        width: 268px;
        padding: 20px 0;
        margin-right: 32px;
        background: #fff;
        box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
        border-radius: 2px
    }

        .mod-consult .consult-wrapper .consult-item:last-child {
            margin-right: 0
        }

        .mod-consult .consult-wrapper .consult-item .agent-img {
            float: left;
            margin-left: 20px;
            width: 72px
        }

        .mod-consult .consult-wrapper .consult-item .consult-info {
            display: table-cell;
            padding-left: 17px;
            width: 9999px
        }

            .mod-consult .consult-wrapper .consult-item .consult-info .main-info .name {
                display: inline-block;
                margin-right: 8px;
                font-size: 16px;
                color: #333;
                font-weight: 700;
                vertical-align: middle
            }

            .mod-consult .consult-wrapper .consult-item .consult-info .main-info .coop {
                display: inline-block;
                margin-right: 8px;
                height: 18px;
                line-height: 18px;
                font-size: 12px;
                color: #839aae;
                padding: 0 6px;
                background: #f3f5f7;
                vertical-align: middle
            }

            .mod-consult .consult-wrapper .consult-item .consult-info .main-info .authentication {
                position: relative;
                display: inline-block;
                width: 24px;
                height: 18px;
                background: pink;
                vertical-align: middle;
                cursor: pointer
            }

                .mod-consult .consult-wrapper .consult-item .consult-info .main-info .authentication:hover img {
                    display: block
                }

                .mod-consult .consult-wrapper .consult-item .consult-info .main-info .authentication img {
                    display: none;
                    position: absolute;
                    z-index: 10;
                    top: -330px;
                    right: 30px;
                    width: 408px;
                    height: 500px;
                    padding: 10px;
                    background: #fff;
                    box-shadow: 0 2px 6px 0 rgba(0,0,0,.3);
                    border-radius: 4px;
                    text-align: center;
                    box-sizing: border-box
                }

            .mod-consult .consult-wrapper .consult-item .consult-info .look-deal {
                margin-top: 6px
            }

                .mod-consult .consult-wrapper .consult-item .consult-info .look-deal .text {
                    font-size: 12px;
                    color: #333;
                    vertical-align: middle
                }

                .mod-consult .consult-wrapper .consult-item .consult-info .look-deal .split {
                    display: inline-block;
                    width: 0;
                    height: 12px;
                    margin: 0 8px;
                    border: 1px solid #eee;
                    vertical-align: middle
                }

            .mod-consult .consult-wrapper .consult-item .consult-info .phone {
                position: relative;
                margin-top: 5px;
                cursor: pointer
            }

                .mod-consult .consult-wrapper .consult-item .consult-info .phone .num {
                    font-size: 12px;
                    color: #fa5741;
                    line-height: 18px;
                    margin-right: 6px;
                    vertical-align: middle;
                    font-weight: 700
                }

                .mod-consult .consult-wrapper .consult-item .consult-info .phone .weixin {
                    display: inline-block;
                    width: 12px;
                    height: 12px;
                    line-height: 18px;
                    vertical-align: middle;
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAAH6ji2bAAAAAXNSR0IArs4c6QAAA5ZJREFUOBGNVE2IHFUQrnrdme2eXU2I4A7rfwwLSTxkdhKTNcGDgog/YQUvOSSHJLJgcCHzs/4sREFCQuIuKBL8gVw8eRAUg9GDHoKHuLg7omENMQEPxsjmoGKcftPT/cqvZreHibOBvEPXq6/q1atX9VVzcTLeQmn6joiM+pQme0VolLAMNi8x0Wdrbg9X8eZyQ5j5ssFnAZZ16kKKLn2gjFQak8VK9KgauFhuLOb98MF/k+hn6HcN5MK1CBI5IuEfZvLtgMR8Ub3ba8ek3KabkbJ9BsejX4gprk+Hm5avtqY/Fzyc94Lt6oXEKhBN/9tj/KcC7cX8PXLzOill+Eg5mtL4I9XosQwrVZpjJlM6kqWV5IkRJckwVCbBdUSlSrRTjF5NNHhPMHtmgpu6716+Zjs3Hbad1IBCfAox9kRV+hfJTvTlglNJYjf6THypWLa7jKFUHVMnj6tcdPa8x+bQ2gL9dfVXepM3V6KfSOQhNeLhsirH69NE7ndOvl7CgBp6hIqVxu4MUIlyX253qAtU3ZDx4i7sptve8tzENaPHwrK9nwwdJkdDqN3R7IwxvMf3gnBIWnZ9G2SvNX88d27Z4VjmqFIZ8F7eD2qqRKY5KLHswysXfMezMckFZnm3Pp2faPNFnbIFCn6Y7fW12yblbtX9DOyWxWq033hmNk3S0600ehW2g76QVEtVK+qIIg+CsfNs5KJncr+nZIdB26/Upnw+zyQRXjvNcmNNxbgBVOAw+L6APHehOVdwBJ3kkyAH5mBpYZ58R+4QbisgRdlEnvd8/UTfJ5lDt8SIFZzwuHIZkzXETLvrM8HZbh/dY4YSIff5LTdQOf//ICvpytoIRdmwklExR7wBrbl+L5G9RIzfAz8N6s/FA0ssXz7n/33dPsVCf2DShEvV+Dmku5HgfUNgFNcY74u5E7n5DN/6il2XxPJApndkX/Bj/Shf80s1ewDFPInAvS2Hwbn0ADix87vj/NvojITNq83h+kz4ZellWS2pLc2/FX6ztSaFpBUpS6/5oMAHGJln4XS6c1vXRic8Tu3rgF6Ir8T34SX7S2/I2fQfexBze2Tba1KIbTSF7u+Fz+pbboregVcgCx5zDVrji3cG9X//3BFa5Jx5G/ge9WkHdIY9VVZa+HN3SiFGBrU0huM7EpM+CbKPb5+iO11Lavi5fKzneUutsSNxfArXD/cG5CZ495EZDl6cG+dWr70X+Q/W0JM+RxeKhgAAAABJRU5ErkJggg==) no-repeat;
                    background-size: contain
                }

                .mod-consult .consult-wrapper .consult-item .consult-info .phone .phone-qr-wrap {
                    display: inline-block;
                    display: none;
                    position: absolute;
                    top: -38px;
                    left: 146px;
                    width: 120px;
                    height: auto;
                    line-height: 26px;
                    padding-top: 4px;
                    text-align: center;
                    background: #fff;
                    z-index: 9
                }

                    .mod-consult .consult-wrapper .consult-item .consult-info .phone .phone-qr-wrap .phone-qr-img {
                        width: 110px;
                        height: 110px
                    }

                    .mod-consult .consult-wrapper .consult-item .consult-info .phone .phone-qr-wrap .phone-qr-desc {
                        display: block;
                        line-height: 12px;
                        padding: 5px 0;
                        font-size: 12px;
                        color: #999
                    }

            .mod-consult .consult-wrapper .consult-item .consult-info .consult {
                display: block;
                width: 86px;
                height: 26px;
                background: #f4f8fe;
                border: 1px solid #3a75ee;
                text-align: center;
                margin-top: 3px;
                border-radius: 2px
            }



                .mod-consult .consult-wrapper .consult-item .consult-info .consult span {
                    display: inline-block;
                    font-size: 12px;
                    color: #3a75ee;
                    line-height: 26px;
                    vertical-align: middle
                }

.mod-right-card {
    position: absolute;
    top: 60px;
    right: 0;
    transition: opacity .3s;
    z-index: 2;
}

    .mod-right-card .resblock-info {
        width: 400px
    }

        .mod-right-card .resblock-info .info-wrap {
            position: relative;
            padding: 20px 30px;
            box-sizing: border-box;
            border-radius: 4px;
            background: #fff;
            box-shadow: 0 4px 10px 0 rgba(0,0,0,.06);
            -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.06)
        }

        .mod-right-card .resblock-info .status-consult-tag, .mod-right-card .resblock-info .status-special-tag {
            font-size: 12px;
            font-weight: 300
        }



        .mod-right-card .resblock-info .name-info {
            overflow: hidden;
            margin-bottom: 12px
        }

            .mod-right-card .resblock-info .name-info > * {
                vertical-align: middle
            }

            .mod-right-card .resblock-info .name-info .rank {
                display: inline-block;
                font-family: HiraginoSansGB-W6;
                font-size: 14px;
                color: #333;
                font-weight: 600;
                margin-left: 18px;
                margin-right: 10px
            }

            .mod-right-card .resblock-info .name-info h2 {
                padding-bottom: 0;
                display: inline;
                font-size: 26px;
                color: #333;
                font-weight: 600;
                line-height: 46px
            }

            .mod-right-card .resblock-info .name-info .tags {
                display: inline-block
            }

                .mod-right-card .resblock-info .name-info .tags > * {
                    font-size: 12px;
                    padding-left: 8px;
                    padding-right: 8px;
                    margin-right: 5px
                }

        .mod-right-card .resblock-info .middle-info .tag-btn-item, .mod-right-card .resblock-info .top-info .tag-btn-item {
            font-size: 13px;
            line-height: 19px;
            color: #0079fe;
            background-color: #f4f8fe;
            border-radius: 2px;
            padding: 0 6px;
            position: relative
        }





        .mod-right-card .resblock-info .top-info .price {
            max-width: 330px
        }

            .mod-right-card .resblock-info .top-info .price .title {
                width: 81px;
                font-family: PingFangSC-Regular;
                font-size: 14px;
                color: #9c9fa1;
                display: inline-block
            }

            .mod-right-card .resblock-info .top-info .price .price-number, .mod-right-card .resblock-info .top-info .price .price-unit {
                line-height: 1;
                color: #fe615a
            }

            .mod-right-card .resblock-info .top-info .price .price-number {
                font-family: Tahoma-Bold;
                font-size: 40px
            }

            .mod-right-card .resblock-info .top-info .price .price-unit {
                font-family: HiraginoSansGB-W6;
                font-size: 16px
            }

        .mod-right-card .resblock-info .top-info .more-building {
            height: 0;
            font-size: 14px;
            color: #394043;
            text-decoration: underline;
            overflow: hidden
        }

            .mod-right-card .resblock-info .top-info .more-building a {
                color: #394043
            }

        .mod-right-card .resblock-info .top-info .subscribe {
            position: absolute;
            right: 0;
            top: 0;
            cursor: pointer;
            padding-bottom: 5px
        }

            .mod-right-card .resblock-info .top-info .subscribe i {
                height: 14px;
                width: 14px;
                display: block;
                margin: 0 auto 5px
            }





        .mod-right-card .resblock-info .top-info .update-time {
            opacity: .99;
            font-family: HiraginoSansGB-W3;
            font-weight: 300;
            font-size: 14px;
            color: #9c9fa1;
            display: block;
            margin: 20px 0
        }

        .mod-right-card .resblock-info .top-info .tag-btn-wrap {
            height: 0;
            overflow: hidden
        }

        .mod-right-card .resblock-info .top-info .tag-btn-item {
            box-sizing: border-box;
            display: inline-block;
            cursor: pointer
        }

        .mod-right-card .resblock-info .middle-info {
            border-bottom: 1px solid #e4e6f0;
            padding-bottom: 25px;
            max-height: 180px
        }

            .mod-right-card .resblock-info .middle-info .map {
                cursor: pointer;
                font-family: HiraginoSansGB-W3;
                font-weight: 300;
                font-size: 14px;
                color: #0079fe
            }

            .mod-right-card .resblock-info .middle-info .info-list .info-item {
                position: relative;
                margin-top: 20px;
            }

                .mod-right-card .resblock-info .middle-info .info-list .info-item.little-col {
                    padding-top: 0
                }

                    .mod-right-card .resblock-info .middle-info .info-list .info-item.little-col .content li {
                        padding-top: 10px;
                        font-family: HiraginoSansGB-W3;
                        font-size: 12px;
                        color: #9c9fa1;
                        letter-spacing: 0
                    }

                .mod-right-card .resblock-info .middle-info .info-list .info-item span {
                    display: inline-block
                }

                .mod-right-card .resblock-info .middle-info .info-list .info-item .title {
                    width: 81px;
                    font-family: PingFangSC-Regular;
                    font-size: 14px;
                    color: #9c9fa1
                }

                .mod-right-card .resblock-info .middle-info .info-list .info-item .content {
                    font-family: HiraginoSansGB-W3;
                    font-weight: 300;
                    font-size: 14px;
                    color: #394043;
                    width: 201px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    vertical-align: bottom
                }

                    .mod-right-card .resblock-info .middle-info .info-list .info-item .content .house-type-item {
                        cursor: pointer;
                        position: relative
                    }

                        .mod-right-card .resblock-info .middle-info .info-list .info-item .content .house-type-item:after {
                            content: "";
                            position: absolute;
                            width: 100%;
                            height: 1px;
                            background: #394043;
                            bottom: 1px;
                            left: 0
                        }

                .mod-right-card .resblock-info .middle-info .info-list .info-item .all-house-type, .mod-right-card .resblock-info .middle-info .info-list .info-item .map {
                    font-size: 14px;
                    color: #394043;
                    text-decoration: underline
                }

                .mod-right-card .resblock-info .middle-info .info-list .info-item .open-remind {
                    margin-left: 5px
                }

            .mod-right-card .resblock-info .middle-info .info-list .open-date-wrap {
                display: flex;
                align-items: center
            }

            .mod-right-card .resblock-info .middle-info .info-list .open-date {
                display: inline-block
            }

                .mod-right-card .resblock-info .middle-info .info-list .open-date .content {
                    width: auto
                }



            .mod-right-card .resblock-info .middle-info .more-box2 {
                position: absolute;
                left: 0;
                bottom: -27px;
                display: none;
                padding: 20px 20px 15px;
                width: 300px;
                height: 280px;
                border-radius: 8px;
                background: #fff;
                color: #394043;
                box-shadow: 0 0 10px rgba(0,0,0,.26);
                z-index: 1000
            }

                .mod-right-card .resblock-info .middle-info .more-box2 .more-title {
                    font-size: 18px;
                    padding-bottom: 18px;
                    border-bottom: 1px solid #e5e5e5
                }



                .mod-right-card .resblock-info .middle-info .more-box2 .more-close:hover {
                    -webkit-transform: rotate(90deg);
                    transform: rotate(90deg)
                }

                .mod-right-card .resblock-info .middle-info .more-box2 .more-wrap {
                    height: 218px;
                    margin-top: 18px;
                    overflow: auto
                }

                .mod-right-card .resblock-info .middle-info .more-box2 .more-date-group {
                    margin: 15px 0 8px;
                    overflow: hidden
                }

                    .mod-right-card .resblock-info .middle-info .more-box2 .more-date-group:first-child {
                        margin-top: 0
                    }



                    .mod-right-card .resblock-info .middle-info .more-box2 .more-date-group .more-date {
                        line-height: 20px;
                        float: left;
                        font-size: 18px
                    }

                .mod-right-card .resblock-info .middle-info .more-box2 .more-loupan-group {
                    overflow: hidden
                }



                    .mod-right-card .resblock-info .middle-info .more-box2 .more-loupan-group .more-loupan {
                        font-size: 14px;
                        float: left
                    }

                .mod-right-card .resblock-info .middle-info .more-box2 .more-loupan-detail {
                    overflow: hidden;
                    margin-top: 5px
                }

                    .mod-right-card .resblock-info .middle-info .more-box2 .more-loupan-detail .more-icon {
                        width: 13px;
                        height: 13px;
                        float: left;
                        margin-right: 5px
                    }

                    .mod-right-card .resblock-info .middle-info .more-box2 .more-loupan-detail .more-detail {
                        float: left;
                        width: 270px;
                        padding-left: 18px;
                        color: #9c9fa1;
                        font-size: 14px;
                        line-height: 20px
                    }

            .mod-right-card .resblock-info .middle-info .tag-btn-item {
                box-sizing: border-box;
                display: inline-block;
                cursor: pointer
            }

            .mod-right-card .resblock-info .middle-info .more-building {
                padding-top: 20px;
                color: #394043;
                text-decoration: underline;
                font-size: 14px
            }

                .mod-right-card .resblock-info .middle-info .more-building a {
                    color: #394043
                }

            .mod-right-card .resblock-info .middle-info .tag-btn-wrap {
                margin-top: 15px;
                text-align: center
            }

                .mod-right-card .resblock-info .middle-info .tag-btn-wrap .tag-btn-item {
                    box-sizing: border-box;
                    display: inline-block;
                    cursor: pointer;
                    font-size: 14px;
                    width: 159px;
                    height: 28px;
                    text-align: center;
                    line-height: 28px
                }



        .mod-right-card .resblock-info .phone-qr-wrap {
            position: absolute;
            top: -60px;
            left: 170px;
            display: inline-block;
            width: 90px;
            height: 90px;
            line-height: 26px;
            padding-top: 4px;
            text-align: center;
            background: #fff;
            border: 0 !important;
            z-index: 9
        }

            .mod-right-card .resblock-info .phone-qr-wrap .phone-qr-img {
                width: 90px;
                height: 90px
            }

            .mod-right-card .resblock-info .phone-qr-wrap #phone-qr-desc {
                display: block;
                line-height: 12px;
                padding: 5px 0;
                font-family: PingFangSC-Medium;
                font-size: 12px;
                color: #9c9fa1
            }

        .mod-right-card .resblock-info .resblock-consult {
            background: #fff;
            white-space: nowrap
        }

            .mod-right-card .resblock-info .resblock-consult .xinxuan-im {
                margin-top: 21px;
                font-family: PingFangSC-Semibold
            }



                .mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-text {
                    display: inline-block;
                    vertical-align: top
                }

                    .mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-1 {
                        display: block;
                        margin-bottom: 4px
                    }

                        .mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-1 .text-1 {
                            font-size: 18px;
                            color: #394043;
                            margin-right: 8px
                        }

                        .mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-1 .text-2 {
                            font-family: Hiragino Sans GB;
                            font-size: 12px;
                            color: #fa5741;
                            background: #fdeeec;
                            padding: 2px;
                            border-radius: 2px;
                            line-height: 24px
                        }

                    .mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-2 {
                        display: block;
                        opacity: .5;
                        font-size: 12px;
                        color: #394043;
                        margin-bottom: 3px;
                        font-family: Hiragino Sans GB
                    }

                    .mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-3 {
                        display: block;
                        margin-bottom: 8px
                    }

                        .mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-3 .text-1 {
                            font-family: Arial-Black;
                            font-size: 14px;
                            color: #fe615a
                        }

                        .mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-3 .text-2 {
                            font-size: 11px;
                            color: #fe615a;
                            margin-left: 5px;
                            margin-right: 3px
                        }

                        .mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-3 .text-3 {
                            font-family: Arial-Black;
                            font-size: 13px;
                            color: #fe615a
                        }

                .mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-modal-qr {
                    display: inline-block;
                    position: relative;
                    left: 13px
                }

                    .mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-modal-qr .im-btn {
                        display: inline-block;
                        background: #f4f8fe;
                        padding: 0 12px;
                        border: 1px solid #0079fe;
                        border-radius: 2px;
                        height: 100%;
                        text-align: center;
                        vertical-align: middle;
                        cursor: pointer
                    }



                        .mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-modal-qr .im-btn .text {
                            font-family: PingFangSC-Medium;
                            font-size: 14px;
                            color: #0079fe;
                            line-height: 40px;
                            height: 40px;
                            vertical-align: middle
                        }

                    .mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-modal-qr p {
                        font-size: 10px;
                        color: #0079fe;
                        letter-spacing: 0;
                        text-align: center;
                        margin-top: 7px;
                        position: relative;
                        cursor: pointer
                    }



                        .mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-modal-qr p img {
                            display: none;
                            position: absolute;
                            top: 150%;
                            left: 0;
                            height: 110px;
                            border: 1px solid #e8e8e8
                        }

            .mod-right-card .resblock-info .resblock-consult .phone-btn {
                width: 240px;
                background: #0079fe;
                display: inline-block;
                text-align: center;
                border-radius: 2px;
                padding: 15px 0;
                vertical-align: middle
            }

                .mod-right-card .resblock-info .resblock-consult .phone-btn span {
                    vertical-align: bottom;
                    display: inline-block;
                    color: #fff
                }

                    .mod-right-card .resblock-info .resblock-consult .phone-btn span.number {
                        font-size: 20px;
                        font-family: Tahoma-Bold
                    }

                    .mod-right-card .resblock-info .resblock-consult .phone-btn span.zhuan {
                        font-size: 14px
                    }

                .mod-right-card .resblock-info .resblock-consult .phone-btn .resblock-phone {
                    min-width: 205px;
                    display: inline-block;
                    font-size: 20px;
                    color: #fff
                }

                    .mod-right-card .resblock-info .resblock-consult .phone-btn .resblock-phone .phone-qr-wrap {
                        top: -40px;
                        left: 235px;
                        width: 110px;
                        height: 110px;
                        display: inline-block !important
                    }

                        .mod-right-card .resblock-info .resblock-consult .phone-btn .resblock-phone .phone-qr-wrap .phone-qr-img {
                            width: 110px;
                            height: 110px
                        }

            .mod-right-card .resblock-info .resblock-consult:before {
                display: inline-block;
                height: 100%;
                width: 0;
                vertical-align: middle;
                content: " ";
            }

        .mod-right-card .resblock-info .resblock-tag {
            height: 28px;
            margin-top: 24px;
            text-align: center
        }

            .mod-right-card .resblock-info .resblock-tag .subscribe {
                display: inline-block;
                margin-right: 0;
                height: 28px;
                cursor: pointer
            }

                .mod-right-card .resblock-info .resblock-tag .subscribe i {
                    height: 14px;
                    width: 14px;
                    display: inline-block;
                    margin-right: 3px;
                    background-position: 50%;
                    background-repeat: no-repeat;
                    vertical-align: middle
                }



                .mod-right-card .resblock-info .resblock-tag .subscribe .subscribe-text {
                    vertical-align: middle;
                    line-height: unset
                }

            .mod-right-card .resblock-info .resblock-tag .wx-share {
                display: inline-block;
                cursor: pointer;
                height: 28px;
                margin-right: 70px;
                position: relative
            }



                .mod-right-card .resblock-info .resblock-tag .wx-share span {
                    vertical-align: middle;
                    line-height: unset
                }

                .mod-right-card .resblock-info .resblock-tag .wx-share .share-code-container {
                    background: #fff;
                    border: 1px solid #eee;
                    box-shadow: 0 -2px 3px 0 rgba(0,0,0,.2);
                    padding: 10px;
                    position: absolute;
                    left: 50%;
                    transform: translateX(-50%);
                    bottom: 120%;
                    display: none;
                }



                    .mod-right-card .resblock-info .resblock-tag .wx-share .share-code-container .share-text {
                        font-family: HiraginoSansGB-W3;
                        font-weight: 300;
                        font-size: 12px;
                        color: #9c9fa1;
                        letter-spacing: 0;
                        line-height: 18px;
                        width: 90px;
                        text-align: center;
                        margin: 0 auto;
                        padding-top: 10px
                    }

                    .mod-right-card .resblock-info .resblock-tag .wx-share .share-code-container .share-code {
                        text-align: center
                    }

                .mod-right-card .resblock-info .resblock-tag .wx-share:hover .share-code-container {
                    display: block;
                }

        .mod-right-card .resblock-info.stick_fixed {
            left: 50%;
            margin-left: 182px;
            border: none
        }

            .mod-right-card .resblock-info.stick_fixed .info-wrap {
                box-shadow: 0 4px 10px 0 rgba(0,0,0,.06)
            }

        .mod-right-card .resblock-info.banner-fixed.stick_fixed {
            position: fixed;
            top: 70px;
            left: 50%
        }

            .mod-right-card .resblock-info.banner-fixed.stick_fixed .name-info {
                overflow: hidden;
                max-height: none;
                opacity: 1;
                margin-bottom: 8px
            }

            .mod-right-card .resblock-info.banner-fixed.stick_fixed .top-info .resblock-tag {
                height: 0;
                overflow: hidden
            }

            .mod-right-card .resblock-info.banner-fixed.stick_fixed .top-info .more-building {
                margin-top: 4px;
                height: 20px;
                line-height: 20px
            }

            .mod-right-card .resblock-info.banner-fixed.stick_fixed .top-info .update-time {
                margin: 0;
                height: 0;
                overflow: hidden
            }

            .mod-right-card .resblock-info.banner-fixed.stick_fixed .middle-info {
                padding: 0;
                max-height: 0;
                overflow: hidden;
                border-bottom: none
            }



            .mod-right-card .resblock-info.banner-fixed.stick_fixed .phone-qr-wrap {
                width: 140px;
                height: 154px;
                display: none;
                top: -165px;
                left: 130px;
                background: #fff;
                border: 1px solid #eee;
                box-shadow: 0 2px 3px 0 rgba(0,0,0,.2)
            }

                .mod-right-card .resblock-info.banner-fixed.stick_fixed .phone-qr-wrap .phone-qr-img {
                    width: 89px;
                    height: 89px;
                    margin-top: 24px
                }

            .mod-right-card .resblock-info.banner-fixed.stick_fixed .agent-card-part a {
                position: absolute;
                right: -15px;
                top: 28px
            }

            .mod-right-card .resblock-info.banner-fixed.stick_fixed .resblock-phone .phone-qr-wrap {
                box-shadow: none;
                -webkit-box-shadow: none
            }

                .mod-right-card .resblock-info.banner-fixed.stick_fixed .resblock-phone .phone-qr-wrap .phone-qr-img {
                    margin-top: 0
                }

        .mod-right-card .resblock-info.qr-fixed .phone-qr-wrap {
            display: inline-block !important
        }


        .mod-right-card .resblock-info.stick_fixed {
            position: fixed;
            top: 50px
        }



            .mod-right-card .resblock-info.stick_fixed .three-out {
                height: auto;
                display: block
            }

    .mod-right-card .show-vr {
        width: 524px;
        height: 63px;
        line-height: 63px;
        font-size: 14px;
        border-bottom: 1px solid #e4e6f0
    }

        .mod-right-card .show-vr .vr-text {
            float: left;
            color: #394043
        }



            .mod-right-card .show-vr .vr-text span {
                vertical-align: middle
            }

        .mod-right-card .show-vr .download-app {
            float: right;
            color: #3072f3;
            cursor: pointer
        }

        .mod-right-card .show-vr .download-app-wrapper {
            float: right
        }

        .mod-right-card .show-vr .download-app-qr {
            top: 48px;
            right: 6px
        }

.common-frame-modal-wrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000
}

    .common-frame-modal-wrap .mask {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #000;
        opacity: .5
    }

    .common-frame-modal-wrap .modal-content {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        background-color: #fff;
        border-radius: 4px;
        padding: 44px 41px 45px
    }

        .common-frame-modal-wrap .modal-content .close-btn {
            position: absolute;
            top: 10px;
            right: 10px;
            width: 12px;
            height: 12px;
            box-sizing: content-box;
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAGFBMVEUAAAARHjgQHTcQHjgRHTgSHzgSHzkQHTebbBjcAAAAB3RSTlMAkLBsX2Fj5oi/PQAAAItJREFUKM+N0j0KgDAMhmFFD+DmAURcxcXVzd1LOPsDub4BIa/yUWiHtDaP0KQtMkfVf7+mxcNqDTulXR4HO9hq7fQ4mzUgu9/pAHmamey7ALGKHJ4ULDIwECwQLBAsEAwEA+mW/giC6SH0qFqQlp1ujrZQG63XASK7/642/QAcwW6PdfetdhuLvPEAL4RF7N1/LngAAAAASUVORK5CYII=");
            background-size: 100% 100%;
            background-repeat: no-repeat;
            padding: 0;
            border: 20px solid transparent;
            cursor: pointer
        }

        .common-frame-modal-wrap .modal-content .fl {
            float: left
        }

        .common-frame-modal-wrap .modal-content .fr {
            float: right
        }

        .common-frame-modal-wrap .modal-content .h2-flow {
            margin-bottom: 8px
        }

            .common-frame-modal-wrap .modal-content .h2-flow h2 {
                float: left;
                padding: 0;
                display: block
            }

            .common-frame-modal-wrap .modal-content .h2-flow .title-link {
                font-size: 24px;
                font-weight: 600;
                color: #394043
            }

            .common-frame-modal-wrap .modal-content .h2-flow .house-more {
                float: right;
                display: block;
                padding: 18px 0;
                font-size: 14px;
                color: #9c9fa1;
                line-height: 30px
            }

            .common-frame-modal-wrap .modal-content .h2-flow .house-intro-box {
                float: right;
                padding-top: 15px
            }

                .common-frame-modal-wrap .modal-content .h2-flow .house-intro-box li {
                    float: left
                }

                .common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-left {
                    padding-right: 20px
                }

                    .common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-left .house-intro-img {
                        width: 36px;
                        height: 36px;
                        float: left;
                        border-radius: 50px;
                        margin-right: 9px;
                        overflow: hidden
                    }

                        .common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-left .house-intro-img img {
                            width: 36px
                        }

                    .common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-left .house-intro-infor {
                        float: left
                    }

                        .common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-left .house-intro-infor div {
                            padding-bottom: 6px
                        }

                            .common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-left .house-intro-infor div h2 {
                                float: left;
                                font-size: 14px;
                                color: #333;
                                padding-bottom: 0;
                                margin-top: 0;
                                font-weight: 700
                            }

                            .common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-left .house-intro-infor div .house-intro-infor-label {
                                background: #f3f5f7;
                                border-radius: 1px;
                                font-size: 11px;
                                color: #839aae;
                                float: left;
                                padding: 1px 6px;
                                margin-top: 1px;
                                margin-left: 4px
                            }

                            .common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-left .house-intro-infor div .agent-card-box .agent-card-img {
                                top: -330px;
                                left: -420px
                            }

                        .common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-left .house-intro-infor p {
                            font-size: 12px;
                            color: #333
                        }

                        .common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-left .house-intro-infor .agent-card {
                            margin-top: 0;
                            margin-left: 5px
                        }

                .common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-center {
                    padding: 0 11px;
                    font-size: 12px;
                    color: #fa5741;
                    line-height: 18px;
                    width: 76px
                }

                .common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-right {
                    padding: 0 26px
                }

                    .common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-right .qr-infor-consult .new-talk {
                        margin: 3px 0 0 !important;
                        display: inline-block;
                        width: 88px;
                        height: 28px;
                        text-align: center;
                        background-color: #f4f8fe;
                        border: 1px solid #0079fe;
                        border-radius: 2px;
                        line-height: 28px;
                        text-decoration: none;
                        font-size: 12px;
                        color: #0079fe;
                        cursor: pointer
                    }

                        .common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-right .qr-infor-consult .new-talk i {
                            display: inline-block;
                            width: 16px;
                            height: 16px;
                            background: url(../../pages/detail/img/Imtalk.png?a9ed98dadfa413f4c96b) no-repeat 50%/12px;
                            padding: 0;
                            margin-right: 4px;
                            vertical-align: -3px
                        }

                .common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-line {
                    border-right: 2px solid hsla(0,0%,59.2%,.2);
                    height: 28px;
                    margin-top: 4px
                }

            .common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper {
                float: right;
                padding: 10px 16px;
                background: #fff;
                border: 1px solid #e4e6f0;
                border-radius: 2px
            }

                .common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .avatar {
                    display: inline-block;
                    width: 40px;
                    height: 40px;
                    margin-right: 9px;
                    background: pink;
                    border-radius: 100%;
                    vertical-align: middle
                }

                .common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .consult-info {
                    display: inline-block;
                    vertical-align: middle;
                    margin-right: 13px
                }

                    .common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .consult-info .main-info {
                        display: inline-block
                    }

                        .common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .consult-info .main-info .name {
                            display: inline-block;
                            margin-right: 8px;
                            font-size: 12px;
                            color: #333;
                            font-weight: 700;
                            vertical-align: middle
                        }

                        .common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .consult-info .main-info .coop {
                            display: inline-block;
                            margin-right: 8px;
                            height: 16px;
                            line-height: 16px;
                            font-size: 12px;
                            color: #839aae;
                            padding: 0 3px;
                            background: #f3f5f7;
                            vertical-align: middle
                        }

                    .common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .consult-info .look-deal {
                        margin-top: 4px
                    }

                        .common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .consult-info .look-deal .text {
                            font-size: 12px;
                            color: #333;
                            vertical-align: middle
                        }

                        .common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .consult-info .look-deal .split {
                            display: inline-block;
                            width: 0;
                            height: 10px;
                            margin: 0 6px;
                            border-right: 1px solid rgba(16,29,55,.5);
                            vertical-align: middle
                        }

                .common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .phone {
                    position: relative;
                    display: inline-block;
                    vertical-align: middle;
                    margin-right: 16px;
                    width: 78px;
                    cursor: pointer
                }

                    .common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .phone .num {
                        font-size: 12px;
                        color: #fa5741;
                        line-height: 18px;
                        margin-right: 6px;
                        font-weight: 700;
                        vertical-align: middle
                    }

                    .common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .phone .weixin {
                        display: inline-block;
                        width: 12px;
                        height: 12px;
                        line-height: 18px;
                        vertical-align: middle;
                        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAAH6ji2bAAAAAXNSR0IArs4c6QAAA5ZJREFUOBGNVE2IHFUQrnrdme2eXU2I4A7rfwwLSTxkdhKTNcGDgog/YQUvOSSHJLJgcCHzs/4sREFCQuIuKBL8gVw8eRAUg9GDHoKHuLg7omENMQEPxsjmoGKcftPT/cqvZreHibOBvEPXq6/q1atX9VVzcTLeQmn6joiM+pQme0VolLAMNi8x0Wdrbg9X8eZyQ5j5ssFnAZZ16kKKLn2gjFQak8VK9KgauFhuLOb98MF/k+hn6HcN5MK1CBI5IuEfZvLtgMR8Ub3ba8ek3KabkbJ9BsejX4gprk+Hm5avtqY/Fzyc94Lt6oXEKhBN/9tj/KcC7cX8PXLzOill+Eg5mtL4I9XosQwrVZpjJlM6kqWV5IkRJckwVCbBdUSlSrRTjF5NNHhPMHtmgpu6716+Zjs3Hbad1IBCfAox9kRV+hfJTvTlglNJYjf6THypWLa7jKFUHVMnj6tcdPa8x+bQ2gL9dfVXepM3V6KfSOQhNeLhsirH69NE7ndOvl7CgBp6hIqVxu4MUIlyX253qAtU3ZDx4i7sptve8tzENaPHwrK9nwwdJkdDqN3R7IwxvMf3gnBIWnZ9G2SvNX88d27Z4VjmqFIZ8F7eD2qqRKY5KLHswysXfMezMckFZnm3Pp2faPNFnbIFCn6Y7fW12yblbtX9DOyWxWq033hmNk3S0600ehW2g76QVEtVK+qIIg+CsfNs5KJncr+nZIdB26/Upnw+zyQRXjvNcmNNxbgBVOAw+L6APHehOVdwBJ3kkyAH5mBpYZ58R+4QbisgRdlEnvd8/UTfJ5lDt8SIFZzwuHIZkzXETLvrM8HZbh/dY4YSIff5LTdQOf//ICvpytoIRdmwklExR7wBrbl+L5G9RIzfAz8N6s/FA0ssXz7n/33dPsVCf2DShEvV+Dmku5HgfUNgFNcY74u5E7n5DN/6il2XxPJApndkX/Bj/Shf80s1ewDFPInAvS2Hwbn0ADix87vj/NvojITNq83h+kz4ZellWS2pLc2/FX6ztSaFpBUpS6/5oMAHGJln4XS6c1vXRic8Tu3rgF6Ir8T34SX7S2/I2fQfexBze2Tba1KIbTSF7u+Fz+pbboregVcgCx5zDVrji3cG9X//3BFa5Jx5G/ge9WkHdIY9VVZa+HN3SiFGBrU0huM7EpM+CbKPb5+iO11Lavi5fKzneUutsSNxfArXD/cG5CZ495EZDl6cG+dWr70X+Q/W0JM+RxeKhgAAAABJRU5ErkJggg==) no-repeat;
                        background-size: contain
                    }

                    .common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .phone .phone-qr-wrap {
                        display: inline-block;
                        display: none;
                        position: absolute;
                        top: -38px;
                        left: 84px;
                        width: 120px;
                        height: auto;
                        line-height: 26px;
                        padding-top: 4px;
                        text-align: center;
                        background: #fff;
                        z-index: 9
                    }

                        .common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .phone .phone-qr-wrap .phone-qr-img {
                            width: 110px;
                            height: 110px
                        }

                        .common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .phone .phone-qr-wrap .phone-qr-desc {
                            display: none;
                            line-height: 12px;
                            padding: 5px 0;
                            font-size: 12px;
                            color: #999
                        }

                .common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .consult {
                    display: inline-block;
                    width: 86px;
                    height: 26px;
                    background: #f4f8fe;
                    border: 1px solid #3a75ee;
                    text-align: center;
                    border-radius: 2px;
                    vertical-align: middle
                }

                    .common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .consult i {
                        display: inline-block;
                        width: 16px;
                        height: 16px;
                        line-height: 26px;
                        margin-right: 4px;
                        vertical-align: middle;
                        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAAAXNSR0IArs4c6QAABG9JREFUWAm9V11sVFUQnjl3u7u3/ITEYFojCCnIk7htCuojiYIQUXwgBkjwDbWJiN1q6oOkqSGK0pqQ8GN4VF8whIQXhZhAYqKFBraVRKPFaJW0pcSIVPduu3vvcebcPXfPvbvb7NZ0T7J35syZme/8zZxZgGJLdTszzCJ/Ut1ZyVS19m4nK4uNB8o1WK0jnT3Rkc5tYx5D9iQQLOV26LmYomUaymlHz+xGz3NHlYrxGRlsRmQAT0KXIQ+xggavhCSRTuV5F5UUhDbY3SfjYzO5m9SfGBmwt2h5dQ8It0cGmldhKu38A1Iu0RYmbbLsVlFtkBXzrjMZ7FRmwIZvjiSVA+Z1K9s5PaCpQMD3dSdKeZmCznhtdID7PEGmapnMcNt+XCYmx3N/zjdxFPhe5ph92LcoOlCGvzk5LayFEvJQZrD5KVQncN+ZrcUoqkPrvy+KxxeMrWtBWFE8lmQc4LHVpVXu6LACPWYkyOUxWu89U3prqhQRuTmAm7+X+pdGXVNV8cp9NA7KtKoIaENPqZuAQrxRRaeqmI+RTqNLRdqSWOJTR85dZm2UaLtu4byU8FDUmhHZyJSXdsiQcox7IHtplzrppkzQjf66bZn95hd9SLsSbiEH7T1Ov/Tku2EVo4f4b+sjyQe+PIjBsQcOUunsH4T4sKFelbWarI3XjyY4ev3E096d/a5WYzZy8+73fHuVg01vyRY66Se5U09TMUMGSOnzb75R9Rhr3fXL7YRYqDE7+WXG+ThIKdrrC5tL931nZ4nvbBOUA7SWTz3Ap0MOtqYs6HspDkv91AT9e+Lw8hY/q5/pSsC5t9W+mV5ay3JWnPTnCr4OI+bL46fkAPFKaAY8oo2Zn9eYxinffcBJ8RNWXki7MZC8KDKD9qsLMebcyHZlS6jJGb0rOrHW7YCCZ4gfJQ2kzoiDQwu8greX3vVe3deUE2jMSm4Y/gintIxpEI2m0OQ5Vgoydxg82FfrrWUw2pzPY5jsjwKavpmvOAEF6jrnFxKkUYAiyFDMsl+sNJnQBBg47znD9aSWSoBVZXT4TcLeZE4kuAScTbleWDRwnhUlXMZgLD1JtQMkOEmp/DUtbATVDxTVgfQASe+rRoBGMQSKZ4V6/aIjDeozNpUm9PRWaWseRDjbk6A8jjA+7cGuo8FjCqdficMTj/oJ/sCpWRi+5SkvzzxuwYf7qSiidjFTgN7P8oqv+CFsgQh/VRwk4TQ9dj9PUPRTlfHtTz6A1uW+S2X6+F1P/bR8bNKDO/ck5AsSro6FbbROQKnmwPZ09jj5fz0QNpChp+SkWIn2OypzNRCYoRiTqy0Vhpt7nLVzHvxIgVr25i7KvKhCaxLJdZyQVCK6dsz+lUJi76KARZzSioe4PNTZ0K84SIlCou7iLOJ7/i6lYStm7dAlpVYOJoAgU6X/Anr4f1LaaoqywZbVySNmQWx6DT1G5kCU331WWmPDs9vQlc9LlCnKH2voKq0gvTyX8ES5jP+BipQLbcsSlyuV8lGf3P8PtUieM6rZ74UAAAAASUVORK5CYII=) no-repeat;
                        background-size: contain
                    }

                    .common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .consult span {
                        display: inline-block;
                        font-size: 12px;
                        color: #3a75ee;
                        line-height: 26px;
                        vertical-align: middle
                    }

        .common-frame-modal-wrap .modal-content .mod-house-online {
            width: 712px;
            position: relative
        }

            .common-frame-modal-wrap .modal-content .mod-house-online .jump-to-frame-all {
                display: inline-block;
                padding: 10px 20px;
                text-decoration: none;
                font-size: 14px;
                color: #9d9d9d;
                cursor: pointer
            }

            .common-frame-modal-wrap .modal-content .mod-house-online .type-tab {
                float: left
            }

                .common-frame-modal-wrap .modal-content .mod-house-online .type-tab li {
                    padding: 10px 20px;
                    float: left;
                    color: #394043;
                    cursor: pointer
                }

                    .common-frame-modal-wrap .modal-content .mod-house-online .type-tab li a {
                        text-decoration: none;
                        font-size: 14px;
                        color: #9d9d9d
                    }

                    .common-frame-modal-wrap .modal-content .mod-house-online .type-tab li:first-child {
                        padding-left: 0
                    }

                .common-frame-modal-wrap .modal-content .mod-house-online .type-tab .item.active > * {
                    position: relative;
                    font-family: HiraginoSansGB-W6;
                    font-size: 14px;
                    color: #0079fe
                }

                .common-frame-modal-wrap .modal-content .mod-house-online .type-tab .item.active > :after {
                    content: " ";
                    background: #0079fe;
                    bottom: -11px;
                    height: 1px;
                    left: 0;
                    position: absolute;
                    width: 100%
                }

            .common-frame-modal-wrap .modal-content .mod-house-online .houselist.carousel {
                top: 30px;
                width: 753px
            }

                .common-frame-modal-wrap .modal-content .mod-house-online .houselist.carousel .carousel-body > .item {
                    margin-right: 0;
                    width: 753px;
                    display: inline-block;
                    overflow-y: auto;
                    white-space: normal;
                    height: 370px
                }

            .common-frame-modal-wrap .modal-content .mod-house-online .housemore {
                padding-left: 30px;
                padding-right: 30px
            }

            .common-frame-modal-wrap .modal-content .mod-house-online .house-intro {
                font-size: 14px;
                color: #999;
                display: inline-block;
                width: 100%;
                border-top: 1px solid #e4e4e4;
                border-bottom: 1px solid #e4e4e4;
                padding: 30px 0
            }

            .common-frame-modal-wrap .modal-content .mod-house-online .det-line-h {
                display: inline-block;
                background: #eee;
                height: 1px
            }

            .common-frame-modal-wrap .modal-content .mod-house-online .house-det {
                position: relative;
                width: 230px;
                height: 338px;
                display: inline-block;
                margin-right: 12px;
                border: 1px solid #e4e6f0;
                border-radius: 2px;
                vertical-align: baseline
            }

                .common-frame-modal-wrap .modal-content .mod-house-online .house-det .card-img {
                    height: 50%;
                    width: 100%;
                    -o-object-fit: contain;
                    object-fit: contain;
                    border-bottom: 1px solid #e4e6f0
                }

                .common-frame-modal-wrap .modal-content .mod-house-online .house-det .card-content {
                    height: 50%;
                    padding: 20px 10px 10px
                }

                    .common-frame-modal-wrap .modal-content .mod-house-online .house-det .card-content .content-title {
                        margin-bottom: 10px;
                        font-size: 14px;
                        font-weight: 700
                    }

                        .common-frame-modal-wrap .modal-content .mod-house-online .house-det .card-content .content-title .p1-state {
                            vertical-align: text-bottom;
                            display: inline-block;
                            padding: 0 3px;
                            height: 16px;
                            font-size: 12px;
                            font-weight: 400;
                            text-align: center;
                            line-height: 16px;
                            border-radius: 2px
                        }

                        .common-frame-modal-wrap .modal-content .mod-house-online .house-det .card-content .content-title .p1-blue {
                            background-image: linear-gradient(-135deg,#47cc95,#26b479);
                            color: #fff
                        }

                        .common-frame-modal-wrap .modal-content .mod-house-online .house-det .card-content .content-title .p1-gray, .common-frame-modal-wrap .modal-content .mod-house-online .house-det .card-content .content-title .p1-orange {
                            background-image: linear-gradient(-135deg,#f99f82,#ff5722);
                            color: #fff
                        }

                    .common-frame-modal-wrap .modal-content .mod-house-online .house-det .card-content .content-area {
                        color: #9c9fa1;
                        font-size: 14px;
                        margin-bottom: 10px
                    }

                    .common-frame-modal-wrap .modal-content .mod-house-online .house-det .card-content .content-price {
                        margin-bottom: 5px;
                        font-size: 16px;
                        color: #fa5741
                    }

                    .common-frame-modal-wrap .modal-content .mod-house-online .house-det .card-content .content-tags {
                        margin-bottom: 10px;
                        height: 24px
                    }

                        .common-frame-modal-wrap .modal-content .mod-house-online .house-det .card-content .content-tags span {
                            font-size: 12px;
                            color: #849aad;
                            margin-right: 5px;
                            height: 24px;
                            vertical-align: middle;
                            line-height: 24px;
                            padding: 0 7px;
                            display: inline-block;
                            background-color: #f2f4f6
                        }

                    .common-frame-modal-wrap .modal-content .mod-house-online .house-det .card-content .content-bts .add-contrast {
                        padding: 0 14px;
                        height: 28px;
                        line-height: 28px;
                        display: inline-block;
                        border: 1px solid #9c9fa1;
                        border-radius: 2px;
                        text-align: center;
                        font-family: PingFangSC-Regular;
                        font-size: 12px;
                        color: #9c9fa1;
                        cursor: pointer
                    }

            .common-frame-modal-wrap .modal-content .mod-house-online .more-house-det {
                height: 50px;
                width: 100%;
                margin-top: 30px;
                display: block;
                color: #9c9fa1;
                background: #0079fe;
                font-size: 16px;
                line-height: 50px;
                text-align: center;
                box-sizing: border-box;
                border-radius: 4px;
                border: 1px solid #ced2d6;
                background: #fff;
                cursor: pointer
            }

                .common-frame-modal-wrap .modal-content .mod-house-online .more-house-det:hover {
                    background: rgba(206,210,214,.05)
                }

                .common-frame-modal-wrap .modal-content .mod-house-online .more-house-det a {
                    position: relative !important;
                    color: #9c9fa1
                }

            .common-frame-modal-wrap .modal-content .mod-house-online .all-list {
                font-size: 14px;
                width: 100%;
                margin-top: -1px;
                height: 46px;
                background: #fbfbfb;
                text-align: center;
                line-height: 46px;
                border-top: 1px solid #e4e4e4
            }

                .common-frame-modal-wrap .modal-content .mod-house-online .all-list .more {
                    cursor: pointer;
                    color: #999
                }

                    .common-frame-modal-wrap .modal-content .mod-house-online .all-list .more a {
                        color: #999
                    }

                    .common-frame-modal-wrap .modal-content .mod-house-online .all-list .more:hover {
                        text-decoration: underline
                    }

.mod-car-container {
    width: 712px;
    height: 86px;
    position: relative;
    background-image: url(../../pages/detail/img/看房bg@2x.png?f9960ac797cb0f55578b);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

    .mod-car-container .left-container {
        height: 100%;
        overflow: hidden
    }

        .mod-car-container .left-container .title {
            font-family: PingFangSC-Semibold;
            font-size: 20px;
            color: #fff;
            margin-top: 18.6px;
            margin-left: 22.3px
        }

        .mod-car-container .left-container .des {
            font-family: PingFangSC-Regular;
            font-size: 13px;
            color: #fff6ef;
            margin-left: 22.3px;
            display: none
        }

            .mod-car-container .left-container .des:before {
                display: inline-block;
                content: "";
                vertical-align: bottom;
                margin-right: -14px;
                height: 20px;
                width: 80px;
                background-repeat: no-repeat;
                background-size: 100% 100%;
                background-image: url(../../pages/detail/img/专车豪华@2x.png?f6a8b245581f2cb1d03b)
            }

    .mod-car-container .right-container {
        position: absolute;
        top: 25px;
        right: 30px
    }

        .mod-car-container .right-container .phone-input {
            border-top-left-radius: 18px;
            border-bottom-left-radius: 18px;
            padding: 8px 20px;
            font-family: PingFangSC-Medium;
            font-size: 14px;
            color: #fff;
            letter-spacing: -.14px;
            background: #f3af6f;
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);
            display: inline-block;
            outline: none;
            border: 0;
            margin: 0;
            width: 90px
        }

            .mod-car-container .right-container .phone-input::-moz-placeholder {
                color: #fff
            }

            .mod-car-container .right-container .phone-input::-ms-input-placeholder {
                color: #fff
            }

            .mod-car-container .right-container .phone-input::-webkit-input-placeholder {
                color: #fff
            }

        .mod-car-container .right-container .btn {
            border-top-right-radius: 18px;
            border-bottom-right-radius: 18px;
            padding: 8px 12px;
            background: #fff;
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);
            font-family: PingFangSC-Medium;
            font-size: 14px;
            color: #ff984c;
            letter-spacing: -.14px;
            display: inline-block;
            cursor: pointer
        }

        .mod-car-container .right-container .ordered-btn {
            color: #dcdcdc;
            background-color: #f8f8f9;
            cursor: not-allowed;
            border-radius: 18px;
            padding: 8px 22px
        }

        .mod-car-container .right-container .ordered-input {
            color: #dcdcdc;
            background-color: #f8f8f9;
            cursor: not-allowed;
            display: none
        }

.index-page-link {
    display: block
}

.title-link {
    color: #0079fe;
}

    .title-link, .title-link:hover {
        text-decoration: none
    }

#house-map {
    width: 940px;
    background-color: #fff;
    padding: 30px;
    margin: 0 auto 15px;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,.2)
}

    #house-map .detail-title h2 {
        font-size: 20px;
        padding-bottom: 26px;
        margin-top: -5px;
        font-weight: 400;
        display: block
    }

    #house-map .map-indicator {
        height: 28px;
        line-height: 28px;
        margin-bottom: 15px;
        font-family: Hiragino Sans GB,"\5FAE\8F6F\96C5\9ED1",Microsoft YaHei,SimHei,Tahoma,"\5B8B\4F53 b8b\4F53",SimSun,sans-serif
    }

        #house-map .map-indicator a {
            padding: 5px 6px;
            margin-right: 4px;
            color: #555
        }

            #house-map .map-indicator a:hover {
                text-decoration: none
            }

            #house-map .map-indicator a.on {
                background-color: #0079fe;
                color: #fff
            }

    #house-map .map-content {
        width: 940px;
        height: 365px
    }

    #house-map .map-box {
        position: relative
    }

    #house-map .env-list {
        position: absolute;
        top: 23px;
        bottom: 23px;
        right: 23px;
        width: 310px;
        background-color: #fff;
        box-shadow: 0 0 7px rgba(0,0,0,.45)
    }

        #house-map .env-list h3 {
            line-height: 39px;
            text-align: center;
            font-size: 14px;
            font-weight: 700;
            color: #fff;
            background-color: #568fe3
        }

        #house-map .env-list ol {
            height: 265px;
            overflow-y: auto
        }

            #house-map .env-list ol li {
                padding: 21px 0;
                border-bottom: 1px solid #e1e4e9;
                cursor: pointer
            }

    #house-map .result-list div {
        border: 0 !important
    }

.focusloupan {
    padding: 5px 10px;
    color: #666;
    font-size: 12px;
    border-top-color: #f9f9f9;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    margin-bottom: 5px;
    text-align: center;
    cursor: pointer
}



.xinfang-nav .bar-search-box ul li a .type {
    margin-left: 0
}

@media only screen and (-o-min-device-pixel-ratio:1.5),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .xinfang-all .item-list ul li .img-part .s-info i, .xinfang-all .item-list ul li .img-part .s-price, .xinfang-banner .x-banner .title, .xinfang-banner .x-filter .x-f-block .btn, .xinfang-hot .items ul.list1 li .del-list p.list-name i, .xinfang-nav .phone {
        background-image: url(../../common/img/Sprite_Graphic_v2@2x.png?ae518c1d3277ccf08cba);
        background-size: 717px 230px
    }

    .xinfang-nav .logo {
        background-image: url(../../common/img/logo@2x.png?7db75782c3a9a4086929)
    }

    .line {
        background-image: url(../../common/img/line@2x.png?e4e0b661cf6cb1027db1)
    }
}

.search-map i {
    width: 12px;
    height: 17px;
    background-position: -110px -70px;
    margin-right: 5px;
    vertical-align: -4px;
    margin-top: 2px
}

.go-top i, .search-map i {
    display: inline-block;
    background-image: url(../../common/img/match-icon.png?5e5422e6e476d99b1ae6);
    background-repeat: no-repeat
}

.go-top i {
    height: 8px;
    width: 15px;
    background-position: -159px -70px;
    background-size: 210px 175px
}

.explain, .who {
    display: none
}

.newwatchTime, .watchedTime {
    margin: 0 5px
}

.lineTwo {
    margin: 3px 0
}

    .lineTwo .phone-qr-wrap {
        position: absolute;
        top: -38px;
        left: 170px;
        display: inline-block;
        width: 100px;
        height: auto;
        line-height: 26px;
        padding-top: 4px;
        text-align: center;
        background: #fff;
        border: 0 !important;
        z-index: 9
    }

        .lineTwo .phone-qr-wrap .phone-qr-img {
            width: 90px;
            height: 90px
        }

        .lineTwo .phone-qr-wrap #phone-qr-desc {
            display: none;
            line-height: 12px;
            padding: 5px 0;
            font-family: PingFangSC-Medium;
            font-size: 12px;
            color: #999
        }

.phone-qr-wrap {
    position: absolute;
    right: -120px;
    top: -30px;
    display: inline-block;
    width: 114px;
    height: 130px;
    line-height: 26px;
    padding-top: 4px;
    text-align: center;
    background: #fff;
    border: 1px solid #e8e8e8;
    z-index: 9
}

    .phone-qr-wrap .phone-qr-img {
        width: 100px;
        height: 100px
    }

    .phone-qr-wrap #phone-qr-desc {
        display: inline-block;
        font-family: PingFangSC-Medium;
        font-size: 12px;
        color: #999
    }

.phone-s {
    cursor: pointer
}

    .phone-s .phone-qr-wrap {
        position: absolute;
        right: -120px;
        top: 0;
        display: inline-block;
        width: 114px;
        height: 130px;
        line-height: 26px;
        padding-top: 4px;
        text-align: center;
        background: #fff;
        border: 1px solid #e8e8e8;
        z-index: 9
    }

        .phone-s .phone-qr-wrap #phone-qr-desc {
            display: inline-block;
            font-family: PingFangSC-Medium;
            font-size: 12px;
            color: #999
        }

.popup-xcxqr-wrapper .phone-qr-wrap {
    left: -128px !important
}

.hoverAgentPhone {
    cursor: pointer
}

.agent-card-box {
    display: inline-block;
    position: relative
}

    .agent-card-box .agent-card {
        display: inline-block;
        width: 24px;
        height: 18px;
        background: url(../../pages/detail/img/agent-card.png?ca3946128b6a0b8eaf51) no-repeat;
        background-size: 24px 18px;
        vertical-align: top;
        margin-top: 1px;
        cursor: pointer
    }

    .agent-card-box .agent-card-img {
        display: none;
        z-index: 10;
        position: absolute;
        top: -330px;
        left: 26px;
        padding: 10px;
        background: #fff;
        box-shadow: 0 2px 6px 0 rgba(0,0,0,.3);
        border-radius: 4px;
        text-align: center
    }

        .agent-card-box .agent-card-img .agent-card-img-inner {
            display: block;
            line-height: 480px;
            width: 388px;
            height: 480px;
            background: #f8f8f9;
            border-radius: 1px;
            overflow: hidden
        }

            .agent-card-box .agent-card-img .agent-card-img-inner img {
                width: 388px;
                vertical-align: middle
            }

        .agent-card-box .agent-card-img .agent-card-img-title {
            display: block;
            font-size: 14px;
            color: #394043;
            margin-top: 15px;
            margin-bottom: 30px
        }

.clearbox {
    clear: both;
    padding-bottom: 0 !important
}

.download-app-wrapper {
    position: relative
}

    .download-app-wrapper .download-content:hover .download-app-qr {
        display: block;
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }

    .download-app-wrapper .download-app-qr {
        -webkit-transform: scale(0) translateY(0);
        -webkit-transform-origin: 50% 0;
        background: #fff;
        border: 1px solid #eee;
        box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
        padding: 26px 26px 16px;
        position: absolute;
        right: -12px;
        top: 60px;
        transform: scale(0) translateY(0);
        transform-origin: 50% 0;
        z-index: 99
    }

    .download-app-wrapper .download-qr-big {
        text-align: center
    }

        .download-app-wrapper .download-qr-big canvas {
            margin: 0 auto
        }

    .download-app-wrapper .download-app-text {
        font-family: HiraginoSansGB-W3;
        font-weight: 300;
        font-size: 12px;
        color: #999;
        letter-spacing: 0;
        line-height: 18px;
        width: 90px;
        text-align: center;
        margin: 0 auto;
        padding-top: 10px
    }

.footer .beike-links-container {
    padding: 0;
    border: none
}

.footer .bottom {
    color: #9c9fa1;
    padding-top: 0;
    padding-bottom: 80px
}

    .footer .bottom .copyright {
        color: #9c9fa1 !important
    }

.section-anchor {
    color: transparent;
    opacity: 0;
    position: absolute;
    top: -60px;
    z-index: -1
}


.carousel .swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.carousel .swiper-slide {
    background-size: cover;
    background-position: center;
    cursor: pointer;
}

.carousel .gallery-top {
    height: 80%;
    width: 100%;
}

.carousel .gallery-thumbs {
    height: 100px;
    box-sizing: border-box;
    padding: 10px 0;
}

    .carousel .gallery-thumbs .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.4;
        cursor: pointer;
    }

    .carousel .gallery-thumbs .swiper-slide-thumb-active {
        opacity: 1;
    }

.share .layui-btn {
    height: auto;
    line-height: initial;
    padding: 4px 8px;
}

.ZiXunTel {
    margin-left: 10px;
}

.swiper-wrapper .MaxImages {
    position: relative;
}

    .swiper-wrapper .MaxImages img {
        width: 100%;
        height: 100%;
    }

.swiper-wrapper .MinImages img {
    width: 100%;
    height: 100%;
}

.ImgTitle {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    background: rgba(0,0,0,.7);
    color: #fff;
    text-align: center;
    font-size: 12px;
    padding: 4px 0px;
}

.Thumbnail_Img {
}

.icon3d {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    cursor: pointer;
}

.icon3d_2 {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -30px;
    cursor: pointer;
}

    .icon3d_2 img {
        width: 100%;
        height: 100%;
    }

@-webkit-keyframes rotation {

    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

.ico_VR {
    -webkit-transform: rotate(360deg);
    animation: rotation 3s linear infinite;
    -moz-animation: rotation 3s linear infinite;
    -webkit-animation: rotation 3s linear infinite;
    -o-animation: rotation 3s linear infinite;
}





.agent-sj-clear {
    clear: both
}


.mod-panel-houseonline .layui-tab-content {
    padding: 10px 0px;
}

.house-det li {
}




.agent-sj-clear {
    clear: both
}

.component-agent-xf-pc-6 {
    font-family: Hiragino Sans GB,Microsoft Yahei UI,Microsoft Yahei,微软雅黑,Segoe UI,Tahoma,宋体b8b\\4f53,SimSun,sans-serif;
    font-size: 14px;
    background: #fff;
    line-height: 1.15
}

    .component-agent-xf-pc-6 .agent-sj-section-anchor {
        color: rgba(0,0,0,0);
        opacity: 0;
        position: absolute;
        top: -60px;
        z-index: -1
    }

    .component-agent-xf-pc-6 .agent-sj-phone-qr-wrap {
        position: absolute;
        right: -120px;
        top: -30px;
        display: inline-block;
        width: 114px;
        height: 130px;
        line-height: 26px;
        padding-top: 4px;
        text-align: center;
        background: #fff;
        border: 1px solid #e8e8e8;
        z-index: 9
    }

    .component-agent-xf-pc-6 .agent-sj-mod-consult {
        position: relative;
        width: 1186px;
        margin: 0 auto
    }

        .component-agent-xf-pc-6 .agent-sj-mod-consult h2 {
            display: block;
            margin-top: -5px
        }

        .component-agent-xf-pc-6 .agent-sj-mod-consult .agent-sj-section-anchor {
            top: -30px
        }

    .component-agent-xf-pc-6 .agent-sj-consult-sub-title {
        margin-top: 10px
    }

        .component-agent-xf-pc-6 .agent-sj-consult-sub-title .agent-sj-title-text {
            font-size: 14px;
            color: #9399a5;
            letter-spacing: 0;
            line-height: 14px;
            vertical-align: middle;
            font-weight: 400
        }

        .component-agent-xf-pc-6 .agent-sj-consult-sub-title .agent-sj-title-icon {
            display: inline-block;
            width: 0;
            height: 10px;
            line-height: 10px;
            border: 1px solid #979797;
            border: 1px solid hsla(0,0,59.2%,.23);
            margin: 0 8px;
            vertical-align: middle
        }

    .component-agent-xf-pc-6 .agent-sj-consult-wrapper {
        padding: 0;
        list-style: none;
        margin: 20px 0 0;
        white-space: nowrap;
        overflow-x: auto;
    }

    .component-agent-xf-pc-6 .agent-sj-consult-item {
        display: inline-block;
        width: 268px;
        padding: 20px 0;
        margin-right: 32px;
        background: #fff;
        border: 1px solid #f0f0f0;
        border-radius: 6px;
    }

    .component-agent-xf-pc-6 .agent-sj-agent-img {
        float: left;
        margin: 0 0 20px 20px;
        width: 72px;
        height: 72px;
        border-radius: 50%;
    }

    .component-agent-xf-pc-6 .agent-sj-consult-info {
        display: table-cell;
        padding-left: 17px;
        width: 9999px
    }

    .component-agent-xf-pc-6 .agent-sj-name {
        display: inline-block;
        margin-right: 8px;
        font-size: 16px;
        color: #333;
        font-weight: 700;
        vertical-align: middle
    }

    .component-agent-xf-pc-6 .agent-sj-coop {
        display: inline-block;
        margin-right: 8px;
        height: 18px;
        line-height: 18px;
        font-size: 12px;
        color: #839aae;
        padding: 0 6px;
        background: #f3f5f7;
        vertical-align: middle
    }

    .component-agent-xf-pc-6 .agent-sj-look-deal {
        margin-top: 6px
    }

    .component-agent-xf-pc-6 .agent-sj-text {
        font-size: 12px;
        color: #333;
        vertical-align: middle
    }

    .component-agent-xf-pc-6 .agent-sj-split {
        display: inline-block;
        width: 0;
        height: 12px;
        margin: 0 8px;
        border: 1px solid #eee;
        vertical-align: middle
    }

    .component-agent-xf-pc-6 .agent-sj-phone {
        position: relative;
        margin-top: 5px;
        cursor: pointer
    }

.agent-sj-num {
    font-size: 14px;
    color: #fa5741;
    line-height: 18px;
    margin-right: 3px;
    vertical-align: middle;
    font-weight: 700
}



.component-agent-xf-pc-6 .mouse-hover-img:hover .agent-sj-qr-code-wrap {
    display: block
}

.component-agent-xf-pc-6 .agent-sj-qr-code-wrap {
    display: none;
    position: absolute;
    top: -60px;
    left: 30px;
    width: 115px;
    height: 115px;
    text-align: center;
    background: #fff;
    z-index: 9;
    border: 1px solid #e8e8e8;
    font-family: PingFangSC-Medium;
    font-size: 12px;
    color: #999;
    padding-top: 4px
}

    .component-agent-xf-pc-6 .agent-sj-qr-code-wrap img {
        width: 90px;
        height: 90px
    }

.component-agent-xf-pc-6 .agent-sj-qr-code {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    display: block;
    margin: 0 auto
}



.component-agent-xf-pc-6 .agent-sj-consult-title {
    font-size: 24px;
    color: #101d37;
    letter-spacing: 0;
    font-weight: 700
}





.agent-sj-clear {
    clear: both
}





.component-agent-xf-pc-3 {
    margin-top: 15px
}



    .component-agent-xf-pc-3 .agent-sj-container .mouse-hover-img:hover .agent-sj-qr-code-wrap {
        display: block
    }

    .component-agent-xf-pc-3 .agent-sj-container .agent-sj-qr-code-wrap {
        display: none;
        position: absolute;
        top: -60px;
        left: 30px;
        width: 115px;
        height: 115px;
        text-align: center;
        background: #fff;
        z-index: 9;
        border: 1px solid #e8e8e8;
        font-family: PingFangSC-Medium;
        font-size: 12px;
        color: #999;
        padding-top: 4px
    }

    .component-agent-xf-pc-3 .agent-sj-container .agent-sj-qr-code {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        display: block;
        margin: 0 auto
    }



    .component-agent-xf-pc-3 .agent-sj-container .agent-sj-tag {
        margin-left: 6px
    }

.xinfang-nav .breadcrumbs a {
    color: #9c9fa1;
}

.tags-wrap .XinPanPrice {
    font-family: Tahoma-Bold;
    font-size: 20px;
    color: #fe615a;
    margin-left: 8px;
}

.Detail .auto {
    width: 100%;
    height: auto;
    overflow: hidden
}

.Detail ul {
    overflow: hidden
}

.Detail li {
    width: 50%;
    float: left;
    height: 35px;
    line-height: 35px;
}

.Detail .Title {
    color: #777;
    width: 56px;
    height: 36px;
    margin-right: 20px;
    overflow: hidden;
    font-family: "Hiragino Sans GB","微软雅黑","Microsoft YaHei",SimHei,Tahoma,"宋体b8b体",SimSun,sans-serif;
}

.Detail .Title2 {
    float: left;
    color: #777;
    width: 56px;
    height: 36px;
    margin-right: 20px;
    overflow: hidden;
    font-family: "Hiragino Sans GB","微软雅黑","Microsoft YaHei",SimHei,Tahoma,"宋体b8b体",SimSun,sans-serif;
}

.Detail .txt {
    color: #333;
    font-family: "Hiragino Sans GB","微软雅黑","Microsoft YaHei",SimHei,Tahoma,"宋体b8b体",SimSun,sans-serif;
}

.Detail .txt2 {
    float: left;
    width: 680px;
    color: #333;
    font-family: "Hiragino Sans GB","微软雅黑","Microsoft YaHei",SimHei,Tahoma,"宋体b8b体",SimSun,sans-serif;
}

.Mian_Box {
    margin-top: 15px;
    padding-top: 15px;
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
    padding-bottom: 15px;
}

    .Mian_Box .h2 {
        font-size: 22px;
        font-weight: bold;
        color: #101d37;
    }

    .Mian_Box .subInfo {
        font-size: 14px;
        margin-top: 8px
    }


    .Mian_Box ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .Mian_Box li {
    }

.PeiTaoTag {
    background: #19be6b;
    color: #fff;
    padding: 4px 6px;
    border-radius: 4px;
}

.xinfang-nav .breadcrumbs i {
    font-size: 12px;
}


/*经纪人*/
.agentinfo-wrapper .agent-content .agent-main .left-part {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 123px;
    height: 163px;
}

.agentinfo-wrapper .agent-content .agent-main .right-part.agent-detail {
    position: relative;
    top: -7px;
    min-height: 182px;
}

    .agentinfo-wrapper .agent-content .agent-main .right-part.agent-detail .agent-detail-top {
        display: flex;
        align-items: baseline;
    }

        .agentinfo-wrapper .agent-content .agent-main .right-part.agent-detail .agent-detail-top .agent-name {
            display: inline-block;
            font-size: 30px;
            height: 42px;
            margin-right: 15px;
        }

        .agentinfo-wrapper .agent-content .agent-main .right-part.agent-detail .agent-detail-top .agent-otherinfo {
            display: flex;
            align-items: center;
        }

            .agentinfo-wrapper .agent-content .agent-main .right-part.agent-detail .agent-detail-top .agent-otherinfo .agent-tel {
                line-height: 15px;
                font-size: 20px;
                color: #db4c3f;
                vertical-align: middle;
            }

.agentinfo-wrapper .agent-content .agent-main {
    min-height: 182px;
    height: auto;
    margin-bottom: 15px;
    position: relative;
    padding-left: 157px;
}

.agentinfo-wrapper .agent-content {
    display: inline-block;
    margin-right: 240px;
}

.agentinfo-wrapper {
    color: #3f3f3f;
    width: 1200px;
    margin: 0 auto;
    padding: 28px;
    box-sizing: border-box;
    position: relative;
}

.agent-pic {
    width: 120px;
    height: 120px;
}

    .agent-pic img {
        width: 100%;
        height: 100%;
    }

.agentinfo-wrapper .wxcode-wrapper {
    display: inline-block;
    position: absolute;
    height: 100%;
    right: 10px;
    padding-top: 10px;
    box-sizing: border-box;
    top: 0;
    text-align: center;
}

    .agentinfo-wrapper .wxcode-wrapper .wxcode-img {
        display: inline-block;
        width: 131px;
    }

    .agentinfo-wrapper .wxcode-wrapper .wxcode-desc {
        margin: 10px 0px;
        font-size: 14px;
        text-align: center;
        color: #333;
    }

.agentinfo-wrapper .agent-content .agent-main .right-part.agent-detail .info-list .info-list-li {
    width: 364px;
    margin-right: 19px;
    font-size: 14px;
    height: auto;
    margin-bottom: 3px;
    line-height: 26px;
}

    .agentinfo-wrapper .agent-content .agent-main .right-part.agent-detail .info-list .info-list-li .info-item-label {
        font-weight: 700;
        color: #333;
        height: 100%;
    }

.agentinfo-wrapper .agent-content .agent-main .right-part.agent-detail .agent-adress {
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    cursor: pointer;
    color: #2f72f3;
}

    .agentinfo-wrapper .agent-content .agent-main .right-part.agent-detail .agent-adress .map-text {
        color: #2f72f3;
        line-height: 17px;
        font-size: 12px;
        vertical-align: bottom;
        position: relative;
        top: 1px;
    }

.pub-tag {
    line-height: 1;
    background: #3072f6;
    border-radius: 2px;
    padding: 4px;
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
}

.JingJiRen_BaLiaoIm {
    background: #dde9f9;
    color: #4285f4;
    border-radius: 2px;
    padding: 4px 8px;
    cursor: pointer;
}

.house-item-wrapper {
    border: none;
    border-bottom: 1px solid #f1f1f1;
    padding: 35px 0;
}

    .house-item-wrapper .item-img-wrapper {
        width: 236px;
        height: 177px;
        position: relative;
        display: inline-block;
        float: left;
    }

        .house-item-wrapper .item-img-wrapper .vr-icon {
            width: 45px;
            height: 45px;
            position: absolute;
            left: 8px;
            bottom: 8px;
            background-image: url(../images/ico_vr01.png);
            background-repeat: no-repeat;
            background-size: contain;
        }

        .house-item-wrapper .item-img-wrapper .item-img {
            width: 100%;
            height: 100%;
            display: block;
            background-color: #f5f5f6;
            background-repeat: no-repeat;
            background-position: 50%;
            background-image: url(../images/ico_vr01.png);
        }

    .house-item-wrapper .house-info-wrapper {
        display: inline-block;
        vertical-align: top;
        color: #9399a5;
        font-size: 14px;
        max-width: 640px;
        width: 575px;
        margin-left: 39px;
    }

        .house-item-wrapper .house-info-wrapper .info-title {
            font-weight: 700;
            color: #101d37;
            height: 30px;
            overflow: hidden;
            width: 500px;
            position: relative;
            bottom: 4px;
        }

            .house-item-wrapper .house-info-wrapper .info-title .info-title-a {
                font-family: PingFangSC-Semibold;
                font-size: 22px;
                color: #101d37;
                max-width: 430px;
                text-decoration: none;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                line-height: 30px;
                display: inline-block;
            }

        .house-item-wrapper .house-info-wrapper .address-wrapper {
            margin-top: 10px;
            margin-left: 0;
            color: #9399a5;
            font-size: 14px;
        }

            .house-item-wrapper .house-info-wrapper .address-wrapper .house-block-a {
                color: #9399a5;
            }

        .house-item-wrapper .house-info-wrapper .floor-wrapper {
            margin-top: 15px;
        }

        .house-item-wrapper .house-info-wrapper .tag-list-wrapper {
            margin-top: 16px;
        }

            .house-item-wrapper .house-info-wrapper .tag-list-wrapper .house-tag {
                display: inline-block;
                color: #849aae;
                font-size: 12px;
                line-height: 30px;
                padding: 0 11px;
                margin-right: 6px;
                background-color: #f4f7f9;
                height: 30px;
            }

            .house-item-wrapper .house-info-wrapper .tag-list-wrapper .XinPanStateName {
                color: #fff;
            }


    .house-item-wrapper .right-part {
        display: inline-block;
        position: relative;
        height: 176px;
    }

        .house-item-wrapper .right-part .price-wrapper {
            display: inline-block;
            position: absolute;
            top: 35px;
        }

            .house-item-wrapper .right-part .price-wrapper .total-price {
                text-align: right;
                width: 130px;
                font-size: 14px;
                color: #db4c3f;
                line-height: 37px;
                height: 37px;
            }

                .house-item-wrapper .right-part .price-wrapper .total-price .price-number {
                    font-size: 26px;
                    font-weight: 700;
                }

            .house-item-wrapper .right-part .price-wrapper .unit-price {
                position: relative;
                text-align: right;
                margin-top: 11px;
                width: 130px;
                font-size: 12px;
                color: #101d37;
            }


.search-result-list-wrapper {
    width: 100% !important;
    border: none !important;
}

    .search-result-list-wrapper .area {
        color: #999;
        margin-left: 10px;
    }

    .search-result-list-wrapper .ShangQuann {
        color: #999;
        margin-left: 10px;
    }

.resblock-type {
    color: #999;
}

.search-result-list-wrapper .price {
    color: #fe615a;
    margin-right: 10px;
}

.agent-sj-container {
    display: flex;
}

.createChat {
    background-color: #f4f8fe;
    border: 1px solid #1e9fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #1e9fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
}

.YuYueKanFangHtml {
    font-size: 20px;
}

    .YuYueKanFangHtml .input-group-Tips {
        position: absolute;
        top: 16px;
        right: 22px;
    }

.modal-title {
    color: #394043;
    font-size: 24px;
    font-weight: 700;
    font-family: PingFangSC-Medium;
}

.mod-banner .resblock-info {
    width: 500px;
}

.mod-global .swiper-button-prev {
    background: rgba(0, 0, 0, 0.6);
    --swiper-navigation-size: 20px;
    padding: 30px 15px;
    --swiper-theme-color: #d5d4d4;
    margin-top: -25px;
    left: 5px;
}

.mod-global .swiper-button-next {
    background: rgba(0, 0, 0, 0.6);
    --swiper-navigation-size: 20px;
    padding: 30px 15px;
    --swiper-theme-color: #d5d4d4;
    margin-top: -25px;
    right: 5px;
}

.fangruan-menu {
}