@charset "utf-8";
.mt40{margin-top:40px;}
body{word-break: break-all;text-rendering: optimizelegibility;text-size-adjust: 100%;-webkit-font-smoothing: antialiased;}
.head-border{border-bottom: 1px solid #ededed;}
.page-header .pages-tits{margin-top:10px;font-size:16px;}
.page-header .change-city{display: none;}

/* 布局 */
.bk-crumbs{line-height: 32px;margin-top:10px;margin-bottom:30px;font-size: 12px;color: #4a4a4a;}
.bk-crumbs a{color: #4a4a4a;}
.bk-crumbs a:hover{color: #e03236;}
.sidebox{width: 282px;}
.mainbox{width: 868px;}

/* 房产分类 */
.navs{width: 100%;height: auto;}
.navs .tit{height:46px;font-size: 26px;color: #333333;line-height: 30px;font-weight: bold;}
.navs .hd{height: 46px;line-height: 46px;}
.navs .hd a{float:left;width: 33.3%;height: 44px;line-height:44px;text-align:center;border-top:2px solid #4a4a4a;font-size: 16px;color: #333333;}
.navs .hd a:first-child{width: 33.4%;}
.navs .hd a:hover{color: #e03236;}
.navs .hd a.on{background:#f8f8f9;border-top: 2px solid #e03236;color: #e03236;}
.navs .bd{background: #f8f8f9;padding:2px 20px 37px;}
.navs .bd dl{display: block;padding: 15px 0 17px;border-top: 1px dashed #e5e5e5;}
.navs .bd dl:first-child{border-top:none;}
.navs .bd dt{font-size: 18px;font-weight:bold;color: #333333;line-height: 38px;margin-bottom:2px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.navs .bd dd{float:left;width: 78px;margin-right: 0px;font-size: 14px;color: #666666;line-height:26px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.navs .bd dt a{color: #404040;}
.navs .bd dd a{color: #666;}
.navs .bd a:hover,.navs .bd .current a{color: #e03236;}

/* 轮播图模块 */
.slidebox{width:100%;height: 413px;overflow: hidden;position: relative;margin-bottom:20px;z-index:0;background:#dddddd;}
.slidebox a{display:block;position: absolute;width:100%;height: 100%;left:100%;background:#dddddd; }
.slidebox a:first-child{left:0;}
.slidebox img{width:100%;height: 413px;}
.slidebox .over{position:absolute;bottom:0;left:0;width: 100%;min-height: 88px;}
.slidebox .over .mask{position: absolute;width: 100%;height: 100%;left:0;bottom:0;background: #000;opacity: 0.6;filter: alpha(opacity=60);z-index:0;}
.slidebox .over h2{padding:0 20px;font-size: 24px;color: #ffffff;line-height: 34px;position: relative;z-index:1;margin-top:15px;}
.slidebox .over p{padding:0 20px 15px;font-size: 14px;color: #c7c7c7;line-height: 24px;position: relative;z-index:1;}
.slidebox .arrow{position: absolute;width:56px;height:56px;top:40%;-webkit-transition: all .3s ease;transition: all .3s ease;cursor: pointer;}
.slidebox .left{left:-56px;}
.slidebox .right{right:-56px;}
.slidebox:hover .left,.slidebox .left:hover{left:0;}
.slidebox:hover .right,.slidebox .right:hover{right:0;}
.slidebox .arrow .mask{position:absolute;width:100%;height:100%;background: #000000;opacity: 0.5;filter:alpha(opacity=50);}
.slidebox .arrow:hover .mask{opacity: 0.8;filter:alpha(opacity=80);}
.slidebox .arrow i{position:relative;display:block;width: 36px;height: 36px;margin:10px auto;cursor:pointer;background-image: url(/uploads/image/abibk/bk-icon.png);background-image:-webkit-image-set(url(/uploads/image/abibk/bk-icon.png) 1x,url(/uploads/image/abibk/bk-icon-2x.png) 2x);background-repeat:no-repeat;z-index:2;  }
.slidebox .left i{background-position:-164px 0;}
.slidebox .right i{background-position:-164px -41px;}

/* 列表 */
.listbox{margin-bottom:100px;}
.listbox .hd{height: 58px;line-height:57px;margin-bottom:5px;border-bottom: 1px solid #ececec;}
.listbox .hd a{float:left;font-size: 18px;color: #333;margin-right: 30px;}
.listbox .hd a:hover,.listbox .hd a.on{color: #e03236;}
.listbox .hd a.on{border-bottom:2px solid #e03236;}
.bk-list .title{margin-bottom:10px;font-size: 18px;font-weight:bold;color: #333333;line-height: 20px;}
.bk-list .title .num{font-family: "arial";font-weight:bold;line-height: 20px;padding:0 5px;}
.bk-list li{min-height:100px;padding:20px 20px 20px 0;border-bottom:1px solid #ececec;}
.bk-list li .img{float:left;width: 232px;height: 174px;margin-right: 30px;background: #eeeeee;}
.bk-list li img{width: 232px;height: 174px;}
.bk-list li h3{line-height: 24px;margin-bottom:14px;position: relative;margin-top:-3px;}
.bk-list li h3 a{font-size: 20px;font-weight:bold;color: #404040;}
.bk-list li h3 a:hover{color: #e03236;}
.bk-list li .text{padding-left:260px;}
.bk-list li .desc{font-size: 14px;color: #9b9b9b;line-height: 22px;}
.bk-list li .time{font-size: 12px;color: #9b9b9b;line-height: 16px;margin-top:10px;}
.bk-list li .tags{margin-top:13px;}
.bk-list li .tags span{float:left;margin-right:5px;margin-top: 5px;height:20px;line-height:20px;padding:0 10px;border: 1px solid #d8d8d8;color:#9b9b9b;border-radius: 30px;}
.bk-list li .tags  a:hover span{border:1px solid #9b9b9b;color:#666;}
.bk-list li .tags  a span.on{border:1px solid #e03236;color:#e03236;opacity:0.8;filter:alpha(opacity=80);}
.bk-list .search-none{height:90px;padding:20px 0 20px 260px;margin-top:40px;}
.bk-list .search-none i{display:inline-block;width:90px;height:90px;margin-right: 15px;background-image: url(/uploads/image/abibk/none.png);background-image:-webkit-set-image(url(/uploads/image/abibk/none.png) 1x,url(/uploads/image/abibk/none-2x.png) 2x);background-repeat:no-repeat;background-position:center center;}
.bk-list .search-none .sup{display:block;padding-top:20px;font-size:14px;line-height:26px;color: #333;}
.bk-list .search-none .sub{display:block;font-size:12px;line-height:24px;color: #9b9b9b;}

/* 感兴趣 */
.interest{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #eeeeee;}
.interest .tit{font-size: 14px;color: #333333;font-weight: bold;}
.interest .bd li{margin-top:17px;padding-left:15px;background-image: url(/uploads/image/abibk/round.png);background-image:-webkit-image-set(url(/uploads/image/abibk/round.png) 1x,url(/uploads/image/abibk/round-2x.png) 2x);background-repeat:no-repeat;background-position:left 8px;}
.interest .bd a{display:block;font-size: 14px;color: #4a4a4a;line-height:24px;}
.interest .bd a:hover{color:#e03236;}
.interest .bd span{display:block;font-size: 12px;color: #9b9b9b;line-height: 22px;}

.app-box{margin-top:20px;}
.app-box.fixed{position: fixed;top:0;}
.app-box .tit{margin-bottom:15px;font-size: 16px;line-height:26px;color: #333333;}
.app-box img{width:100px;height:100px;}
.app-box p{font-size: 12px;line-height:22px;color: #666666;margin-top: 15px;}

/* 文章详情 */
.articlebox{width: 827px;}
.articlebox .title{margin-bottom:10px;font-size: 26px;font-weight:bold;color: #333333;line-height: 36px;}
.articlebox .attr{margin-bottom:25px;font-size: 14px;color: #9b9b9b;line-height: 24px;}
.articlebox .desc{padding:18px 25px;font-size: 16px;color: #4a4a4a;line-height: 26px;background: #f0f1f6;}
.articlebox .desc .tit{font-weight: bold;}
.article-content{padding:18px 25px;overflow: hidden;word-break: break-all;font-size: 16px;line-height:180%;color: #4a4a4a;}
/*.article-content *{font-family: "microsoft yahei","hiragino sans gb","stheiti","simsun","arial" !important;}*/
.article-content p{margin-top:25px;}
.article-content img{max-width: 100%;}
.article-content strong, .article-content b {font-weight: bold;}

.article-tags{padding:0 25px;margin-top:20px;}
.article-tags .tags{margin-top:-5px;}
.article-tags .tags span{float:left;margin-right:5px;margin-top:5px;height:20px;line-height:20px;padding:0 10px;border: 1px solid #d8d8d8;color:#9b9b9b;border-radius: 30px;}
.article-tags .tags  a:hover span{border:1px solid #9b9b9b;color:#666;}
.article-zan{padding-top:30px;}
.article-zan a,.article-zan a i{background-image: url(/uploads/image/abibk/bk-icon.png);background-image: -webkit-image-set(url(/uploads/image/abibk/bk-icon.png) 1x,url(/uploads/image/abibk/bk-icon-2x.png) 2x);background-repeat: no-repeat;}
.article-zan a{position:relative;display: block;width: 72px;height: 44px;margin:0 auto;padding:14px 0;background-position:-80px -28px ;text-align: center;}
.article-zan a:hover{opacity: 0.9;}
.article-zan a.disable{background-position:0 -28px ;cursor: not-allowed;}
.article-zan a.disable:hover{opacity: 1;}
.article-zan a i{display:block;width:27px;height:27px;margin:0 auto 3px;background-position:-116px 0;}
.article-zan a.disable i.active{-webkit-animation:nicein 0.8s  ease;-moz-animation:nicein 0.8s  ease;-o-animation:nicein 0.8s  ease;animation:nicein 0.8s  ease;}
.article-zan a span{font-size: 12px;color: #ffffff;}
.article-zan a .add{position: absolute;left:28px;top: 5px;opacity: 0;filter: alpha(opacity=0);color: #666;}
.article-zan a.disable .add{-webkit-animation: like 1s 1 linear;-moz-animation: like 1s 1 linear;-ms-animation: like 1s 1 linear;animation: like 1s 1 linear;}
.article-next{margin:25px;padding:20px 0;border-top: 1px solid #ececec;}
.article-next p{font-size: 14px;line-height:26px;color: #333333;margin-bottom:5px;}
.article-next p a{color: #333333;}
.article-next p a:hover{color: #e03236;}

/* 百度分享 */
.share{line-height: 27px;color: #999;}
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{display:inline-block;width:24px !important;line-height: 24px !important;height: 25px !important;margin: 0 6px 0 0 !important;background-image: url(/uploads/image/abibk/bk-icon.png) !important;background-image:-webkit-image-set(url(/uploads/image/abibk/bk-icon.png) 1x,url(/uploads/image/abibk/bk-icon-2x.png) 2x) !important;padding-left:0 !important;}
.bdshare-button-style0-16 .bds_tsina{background-position:0 0 !important;}
.bdshare-button-style0-16 .bds_weixin{background-position:-29px 0 !important;}
.bdshare-button-style0-16 .bds_qzone{background-position:-58px 0 !important;}
.bdshare-button-style0-16 .bds_sqq {background-position:-87px 0 !important;}

/* page */
.bk-page { padding:30px 10px; font-size:13px;color:#4a4a4a; font-family:arial, helvetica, sans-serif; background-color:#fff; text-align:center;}
.bk-page a,.bk-page span {display:inline-block;height:30px;line-height:32px;padding:0 12px; margin:0 2px;}
.bk-page a{border:1px solid #ddd; color:#666; text-decoration:none;}
.bk-page a:hover { border:#666 1px solid; color:#666;}
.bk-page span.current {border:1px #666 solid; font-weight:bold; color:#fff; background-color:#666;}
.bk-page span.disabled {display:none;}

@-webkit-keyframes like{0% {top: 5px;opacity: 0;}50% {top: -20px;opacity: 1;}100% {top: -20px;opacity: 0;}}
@-moz-keyframes like{0% {top: 5px;opacity: 0;}50% {top: -20px;opacity: 1;}100% {top: -20px;opacity: 0;}}
@-ms-keyframes like{0% {top: 5px;opacity: 0;}50% {top: -20px;opacity: 1;}100% {top: -20px;opacity: 0;}}
@keyframes like{0% {top: 5px;opacity: 0;}50% {top: -20px;opacity: 1;}100% {top: -20px;opacity: 0;}}

@-webkit-keyframes nicein {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    70% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes nicein {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    70% {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes nicein{
    0% {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
    70% {
        -o-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes nicein{
    0% {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1.2);
        transform:scale(1.2)
    }
    70% {
        -o-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}