@media screen and (max-width:320px) {
    html, body {
        font-size: 14px;
    }
}

@media screen and (min-width:321px) and (max-width:425px) {
    html, body {
        font-size: 16px;
    }
}

@media screen and (min-width:426px) and (max-width:768px) {
    html, body {
        font-size: 24px;
    }
}

@media screen and (min-width:769px) {
    html, body {
        font-size: 30px;
    }
}

.clearfix:after, .clearfix:before {
    display: table;
    content: " ";
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.list_sale_index div {
    margin: 0;
    padding: 0;
}

/*切换电脑版  start */
.OpenPcWeb{
    width:100%; background-color:#f3faff; height:2.2rem; line-height:2.2rem; text-align:center;position: relative;display:none;
}
@media screen and (min-width:769px) {
    .OpenPcWeb {
        display:block;
    }
}
.OpenPcWeb a.link{
    width: 80%;
    display: inline-block;
    line-height: 2.2rem;
    color: #ff0000;
    font-size: .85rem;
}
.OpenPcWeb .close-box{
    position: absolute;
    top: -1.5rem;
    right: -1.5rem;
    width: 3rem;
    height: 3rem;
    background-color: #fff;
    border-radius: 50%;
}
.OpenPcWeb .close-box .icon {
    margin-top: 1.3rem;
    margin-right: 1.2rem;
    width: 1.6rem;
    height: 1.6rem;
    display: inline-block;
    border: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: .9rem;
}
.OpenPcWeb .close-box .icon-close {
    background-image: url("data:image/svg+xml,%3Csvg t='1626161307273' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='3203' width='200' height='200'%3E%3Cpath d='M843.904 783.573333 783.573333 843.904 512.042667 572.373333 240.512 843.904 180.181333 783.573333 451.712 512.042667 180.181333 240.512 240.512 180.181333 512.042667 451.712 783.573333 180.181333 843.904 240.512 572.373333 512.042667 843.904 783.573333Z' p-id='3204' fill='%23BFCAD1'%3E%3C/path%3E%3C/svg%3E");
}

/*header*/
header {position:relative;}
header p {
    line-height: 2.4rem;
}
/*切换电脑版  end */

/*顶部三条横线菜单按钮  start */
header .left {
    top: 0.6rem;
}
header .openbigmenu {
    position: absolute;
    right: 0.5rem;
    top: .55rem;
    z-index: 1;
    width: 1.3rem;
    height: 1.3rem;
    background: url(../images/menu.png) no-repeat center;
    background-size: 100% 100%;
}
header .openbigmenu.newpng {
    width: 1.32rem;
    height: 1.32rem;
    background: url(/images_default/index_all_icon.png) no-repeat;
    background-size: 2100%;
    background-position: 100% 33.6%;
}
/*顶部三条横线菜单按钮   end */
.index-focus_pt {
    padding-top:.8rem;
}
.index-focus .index-focus-oneimg{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 50%;
    overflow: hidden;
}
.index-focus.index-focus1 .index-focus-oneimg{
    padding-bottom: 10%;
}
.index-focus.index-focus2 .index-focus-oneimg{
    padding-bottom: 20%;
}
.index-focus.index-focus3 .index-focus-oneimg{
    padding-bottom: 30%;
}
.index-focus.index-focus4 .index-focus-oneimg{
    padding-bottom: 40%;
}
.index-focus.index-focus5 .index-focus-oneimg{
    padding-bottom: 50%;
}
.index-focus.index-focus6 .index-focus-oneimg{
    padding-bottom: 60%;
}
.index-focus .index-focus-oneimg img{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.index-focus .swiper.focus .swiper-slide > a > img, .index-focus .swiper.focus .swiper-slide > img {
    width:100%;
    height:100%;
}
.index-focus .swiper.focus .swiper-pagination-bullet {
    width:.8rem;
    height:.8rem;
    opacity:1;
    background-color: #fff;
}
.index-focus .swiper.focus .swiper-pagination-bullet-active {
    background-color: #f00;
}
/*首页大的快捷菜单 start*/
.index_menu_big {
    background-color: #fff;
}
.index_menu_big ul {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    padding: 20px 0 10px 0;
}
.index_menu_big ul li {
    position: relative;
    text-align: center;
    width: 25%;
    height: 0;
    padding-top: 25%;
    flex-grow: 1;
    margin-bottom: 0%;
}
.index_menu_big ul li a{
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    display: block;
    height: 100%;
    overflow: hidden;
}
.index_menu_big ul li a .icon{
    position: absolute;
    left: 18%;
    top: 0px;
    height: 64%;
    width: 64%;
    border: 0;
    background: url(/images_default/index_all_icon.png) no-repeat;
    background-position: 0px 0px;
    background-size: 434%;
}
.index_menu_big ul li a .icon.icon1{
    background-position: 0 0;
}
.index_menu_big ul li a .icon.icon2{
    background-position: 32.6666% 0;
}
.index_menu_big ul li a .icon.icon3{
    background-position: 65.1% 0;
}
.index_menu_big ul li a .icon.icon4{
    background-position: 0 38.1%;
}
.index_menu_big ul li a .icon.icon5{
    background-position: 0 18.9%;
}
.index_menu_big ul li a .icon.icon6{
    background-position: 32.6666% 18.9%;
}
.index_menu_big ul li a .icon.icon7{
    background-position: 65.1% 18.9%;
}
.index_menu_big ul li a .icon.icon8{
    background-position: 97.55555% 18.9%;
}
.index_menu_big ul li a .icon.icon9{
    background-position: 97.55555% 0;
}
.index_menu_big ul li a span{
    position: absolute;
    left: 0;
    bottom: 1%;
    width: 100%;
    text-align: center;
    font-size: .9rem;
    color: #666;
    display: block;
    line-height: 240%;
}
/*首页大的快捷菜单 end*/

/*家装建材 链接  start */
.jzjc-btn-box {
    background: #fff;
    padding: 0 .8rem;
    height: 5rem;
}
.jzjc-btn-box ~ .banner{
    margin-top:.6rem;
}
.jzjc-btn-box > ul > li{
    float:left;
    width:50%;
    padding:0 .4rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.jzjc-nav {
    width: 100%;
    float: left;
    text-align: center;
    color: #fff;
    border-radius: 0.5rem;
    height: 5rem;
}
.zxgs {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f34151), to(#f89974));
}
.jcgs {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f8880c), to(#fabd37));
}
.jzjc-nav h3 {
    margin: 1rem;
    width: 100%;
    text-align: left;
    font-size: 1.2rem;
}
.jzjc-nav p {
    margin-left: 1rem;
    font-size: .8rem;
    text-align: left;
    width: 100%;
}
.jzjc-nav span {
    float: right;
    background: #fff;
    margin: .4rem;
    margin-top: -1.4rem;
    border-radius: 1.40625rem;
    padding: 0.4rem 0.6rem;
    font-size: .8rem;
}
.jzjc_flag1 {
    color: #F26063;
}
.jzjc_flag2 {
    color: #F7A01D;
}
/*家装建材 链接   end */

/*热门搜索  start*/
.rmbq-box {
    width:100%;
    padding:.4rem 0;
    margin-top: 0.4rem;
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.klty-tab4 > .nav-tabs {
    border-bottom: 0;
    width: 100%;
}
.nav>li {
    position: relative;
    display: block;
}
.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}
.klty-tab4 > .nav-tabs > li {
    width: 25%;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
.klty-tab4 > .nav-tabs > li > a {
    margin-right: 0;
    border-radius: 0;
    text-align: center;
    color: #666;
    font-size: .8rem;
    padding: 0.4rem 0;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.klty-tab4 .nav > li > a:focus, .klty-tab4 .nav > li > a:hover {
    text-decoration: none;
    color: #ffffff;
    border-bottom-color: transparent;
    background-color: #E91E63;
    background-image: linear-gradient(145deg,#ff6297 0,#ea155e 100%);
}
.klty-tab4 > .nav-tabs > li.active > a, .klty-tab4 > .nav-tabs > li.active > a:focus, .klty-tab4 > .nav-tabs > li.active > a:hover {
    cursor: default;
    color: #ffffff;
    /* border: 1px solid #d31635; */
    border-bottom-color: transparent;
    background-color: #E91E63;
    background-image: linear-gradient(145deg,#ff6297 0,#ea155e 100%);
}
.klty-tab4 > .nav-tabs > li.active i {
    position: absolute;
    left: 50%;
    margin-left: -2px;
    bottom: 0;
    display: block;
    width: 0px;
    height: 0px;
    border-width: 0 6px 6px;
    border-color: transparent transparent #fff;
    border-style: dashed solid solid;
    font-size: 0px;
}
/*热门搜索  end*/

/*预约看房  start*/
.yykf-box {
    width:100%;
    padding:.4rem 0;
    margin-top: 0.4rem;
    background-color: #f5f5f5;
}
.yykf-box-cont {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    width: 100%;
    background-color: #ffffff;
    box-sizing: border-box;
}
.yykf-box-continfo-text{
    flex: 1;
}
.yykf-box-cont-tx1 {
    font-size: 16px;
    line-height: 1.6;
}
.yykf-box-cont-tx2 {
    font-size: 14px;
    line-height: 1.6;
    color: #999;
}
.yykf-box-cont-btn{
    padding: 0 24px;
    height: 40px;
    line-height: 40px;
    background: #f35257;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
}
/*预约看房  end*/

/*修正新闻内容   start   */
.news .bd li {
    line-height:unset;
    padding-right: 2.6rem;
}
.news .bd li span {
    display: inline-block;
    width: 2.6rem;
    margin-right: -2.6rem;
    line-height: 1.2rem;
}
.news .bd li a {
    line-height: 1rem;
    padding-right: .3rem;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*修正新闻内容   start   */

/*修正楼盘   start   */
.list_house .ul_mx li .img img {
    width: 100%;
}
/*修正楼盘   start   */

/*二手房列表*/
.list_sale_index * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.list_sale_index {
    background-color: #fff;
    margin: .4rem;
    border-radius: .3rem;
    font-size: .85rem;
}

.fixed-search ~ .list_sale_index {
    margin-top: 2.6rem;
}
.search-btn-tab-box ~ .list_sale_index {
    margin-top: .4rem;
}
.search-btn-tab-box.fixed-search-btn-tab-box ~ .list_sale_index {
    margin-top: 5.2rem;
}

.list_sale_index .kl-search-menu {
    padding: .6rem .4rem .4rem .4rem;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #ededed;
}

    .list_sale_index .kl-search-menu .kl-search-title {
        float: left;
        font-size: .9rem;
        color: #2196F3;
    }

    .list_sale_index .kl-search-menu .kl-search-link {
        float: right;
    }

    .list_sale_index .kl-search-menu .kl-search-title a, .list_sale_index .kl-search-menu .kl-search-link a{
        font-size:1rem;
        color: #f00;
    }

        .list_sale_index .kl-search-menu .kl-search-link > a, .list_sale_index .kl-search-menu .kl-search-link > a:hover, .list_sale_index .kl-search-menu .kl-search-link > a:active {
            margin-left: .5rem;
            color: #f00;
        }

.list_sale_index .ul_mx {
    padding: 0 .3rem;
    position: relative;
    overflow: hidden;
}

    .list_sale_index .ul_mx li {
        overflow: hidden;
        position: relative;
        margin-top: .8rem;
        padding-bottom: .8rem;
        text-align: left;
        border-bottom: 1px solid #ededed;
    }

        .list_sale_index .ul_mx li .img {
            float: left;
            width: 5.9rem;
            position: relative;
        }

            .list_sale_index .ul_mx li .img img {
                border-radius: .3rem;
                width: 5.9rem;
                height: 5.9rem;
                display: block;
            }

            .list_sale_index .ul_mx li .img > .number {
                position: absolute;
                left: 0px;
                bottom: 0;
                font-size:.8rem;
                color: #fff;
                height: 24px;
                line-height: 24px;
                padding: 0 8px 0 8px;
                background-color: #34495e;
                background: url(../images/2020/bg1.png) repeat-x;
            }

                .list_sale_index .ul_mx li .img > .number > i.tu-fa-picture-o {
                    display: inline-block;
                    position:relative;
                    top:3px;
                    margin-left: 3px;
                    width: 18px;
                    height: 15px;
                    background: url(../images/2020/bg_tu.png) 0 0 no-repeat;
                    background-size: 80%;
                }

        .list_sale_index .ul_mx li .zhong_wenz {
            text-align: left;
            margin-left: 6.5rem;
            overflow: hidden;
        }

        .list_sale_index .ul_mx li.item-nopic .zhong_wenz {
            margin-left: 0px;
        }

        .list_sale_index .ul_mx li .zhong_wenz h1 {
            color: #444;
            font-size: .9rem;
            line-height: 1.1rem;
            font-weight: bold;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            margin-bottom: .1rem;
        }

            .list_sale_index .ul_mx li .zhong_wenz h1 .kl-ding {
                display: inline-block;
                width: 1rem;
                /* height: .9rem; */
                line-height: .9rem;
                font-size: .6rem;
                font-weight: normal;
                color: #fff;
                background-color: #f00;
                text-align: center;
                font-style: normal;
                position: relative;
                top: -.1rem;
                padding-top: .1rem;
                border-radius: .1rem;
                margin-right: .1rem;
            }

        .list_sale_index .ul_mx li .zhong_wenz p {
            color: #999;
            line-height: 1.2rem;
            font-size: .85rem;
        }

        .list_sale_index .ul_mx li .mx {
            position: absolute;
            right: 0;
            bottom: .9rem;
            text-align: right;
        }
        .list_sale_index .ul_mx li .mx.rent {
            bottom: .9rem;
        }

            .list_sale_index .ul_mx li .mx p {
                color: #e31906;
                font-size: 1.1rem;
                font-weight: 600;
                padding-bottom: .3rem;
            }

            .list_sale_index .ul_mx li .mx span {
                color: #999;
                font-size: .8rem;
            }

        .list_sale_index .ul_mx li .zhong_wenz .housebtn {
            overflow: hidden;
            margin-top: .05rem;
        }

            .list_sale_index .ul_mx li .zhong_wenz .housebtn .flag1, .list_sale_index .ul_mx li .zhong_wenz .housebtn .flag2, .list_sale_index .ul_mx li .zhong_wenz .housebtn .flag3, .list_sale_index .ul_mx li .zhong_wenz .housebtn .flag4 {
                font-size: .65rem;
                padding: .2rem .4rem;
                float: left;
                margin-right: .2rem;
                border-radius: .2rem;
            }

            .list_sale_index .ul_mx li .zhong_wenz .housebtn .flag1 {
                background: #ffebaf;
                color: #FF9800;
            }

            .list_sale_index .ul_mx li .zhong_wenz .housebtn .flag2 {
                background: #e7f6e1;
                color: #94ab91;
            }

            .list_sale_index .ul_mx li .zhong_wenz .housebtn .flag3 {
                background: #fbe9e7;
                color: #e29076;
            }

            .list_sale_index .ul_mx li .zhong_wenz .housebtn .flag4 {
                background: #ecf3fd;
                color: #8da1bc;
            }

.news .bd .more {
    text-align: center;
    background: #fff;
    border: 1px solid #42b4fa;
    line-height: 140%;
    margin: 0 2% 2% 2%;
    margin-top: 2px;
    padding: .4rem;
    border-radius: .2rem;
}
.news .bd .more a {
    color: #42b4fa;
    display: inline-block;
    font-size: 1rem;
    width: 100%;
}

.list_sale_index .more, .list_house  .more{
    text-align: center;
    background: #fff;
    border: 1px solid #42b4fa;
    line-height: 140%;
    margin: 0;
    margin-top: 2px;
    padding: .4rem;
    border-radius: .2rem;
}
.list_house .more{
    margin: 0 2% 2% 2%;
}
.list_sale_index .more a, .list_house .more a {
    color: #42b4fa;
    display: inline-block;
    font-size: 1rem;
    width: 100%;
}

.endfoot{
    margin-top:10px;
}

/*打开模块常用关闭、最小化、最大化按钮*/
.kl_block_minmax {position:absolute; top:2px; right:6px;}
.kl_block_close {z-index:10;}
.kl_block_close, .kl_block_min, .kl_block_max {width:30px; height:30px; cursor:pointer; box-sizing:border-box; margin-right:4px; float:left; background-size:18px; background-repeat:no-repeat; background-position:center center; position:relative;}
.kl_block_minmax div:last-child {margin-right:0;}
.kl_block_close:before, .kl_block_close:after {content:""; display:block; width:20px; height:2px; background-color:#f00; position:absolute; top:14px; left:8px;}
.kl_block_close:before {transform:rotate(45deg);}
.kl_block_close:after {transform:rotate(-45deg);}
.kl_block_close:hover, .kl_block_min:hover, .kl_block_max:hover {opacity:0.8;}
.kl_block_close:before, .kl_block_close:after {transition-duration:0.2s; transition-timing-function:ease-in; transition-property:transform;}
.kl_block_close:hover:before {transform:rotate(135deg);}
.kl_block_close:hover:after {transform:rotate(45deg);}
.kl_block_close_notit {margin-right:0; background-color:#333; border:3px solid #fff; position:absolute; top:-10px; right:-10px; border-radius:50%; transition-duration:0.2s; transition-timing-function:ease-in; transition-property:background-color;}
.kl_block_close_notit:before, .kl_block_close_notit:after {background-color:#fff; top:11px; left:5px;}
.kl_block_close_notit:hover {opacity:1; background-color:#2b84d0;}
.kl_block_min {background-image:url("data:image/svg+xml,%3Csvg width='600' height='600' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M949.2 560.2H74.8c-26.6 0-48.2-21.6-48.2-48.2 0-26.6 21.6-48.2 48.2-48.2H949.2c26.6 0 48.2 21.6 48.2 48.2 0 26.6-21.6 48.2-48.2 48.2z' fill='%232d2c3b'/%3E%3C/svg%3E");}
.kl_block_min.xon {margin-right:0; background-image:url("data:image/svg+xml,%3Csvg width='2000' height='2000' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M879.1 783.6h-60.4a34.3 34.3 0 0 1 0-68.6h60.4c14.3 0 26.6-11.8 26.6-26.6V142.6c0-14.3-11.8-26.6-26.6-26.6H332.8c-14.3 0-26.6 11.8-26.6 26.6v60.4a34.3 34.3 0 0 1-68.6 0V142.6c0-52.2 42.5-94.72 94.72-94.7h546.3c52.2 0 94.72 42.5 94.72 94.7v546.3c0.5 52.2-42.5 94.72-94.2 94.7z' fill='%232c2c2c'/%3E%3Cpath d='M708.1 964.3H162.3c-57.9 0-103.9-47.1-103.9-103.9V312.6c0-57.9 47.1-103.9 103.9-103.9h546.3c57.9 0 103.9 47.1 103.9 103.9v546.8c0.5 58.4-46.08 104.96-104.4 104.96zM162.3 276.72c-19.5 0-35.84 16.4-35.84 35.8v546.8c0 19.5 16.4 35.84 35.84 35.84h546.3c19.5 0 35.84-16.4 35.84-35.84V312.6c0-19.5-16.4-35.84-35.84-35.8H162.3z' fill='%232d2c3b'/%3E%3C/svg%3E");}
.kl_block_max {background-image:url("data:image/svg+xml,%3Csvg width='600' height='600' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M944.0 0.8H79.1C35.8 0.8 0.3 36.2 0.3 79.4v864.5c0 43.2 35.4 78.6 78.7 78.6h865.9c43.3 0 78.7-35.4 78.7-78.6V79.4C1023.7 36.2 988.3 0.8 944.0 0.8z m0 943.1H79.1V79.4h865.9v864.5z m0 0' fill='%23231814'/%3E%3Cpath d='M342.8 735.7l137.8-137.5c15.7-15.7 15.7-39.3 0-55.0-15.7-15.7-39.4-15.7-55.1 0l-137.8 137.5-90.5-90.4V826.0h236.2l-90.5-90.4z m228.3-243.6c11.8 0 19.7-3.9 27.6-11.8l137.8-137.5 90.5 90.4V197.3H590.7l90.5 90.4-137.8 137.5c-15.7 15.7-15.7 39.3 0 55.0 7.9 7.9 19.7 11.8 27.5 11.8z m0 0' fill='%232d2c3b'/%3E%3C/svg%3E");}
.kl_block_max.xon {background-image:url("data:image/svg+xml,%3Csvg width='600' height='600' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M944.0 0.8H79.1C35.8 0.8 0.3 36.2 0.3 79.4v864.5c0 43.2 35.4 78.6 78.7 78.6h865.9c43.3 0 78.7-35.4 78.7-78.6V79.4C1023.7 36.2 988.3 0.8 944.0 0.8z m0 943.1H79.1V79.4h865.9v864.5z m0 0' fill='%23231814'/%3E%3Cpath d='M346.7 621.7l-137.8 137.5c-15.7 15.7-15.7 39.3 0 55.0 15.7 15.7 39.4 15.7 55.1 0l137.8-137.5 90.5 90.4V531.3H256.2l90.5 90.4zM787.5 197.3c-11.8 0-19.7 3.9-27.6 11.8l-137.8 137.5-90.5-90.4v235.8h236.2l-90.5-90.4 137.8-137.5c15.7-15.7 15.7-39.3 0-55.0-7.9-7.9-19.7-11.8-27.5-11.8z' fill='%232d2c3b'/%3E%3C/svg%3E");}
/*每页展开的导航   start*/
.nav-menu{
        position: fixed;
        width: 100%;
        background: #ffffff;
        z-index: 99999;
        bottom: 0rem;
        display: none;
        overflow: scroll;
        border-top: 1px solid #ddd;
        box-shadow: 0 0 5px 3px rgba(0,0,0,0.1);
}
.nav-menu p{
        line-height: 2rem;
    border-bottom: .03rem solid #ddd;
    padding: 0 .8rem;
    box-sizing: border-box;
    font-size: .9rem;
    color: #c6c6c6;
}
.nav-menu ul{
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
        border-bottom: 0.01rem solid #f0f0f0;
        overflow: hidden;
}
.nav-menu ul li{
        width: 25%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: .8rem 0;
        border-bottom: 0.01rem solid #f0f0f0;
        margin-bottom: -0.02rem;       
}
@media screen and (max-width:374px) {
    .nav-menu ul li{
        padding: .3rem 0;    
    }
}
.nav-menu ul li.app-help{
    width:100%;
    padding: 0;
    text-align:center;
}
.nav-menu ul li img{
        width: 2.5rem;
        height: 2.5rem;
        display: block;
        margin: 0 auto;
        margin-bottom: .5rem;
}
.nav-menu ul li a{
    text-align:center;
}
.nav-menu ul li a .icon{
    display: inline-block;
    overflow:hidden;
    width: 40px;
    height: 40px;
    margin-bottom: 8px;
    background: url(/images_default/index_all_icon.png) no-repeat;
    background-position: 0 0;
    background-size: 520%;
}
.nav-menu ul li a .icon.icon1{
    background-position: 0 54.8%;
}
.nav-menu ul li a .icon.icon2{
    background-position: 24.2% 54.8%;
}
.nav-menu ul li a .icon.icon3{
    background-position: 49% 54.8%;
}
.nav-menu ul li a .icon.icon4{
    background-position: 74% 54.8%;
}
.nav-menu ul li a .icon.icon5{
    background-position: 99% 54.8%;
}
.nav-menu ul li a .icon.icon6{
    background-position: 0 69.6%;
}
.nav-menu ul li a .icon.icon7{
    background-position: 24.2% 69.6%;
}
.nav-menu ul li a .icon.icon8{
    background-position: 49% 69.6%;
}
.nav-menu ul li a .icon.icon9{
    background-position: 74% 69.6%;
}
.nav-menu ul li a .icon.icon10{
    background-position: 99% 69.6%;
}
.nav-menu ul li a .icon.icon11{
    background-position: 0 84.5%;
}
.nav-menu ul li a .icon.icon12{
    background-position: 24.2% 84.5%;
}
.nav-menu ul li a .icon.icon13{
    background-position: 49% 84.5%;
}
.nav-menu ul li a .icon.icon14{
    background-position: 74% 84.5%;
}
.nav-menu ul li a .icon.icon21{
    background-position: 99% 84.5%;
}
.nav-menu ul li a .icon.icon22{
    background-position: 0 99.2%;
}
.nav-menu ul li a .icon.icon23{
    background-position: 24.2% 99.2%;
}
.nav-menu ul li span{
        font-size: .8rem;
        color: #333333;
        display: block;
        text-align: center;
}

.nav-menu ul li.app-help a {
    width: 88%;
    margin:1rem 0;
    text-align: center;
    color: #fff;
    border-radius: 2rem;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff672c), to(#f34151));
}
.nav-menu ul li.app-help a h3 {
    line-height:2.4rem;
    font-size:1rem;
}

@media screen and (min-width:375px) {
    .nav-menu p {
        line-height: 34px;
        font-size: 16px;
    }

    .nav-menu ul li{
        padding: 12px 0;     
    }

    .nav-menu ul li img{
        width: 40px;
        height: 40px;
        margin-bottom: 8px;
    }
    .nav-menu ul li span{
        font-size: 14px;
    }

    .nav-menu ul li.app-help a h3 {
        line-height:36px;
        font-size:14px;
    }
}
/*每页展开的导航   end*/
/*浮动框  start */
.top_float {
    width: 32px;
    position: fixed;
    bottom: 5.8rem;
    right: .4rem;
    z-index: 905;/*层要低于分享*/
}
.top_float_com_menu{
    display: inline-block;
    width: 32px;
    height: 34px;
    text-align: center;
    color: #fff;
    background-color: #ff5722;
    position: relative;
    border-radius: 2px;
    margin-bottom: 2px;
}

.top_float_com_menu:hover {
    background-color: #d81434;
}
.top_float_com_menu .zhaofang{
    margin-top: 1px;
    line-height: 13px;
}
.top_float_com_menu .zhaofang a {
    font-size: 12px;
    color: #fff;
    text-decoration: none;
}

/*浮动框  end */
/*返回顶部  start */
.top_btn {
    width: 32px;
    position: fixed;
    bottom: 3.8rem;
    right: .4rem;
    z-index: 905;/*层要低于分享*/
}

    .top_btn a {
        border: 0;
        width: 100%;
        height: 32px;
        border-radius: .1rem;
        /*position: relative;*/
        background-color: rgba(0,0,0,0.2);
        display: block;
    }

        .top_btn a.gotop {
            display: none;
        }

    .top_btn i.fa {
        font-size: 32px;
        color: white;
        padding-left: 6px;
        margin-top: -2px;
    }
/*不用字体库了*/
.gotop > div.topdeg {
    width: 14px;
    height: 14px;
    border: 2px solid #ffffff;
    border-right: 0;
    border-bottom: 0;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg); /* Internet Explorer */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari 和 Chrome */
    -o-transform: rotate(45deg); /* Opera */
    position: relative;
    top: 12px;
    left: 9px;
}
/*返回顶部  end */

/*二手房详情页 start*/
.house-info .focus .bd li img {
            width: 100%;
            display: block;
            height: calc(100vw / 16 * 9);
        }

        .house-info header ul li a {
            font-size: .8rem;
        }

        .house-info header p {
            line-height: 2.2rem;
        }

        .house-info header .left {
            top: .56rem;
            width: 0.6rem;
            height: 1rem;
        }

        .house-info header .shezhi {
            top: .55rem;
            right: .4rem;
            width: 1.12rem;
            height: 1.12rem;
        }

        .house-info .Title h1 {
            line-height: 1.4rem;
        }

        .house-info .gouwuc_ .lx .mis2 {
            width: 50%;
        }

        .house-info .fyms {
            padding: 1% 3%;
            line-height: 1.4rem;
        }

            .house-info .fyms.wxfriend .icon {
                background-image: url('/plugins/myself/images/wx.png');
            }

        .house-info .fyms1.wxfriend {
            text-align: center;
            padding: 3% 3% 0 3%;
        }

            .house-info .fyms1.wxfriend img {
                max-width: 200px;
                max-height: 200px;
            }

        .house-info .mzsm {
            background-color: #fff;
            border: 1px solid #eee;
            margin: .4rem;
            margin-top: 1rem;
            padding: .2rem .4rem;
            border-radius: .3rem;
            font-size: .65rem;
            line-height: .9rem;
            color: #a6a5a5;
        }

            .house-info .mzsm .fa {
                color: #FF5722;
                margin-right: .1rem;
            }

        .house-info .myTelShort, .myTelShort a{
            font-size: 0.85rem;
            line-height: 1.4rem;
        }

        .zuo .mis h4 {
            color: #999;
            font-size: 1rem;
            padding-bottom: 0.5rem;
        }
        .gouwuc_ .lx .mis2 {
            position:relative;
            background: #df3031;
        }
        .gouwuc_ .lx .mis2 h4 {
            width: 1.1rem;
            height: 1.4rem;
            overflow: hidden;
            display: inline-block;
            padding-top: 0.2rem;
            padding-bottom: 0rem;
        }
        .gouwuc_ .lx .mis2 h4 img {
            width: 100%;
        }
        .gouwuc_ .lx .mis2 .tel-icon {
            position: absolute;
            left: 0.6rem;
            top: 0.5rem;
            width: 1.8rem;
            height: 1.8rem;
            border-radius: 50%;
            background-color: #e76869;
        }
        .gouwuc_ .lx .mis2 .tel-icon img{
            margin-top: 0.3rem;
            margin-left: 0.15rem;
            width: 60%;
        }
        .gouwuc_ .lx .mis2 .tel-num{
            float:left;
            width:100%;
        }
        .gouwuc_ .lx .mis2 .tel-num dl{
            margin-left: 2.8rem;
            float: left;
        }
        .gouwuc_ .lx .mis2 .tel-num dl dt{
            float: left;
            width: 100%;
            line-height: 1.3rem;
            text-align: left;
            color: #ffffff;
            font-size: .8rem;
            padding-left: 0.1rem;
            padding-top: 0.1rem;
        }
        .gouwuc_ .lx .mis2 .tel-num dl dd{
            float: left;
            width: 100%;
            line-height: 1.4rem;
            text-align: left;
            color: #ffffff;
            font-size: 1.1rem;
        }
        .gouwuc_ .lx .mis4 h4 {
            width: 1.1rem;
            height: 1.4rem;
            overflow: hidden;
            display: inline-block;
            padding-top: 0.2rem;
            padding-bottom: 0rem;
        }
        .gouwuc_ .lx .mis4 h4 img {
            width: 100%;
        }
        
/*二手房详情页 end*/

/*热门关键词 start*/
.myallhotlinks-wrap{
    padding-bottom: 0px;
    background: #f8f8f8;
    overflow: hidden;
}
.myallhotlinks-wrap * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.myallhotlinks-wrap .myallhotlinks-footer {
    line-height: 140%;
    margin: 10px 0;
    background: #fff;
    font-size: 1.2rem;
    color:#666;
    font-weight:normal;
    overflow: hidden;
}
.myallhotlinks-wrap .myallhotlinks-footer dt{
    line-height: 240%;
    margin: 0 .4rem;
    background: #fff;
    font-size: 1rem;
    font-weight:normal;
    position:relative;
    border-bottom: 1px solid #e8e8e8;
}
.myallhotlinks-wrap .myallhotlinks-footer .icon {
    position:absolute;
    right:0rem;
    margin-top: .5rem;
    width: 1.6rem;
    height: 1.6rem;
    display: inline-block;
    border: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.4rem;
}
.myallhotlinks-wrap .myallhotlinks-footer .icon.icon-open {
    background-image: url("data:image/svg+xml,%3Csvg t='1665131905098' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='1251' width='200' height='200'%3E%3Cpath d='M512 685.25056L233.37472 406.62528l38.41024-38.41024L512 608.43008 752.64 368.64l37.98528 37.98528L512 685.25056z' fill='%237dc5eb' p-id='1252'%3E%3C/path%3E%3C/svg%3E");
}

.myallhotlinks-wrap .myallhotlinks-footer dd {
    display: none;
    overflow:hidden;
    border-bottom: 1px solid #e8e8e8;
}
.myallhotlinks-wrap .myallhotlinks-footer .list a {
    float: left;
    font-size: .9rem;
    font-weight:normal;
    width: 50%;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    padding: 0 10px;
    color: #666;
    border: 1px dashed #e8e8e8;
    border-width: 0 1px 1px 0;
    box-sizing: border-box;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



/*style2 start*/
/*菜单*/
.myallhotlinks-wrap .myallhotlinks-tit {
    background-color:#fff;
}
.swiper-class1 {
    width: 100%;
}
.swiper-class1 .selected {
	color: #ec5566;
	border-bottom: 2px solid #ec5566;
}
.swiper-class1 .swiper-slide{
	text-align: center;
	height: 2.2rem;
    padding-top: .4rem;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	cursor: pointer;
}
.swiper-class1 .swiper-slide, .swiper-class1 .swiper-slide a {
    font-size: .9rem;
    color:#838b94;
}
.swiper-class1 .swiper-slide.selected, .swiper-class1 .swiper-slide.selected a{
    font-weight:bold;
    color:#434f5e;
}

/*内容开始*/
.myallhotlinks-list-content {
    position: relative;
    background-color: #fff;
}
.myallhotlinks-list-content .myallhotlinks-list-con {
    width: 100%;
    padding: 0.26666667rem 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    background-color: #fff;
    visibility: hidden;
}
.myallhotlinks-list-content .myallhotlinks-list-con-actived {
    z-index: 1;
    position: relative;
    visibility: visible;
}
.myallhotlinks-list-content .myallhotlinks-list-con .swiper-container {
    height: auto;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 1rem;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.myallhotlinks-list-content .myallhotlinks-list-con .myallhotlinks-list-link-wrap {
    padding: 0 0.2rem;
}
.myallhotlinks-list-content .myallhotlinks-list-con .myallhotlinks-list-link-wrap ul {
    display: flex!important;
    flex-wrap: wrap;
}
.myallhotlinks-list-content .myallhotlinks-list-con .myallhotlinks-list-link-wrap .item {
    width: 33.333%;
    border: 0;
}
.myallhotlinks-list-content .myallhotlinks-list-con .myallhotlinks-list-link-wrap .item.item2 {
    width: 50%;
}
.myallhotlinks-list-content .myallhotlinks-list-con .myallhotlinks-list-link-wrap .item .inner {
    margin: .2rem;
    padding:.2rem;
    display: block;
    border: 1px #eee solid;
    height: 2rem;
    line-height: 1.4rem;
    font-size: .8rem;
    color: #333;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    border-radius: 0.10666667rem;
}

.myallhotlinks-list-content .myallhotlinks-list-con .swiper-container .swiper-pagination {
    padding: 0;
    bottom: 0;
    text-align: center;
}
.myallhotlinks-list-content .myallhotlinks-list-con .swiper-container .swiper-pagination-bullet {
    background-color: #C8C8C8;
}
.myallhotlinks-list-content .myallhotlinks-list-con .swiper-container .swiper-pagination-bullet-active {
    background-color: #1da838;
}
/*style2 end*/

/*热门关键词 end*/

/*幻灯片  start */
.user-hd{
    position:relative;
    margin:0;
    max-width:600px;
    max-height: 300px;
    overflow: hidden;
    background-color:#fff;
}
@media screen and (min-width:600px) {
    .user-hd{
        margin:.4rem auto;
    }
}
.user-hd .user-ad-hd-container{
    width: 100%;
    height: 0;
    padding-bottom: 50%;
    overflow: hidden;
}

.banner-swiper.user-hd .swiper-pagination-box{
    width:100%;
    height:2.1rem;
    position:absolute;
    bottom:0;
    z-index:2;
    background: rgba(0,0,0,0.5);
    opacity:0.3;
    filter:alpha(opacity=10);
}
.banner-swiper.user-hd.user-ad-hd .swiper-pagination-box{
    height:1.5rem;
    bottom:0;
}

.banner-swiper.user-hd.info-hd .swiper-pagination-box{
    top:0;
}
.banner-swiper.user-hd.info-hd .swiper-container .swiper-pagination{
    /*top:.5rem;*/
    bottom:0;
    z-index:3;
}
.swiper-pagination-bullet{
    opacity: .75;
}
.swiper-pagination-bullet-active{
    opacity: 1;
}
.banner-swiper.user-hd.user-ad-hd .swiper-container-horizontal>.swiper-pagination-bullets, .banner-swiper.user-hd.user-ad-hd .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom:.3rem;
}

    .banner-swiper.user-hd .swiper-container .swiper-pagination .swiper-pagination-bullet {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        /*width: 10px;
        height: 10px;*/
        background: #fff;
        margin: 0 4px;
        text-indent: -99999px;
        *text-indent: 0;
        font-size: 0;
        vertical-align: top;
        cursor: pointer;
        /*border:3px solid #fff;*/
        /*border-radius:unset;*/
    }

        .banner-swiper.user-hd .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            /*background: rgba(255,87,34,.55);*/
            background: #f00;
        }

.banner-swiper.user-hd .swiper-container .swiper-slide {position: relative;width: 100%; height:0; padding-bottom: 50%;overflow: hidden;}
.banner-swiper.user-hd.info-hd .swiper-container .swiper-slide{ padding-bottom:70%;}
.banner-swiper.user-hd .swiper-container .swiper-slide img{ position:absolute; left:0; top:0; width:100%; height:100%; display: block; }
.banner-swiper.user-hd .swiper-container .swiper-slide .img-tit-box{
    display: block;
    width: 100%;
}
.banner-swiper.user-hd .swiper-container .swiper-slide .img-tit-box .txt {
    color: #fff;
    width: 100%;
    font-size: .8rem;
    line-height: 1rem;
    padding: .4rem;
    text-align: left;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.banner-swiper.user-hd.info-hd .swiper-container .swiper-slide .img-tit-box .txt{
    bottom:0;
    top:unset;
}
.banner-swiper.user-hd .swiper-container .swiper-slide .img-tit-box .bg{
    position: absolute;
    left: 0;
    top: 0;
    z-index:-1;
    display: block;
    width: 100%;
    height:100%;
    background: rgba(0,0,0,0.4);
    opacity:0.4;
    filter:alpha(opacity=40);
}

/* 图片上 放大图片 icon  start */
.kl-list-case .item .item-border > .item-img-box .look-big-pic
    , .kl-hdp .picBox .cf li .look-big-pic
    ,.banner-swiper.user-hd .swiper-container .swiper-slide .look-big-pic
    ,.kl-site-progress-box .progress-pics .look-big-pic{
        position:absolute;
        top:0;
        right:0;
        width: 1.4rem;
        height: 1.4rem;
        cursor:pointer;
        z-index:9;
    }
    .kl-list-case .item .item-border > .item-img-box .look-big-pic .bg
    , .kl-hdp .picBox .cf li .look-big-pic .bg
    ,.banner-swiper.user-hd .swiper-container .swiper-slide .look-big-pic .bg
    ,.kl-site-progress-box .progress-pics .look-big-pic .bg{
        position:absolute;
        right:-150%;
        top:-150%;
        width:300%;
        height:300%;
        background-color: #000;
        border-radius:50%;
        opacity: 0.2;
        -moz-opacity: 0.2;
        -webkit-opacity: 0.2;
        filter: alpha(opacity=20);
    }
    .kl-list-case .item .item-border > .item-img-box .look-big-pic .bigpic
    , .kl-hdp .picBox .cf li .look-big-pic .bigpic
    ,.banner-swiper.user-hd .swiper-container .swiper-slide .look-big-pic .bigpic
    ,.kl-site-progress-box .progress-pics .look-big-pic .bigpic{
        position: relative;
        top: .25rem;
        left: .01rem;
        width: 1.3rem;
        height: 1.3rem;
        font-weight: bold;
        display: inline-block;
        border: none;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 1.3rem;
        background-image: url("data:image/svg+xml,%3Csvg t='1629170444955' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='1123' width='200' height='200'%3E%3Cpath d='M645.20465066 652.77769919c87.74906347-83.36907413 124.03052053-207.39595413 95.06725013-324.92020586A336.9679072 336.9679072 0 0 0 177.05551679 168.04067519C46.11822933 297.84564586 43.81354666 508.78054399 171.89637653 641.41084479c128.0755488 132.63394133 338.96311467 137.691136 473.25730133 11.3668544h0.0509728z m35.42949013 36.75477334c-154.1552352 148.8504608-399.79144533 144.5542112-548.64554666-9.5973824C-16.86914881 525.78349546-12.57289921 280.14364479 141.58233599 131.28954346c154.1552352-148.85410133 399.79144533-144.56149333 548.64554667 9.5973824 148.85410133 154.15159467 144.56149333 399.79144533-9.59374187 548.64554667z m0 0' fill='%23ffffff' p-id='1124'%3E%3C/path%3E%3Cpath d='M669.35466666 685.73866666c-14.21402987-12.4336352-4.88607253-21.15720533 8.0791328-34.39911787 17.40709013-17.78574187 20.50912747-22.380544 34.72679787-9.95054933l280.1518368 249.27709867c24.64881813 21.495808 27.68896 30.081024 14.68370453 46.268416-12.5319392 15.60120853-29.20357013 16.03083413-43.42852267 3.59719786L669.35466666 685.73866666z m57.41681813-20.73122133' fill='%23ffffff' p-id='1125'%3E%3C/path%3E%3Cpath d='M555.80626453 380.95621653a25.52263147 25.52263147 0 0 1 25.52263146 25.52263146 25.52263147 25.52263147 0 0 1-25.52263146 25.526272H276.89233066a25.52263147 25.52263147 0 1 1 0-51.04890346h278.91393387z m0 0' fill='%23ffffff' p-id='1126'%3E%3C/path%3E%3Cpath d='M445.51281813 551.40078933a25.526272 25.526272 0 0 1-51.04526294 0V272.48321386a25.52263147 25.52263147 0 0 1 51.04526294 0v278.91757547z m0 0' fill='%23ffffff' p-id='1127'%3E%3C/path%3E%3C/svg%3E");
    }
    .kl-list-case .item .item-border > .item-img-box .look-big-pic.active .bigpic
    , .kl-hdp .picBox .cf li .look-big-pic.active .bigpic
    ,.banner-swiper.user-hd .swiper-container .swiper-slide .look-big-pic.active .bigpic
    ,.kl-site-progress-box .progress-pics .look-big-pic.active .bigpic{
        background-image: url("data:image/svg+xml,%3Csvg t='1629207702686' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='973' width='200' height='200'%3E%3Cpath d='M645.20465066 652.77769919c87.74906347-83.36907413 124.03052053-207.39595413 95.06725013-324.92020586A336.9679072 336.9679072 0 0 0 177.05551679 168.04067519C46.11822933 297.84564586 43.81354666 508.78054399 171.89637653 641.41084479c128.0755488 132.63394133 338.96311467 137.691136 473.25730133 11.3668544h0.0509728z m35.42949013 36.75477334c-154.1552352 148.8504608-399.79144533 144.5542112-548.64554666-9.5973824C-16.86914881 525.78349546-12.57289921 280.14364479 141.58233599 131.28954346c154.1552352-148.85410133 399.79144533-144.56149333 548.64554667 9.5973824 148.85410133 154.15159467 144.56149333 399.79144533-9.59374187 548.64554667z m0 0' fill='%2319fa28' p-id='974'%3E%3C/path%3E%3Cpath d='M669.35466666 685.73866666c-14.21402987-12.4336352-4.88607253-21.15720533 8.0791328-34.39911787 17.40709013-17.78574187 20.50912747-22.380544 34.72679787-9.95054933l280.1518368 249.27709867c24.64881813 21.495808 27.68896 30.081024 14.68370453 46.268416-12.5319392 15.60120853-29.20357013 16.03083413-43.42852267 3.59719786L669.35466666 685.73866666z m57.41681813-20.73122133' fill='%2319fa28' p-id='975'%3E%3C/path%3E%3Cpath d='M555.80626453 380.95621653a25.52263147 25.52263147 0 0 1 25.52263146 25.52263146 25.52263147 25.52263147 0 0 1-25.52263146 25.526272H276.89233066a25.52263147 25.52263147 0 1 1 0-51.04890346h278.91393387z m0 0' fill='%2319fa28' p-id='976'%3E%3C/path%3E%3Cpath d='M445.51281813 551.40078933a25.526272 25.526272 0 0 1-51.04526294 0V272.48321386a25.52263147 25.52263147 0 0 1 51.04526294 0v278.91757547z m0 0' fill='%2319fa28' p-id='977'%3E%3C/path%3E%3C/svg%3E");
    }

.banner-swiper.user-hd .swiper-container .swiper-slide .look-big-pic{
    
}
.banner-swiper.user-hd .swiper-container .swiper-slide .look-big-pic .bg{
    
}
.banner-swiper.user-hd .swiper-container .swiper-slide .look-big-pic .bigpic{
    
}
.banner-swiper.user-hd .swiper-container .swiper-slide .look-big-pic.active .bigpic{
    
}
/* 图片上 放大图片 icon  end */

#zoom-origin-img{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.9);
    z-index: 999;
}
#zoom-origin-img .swiper-slide img{
    width:100%;
    vertical-align:middle;
}
#zoom-origin-img .kl-swiper-title{
    position: absolute;
    bottom: .4rem;
    font-size: .8rem;
    line-height: 1.2rem;
    color: #fff;
    padding: 0 .4rem;
    text-align: left;
    z-index: 1;
}
#zoom-origin-img .swiper-pagination{
    top:.5rem;
    font-size: 1.2rem;
    bottom:auto;
    color:#fff;
}
/*close*/
.kl-swiper-close{
    border: .1rem solid #fff;
    top: .5rem;
    right: .5rem;
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
    margin-right: 0;
    background-color: #333;
    position: absolute;
    border-radius: 50%;
    z-index: 1001;
}
.kl-swiper-close:before, .kl-swiper-close:after {
    content: "";
    position: absolute;
    top: .55rem;
    left: .22rem;
    width: .8rem;
    height: .1rem;
    background-color: #fff;
}
.kl-swiper-close:before {transform:rotate(45deg);}
.kl-swiper-close:after {transform:rotate(-45deg);}
/*幻灯片  end */

/*特色标签*/
.kl-house-tags {
    margin: 0 3%;
    display: block;
    overflow: hidden;
    margin-bottom:.4rem;
}
.kl-house-tags .kl-house-tags-tit{
    float:left;
    color: #c2c2c2;
    font-style: normal;
    font-size: .8rem;
    line-height: 1.3rem;
}

    .kl-house-tags span {
        float:left;
        color: #999;
        font-size: .68rem;
        padding: 0 6px;
        margin-right: 10px;
        border: 1px solid #eee;
        background-color: #fff;
        display: inline-block;
        line-height: 1.2rem;
        border-radius: 2px;
    }

        .kl-house-tags span.tag-default {
            color: #777;
            border: 0px solid #777;
        }

        .kl-house-tags span.tag-primary {
            color: #337ab7;
            border: 0px solid #337ab7;
        }

        .kl-house-tags span.tag-info {
            color: #5bc0de;
            border: 0px solid #5bc0de;
        }

        .kl-house-tags span.tag-warning {
            color: #f0ad4e;
            border: 0px solid #f0ad4e;
        }

        .kl-house-tags span.tag-danger {
            color: #d9534f;
            border: 0px solid #d9534f;
        }
    .kl-house-tags span .icon{
        position: relative;
        top: 0.18rem;
        left: 0.01rem;
        margin-right: 0.2rem;
        width: 0.82rem;
        height: 0.82rem;
        font-weight: bold;
        display: inline-block;
        border: none;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 0.82rem;
    }
    .kl-house-tags span .icon.icon-gouquan{
        background-image: url("data:image/svg+xml,%3Csvg t='1665651987760' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='1283' width='200' height='200'%3E%3Cpath d='M1023.77984 523.39712c4.36224-68.05504-16.95232-143.5648-17.88928-146.8672a29.4144 29.4144 0 0 0-57.28256 12.98944l-0.128 0.00512c0.26112 0.9216 0.49152 1.8432 0.7424 2.7648 0.03584 0.13824 0.06144 0.28672 0.10752 0.43008 0.00512 0.04096 0.08704 0.3072 0.2048 0.75776 0.55808 2.06336 1.09568 4.1472 1.62816 6.2208 1.50528 5.95968 3.7376 15.3856 6.01088 26.99264 0.29184 1.53088 0.59904 3.06176 0.87552 4.59264 4.65408 24.96512 9.04192 58.35776 6.9888 88.80128a459.89376 459.89376 0 0 1-2.10944 36.29056c-11.84256 120.44288-69.89824 229.05344-163.45088 305.8432-93.54752 76.77952-211.39456 112.5376-331.83744 100.67968-120.44288-11.84768-229.05856-69.89312-305.8432-163.44576C85.01248 705.90464 49.2544 588.0576 61.1072 467.6096c11.8528-120.43776 69.90336-229.05856 163.45088-305.83808 93.5424-76.7744 211.38944-112.5376 331.83232-100.67968 70.5792 6.94784 137.088 29.77792 195.52256 66.29888a453.2736 453.2736 0 0 1 104.05888 89.71264c2.10432 2.4576 4.1984 4.92544 6.25664 7.43936l0.11264-0.09728a29.39904 29.39904 0 0 0 40.4224 2.9952 29.4144 29.4144 0 0 0 4.08064-41.40544c-0.45056-0.54272-2.92864-3.54304-7.05536-8.23296C718.98112-32.2048 402.59072-60.47744 187.22304 116.29056c-218.54208 179.37408-250.29632 501.95456-70.91712 720.49664 179.3792 218.5472 501.95968 250.29632 720.50176 70.91712 120.06912-98.54464 183.7056-240.31232 186.97216-384.3072z m-158.20288-332.04736l-352.89088 464.6144-6.39488 8.28416-8.42752-6.18496L276.7872 495.87712a29.41952 29.41952 0 0 0-34.80576 47.44192l240.67072 176.5632 11.57632 8.4992a37.888 37.888 0 0 0 41.14944-5.51936l9.39008-12.17024 367.3856-483.38944a29.42464 29.42464 0 1 0-46.57664-35.95264z' fill='%23ff0000' p-id='1284'%3E%3C/path%3E%3C/svg%3E");
    }

/* 楼盘详情页 新增 团购、加群固定滚动块   --start--*/
.loupanshow .main-top .d1 li h1 { line-height: 50px;}
.loupanshow .main-top .d3 .li1 { width:610px;}
.loupanshow .main-top .d3 .li2 .sp1{padding-top:5px;}
.loupanshow .main-hs .hs-tg {height:424px;}
.loupanshow .main-hs .hs-tg .li7 {
    padding-top: 10px;
    width: 100%;
    text-align: center;
}
.loupanshow .main-hs .hs-tg .li6{width:70px;}
.loupanshow .main-hs .hs-tg .li4{position:relative;}
.loupanshow .main-hs .hs-tg input[type=checkbox]{}
.loupanshow .main-hs .hs-tg .li4 label{position:relative;top:-1px;}
.loupanshow .main-hs .hs-tg .li3 label, .loupanshow .main-hs .hs-tg .li4 label{
    margin-right:10px;
}
.loupanshow .top_btn{
    width: 58px;
    right:10px;
    bottom: 55px;
}
.loupanshow .top_btn a{
    height: 42px;
    box-shadow: 0 0 8px 0 rgba(3, 169, 244, .6);
    background-color: rgba(3, 169, 244, .6);
    border-radius: 10px;
}
.loupanshow .gotop > div.topdeg{
    top: 16px;
    left: 22px;
}
/*边上滚动的，加买房交流群、返回头部、*/
.scroll-to-top{
    position: fixed;
    content: "";
    right: 10px;
    bottom: 60px;
    z-index: 999;
    background: #42c4ff;
    color: #fff!important;
    border-radius: 100%;
    opacity: 0;
}

.scroll-to-top span{
    width: 60px;
    height: 60px;
    border-radius: 100%;
    text-align: center;
    font-size: 22px;
    line-height: 60px;
    left: 2px;
    display: block;
     -webkit-box-shadow: 0 7px 22px rgba(0, 0, 0, 0.08);
    box-shadow:0 7px 22px rgba(0, 0, 0, 0.08) ;
    background-image: url("data:image/svg+xml,%3Csvg t='1679557900221' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='1416' width='200' height='200'%3E%3Cpath d='M756.48 651.52L515.2 409.6l-244.80256 244.80256-37.02272-37.02272L512 338.75456l278.62528 278.62016-34.14528 34.14528z' fill='%23ffffff' p-id='1417'%3E%3C/path%3E%3C/svg%3E");
    background-position: 9px 9px;
    background-size: 44px;
}

.scroll-to-top:hover, .scroll-to-top:focus{
    text-decoration: none;
}
.reveal {
    transition: all .3s;
    cursor: pointer;
    opacity: 1;
}
.scroll-menu {
    width: 58px;
    height: auto;
    position: fixed;
    bottom: 105px;
    right: 10px;
    z-index: 1020
}
.scroll-menu ul,.scroll-menu ol,.scroll-menu li {
    list-style: none;
}

.scroll-menu .scroll-menu-list {
    width: 100%;
    height: auto;
    background: #FFF;
    box-shadow: 0 0 8px 0 rgba(75, 73, 72, .1);
    border-radius: 10px;
    padding: 20px 0
}

.li-tuangoubaoming{
    display:none;
}
.li-tuangoubaoming.reveal{
    display:block;
}

.scroll-menu .scroll-menu-list li:not(:first-child) {
    margin-top: 20px
}

.scroll-menu .scroll-menu-list li .scroll-menu-list-item {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}
.scroll-menu .scroll-menu-list li.scroll-zhaofang{
    width: 40px;
    height: 40px;
    margin-left: 9px;
    text-align: center;
    border-radius: 3px;
    background-color: #ff5722;
}
.scroll-menu .scroll-menu-list li .scroll-menu-list-zhaofang {
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration:none;
}
.scroll-menu .scroll-menu-list li .scroll-menu-list-item:hover {
    text-decoration:none;
}

.scroll-menu .scroll-menu-list li .scroll-menu-list-item .scroll-menu-icon {
    width: 28px;
    height: 28px;
    background-size:cover;
    background-repeat:no-repeat;
}

.scroll-menu .scroll-menu-list li .scroll-menu-list-item .icon-maifangqun {
    background-image: url(../images/jmfjlq.png);
}

.scroll-menu .scroll-menu-list li .scroll-menu-list-item .icon-tuangoubaoming {
    background-image: url("data:image/svg+xml,%3Csvg t='1679540519872' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2068' width='200' height='200'%3E%3Cpath d='M380.16 184.32H481.28v75.52H380.16zM540.16 184.32h101.12v75.52H540.16zM380.16 309.76H481.28v75.52H380.16zM540.16 309.76h101.12v75.52H540.16zM380.16 433.92H481.28V509.44H380.16zM380.16 558.08H481.28v75.52H380.16zM540.16 558.08h101.12v75.52H540.16zM380.16 682.24H481.28V757.76H380.16zM540.16 433.92h101.12V509.44H540.16zM532.48 650.24v294.4h300.8V650.24H532.48z m272.64 268.8H560.64v-241.92h244.48v241.92z' fill='%237dc5eb' p-id='2069'%3E%3C/path%3E%3Cpath d='M734.72 939.52v-15.36h-24.32v16.64H320v-834.56h390.4V670.72h24.32V87.04H293.12v852.48h-153.6v33.28H888.32v-33.28z' fill='%237dc5eb' p-id='2070'%3E%3C/path%3E%3Cpath d='M586.88 715.52h77.44v57.83552h-77.44zM699.52 715.52h77.44v57.83552h-77.44zM586.88 819.2h77.44v57.83552h-77.44zM699.52 819.2h77.44v57.83552h-77.44z' fill='%237dc5eb' p-id='2071'%3E%3C/path%3E%3C/svg%3E");
}

.scroll-menu .scroll-menu-list li .scroll-menu-list-item span {
    margin-top: 6px;
    font-size: 12px;
    color: #26292B
}

.scroll-menu .scroll-menu-list li .scroll-menu-list-item .childer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 75px;
    top: 3px;
    width: 0;
    height: 36px;
    line-height: 100%;
    background: #fff;
    padding: 6px 0;
    box-shadow: 0 0 8px 0 rgba(75, 73, 72, .15);
    border-radius: 4px;
    box-sizing: border-box;
    text-align: center;
    white-space: nowrap;
    overflow: hidden
}

.scroll-menu .scroll-menu-list li .scroll-menu-list-item .childer p {
    font-size: 12px;
    color: #1ebe64
}

.scroll-menu .scroll-menu-list li .scroll-menu-list-item:after {
    display: none;
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    right: 70px;
    top: 15px;
    border-color: #fff #fff transparent transparent;
    border-style: solid;
    border-width: 5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 4px -4px 10px -1px rgba(75, 73, 72, .15);
}

.scroll-menu .scroll-menu-list li .scroll-menu-list-item:hover .icon-maifangqun {
    background-image: url(../images/jmfjlq.png);
}

.scroll-menu .scroll-menu-list li .scroll-menu-list-item:hover span {
    color: #42c4ff
}

.scroll-menu .scroll-menu-list li .scroll-menu-list-item:hover .childer {
    width: 95px;
    font-size:12px;
    padding: 6px 4px;
    transition: .2s;
    color:#42c4ff;}

.scroll-menu .scroll-menu-list li .scroll-menu-list-item:hover:after {
    display: block
}

/*加购房群 - box*/
.modal.goufangqun-box{
    top:100px;
    font-family: 'Microsoft YaHei',Verdana,Arial,san-serif;
}
.modal.goufangqun-box .modal-header{
    display:block;
    font-family: 'Microsoft YaHei',Verdana,Arial,san-serif;
}
.modal-header .close{
    font-size:30px;
}
.modal.goufangqun-box .modal-body{
    padding-top:.2rem;
}
.modal.goufangqun-box .modal-title{
    font-size: 18px;
    color:#4f5154;
    font-family: 'Microsoft YaHei',Verdana,Arial,san-serif;
}
.modal.goufangqun-box .modal-body .text1,.modal.goufangqun-box .modal-body .text2{
    width:100%;
    color: #869099;
    font-size: 14px;
    float: left;
    margin-top: 5px;
    margin-left: 10px;
}
.modal.goufangqun-box .modal-body .text2{
    color: #181818;
    font-size: 15px;
}
.modal.goufangqun-box .modal-body input {
    color: #797979;
    width: 96%;
    padding: 8px 30px;
    margin: 10px 10px 10px 10px;
    outline: none;
    font-style: normal;
    border: #e0e0e0 1px solid;
    font-size: 15px;
}

.modal.goufangqun-box .modal-footer{
    display:block;
    text-align:center;
    justify-content:unset;
}
.modal.goufangqun-box .btn{
    font-size:14px;
    font-weight:normal;
    padding: 0.375rem 0.75rem;
    
}

.modal.goufangqun-box .btn-primary{
    width:150px;
    height: 32px;
    line-height: 24px;
    background: #42c4ff!important;
    border-color: #42c4ff!important;
    color: #fff;
}
.modal.goufangqun-box .btn-primary:hover {
    background: #21c87a!important;
    border-color: #21c87a!important;
    color: #fff;
}
/* 楼盘详情页 新增 团购、加群固定滚动块   --end--*/

/*楼盘  分页  start*/
.PaginationBox {
    margin: .4rem;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    margin-top: .8rem;
    margin-bottom: .3rem;
}

    .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
        background-color: #327dd4;
        border-color: #327dd4;
    }

    .pagination>li {
        display: inline;
    }

    .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
    .pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

    .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
    .pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
    .pagination > li > a, .pagination > li > span {
        font-size: .65rem;
        height: 1rem;
        padding: .5rem .65rem;
    }

        .pagination > li > a.lg, .pagination > li > span.lg {
            padding: .5rem .85rem;
        }

        .pagination > li > a.sm, .pagination > li > span.sm {
            padding: .5rem .45rem;
        }

        .pagination > li > a.xs, .pagination > li > span.xs {
            padding: .5rem .25rem;
        }

        .pagination > li > a.xxs, .pagination > li > span.xxs {
            padding: .5rem .15rem;
        }

        .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
            background-color: #fff;
            border-color: #ddd;
        }
/*楼盘  分页  end*/