@charset "utf-8";
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;}
.mt25{margin-top:25px;}

/* 布局 */
.bk-crumbs{line-height: 32px;margin-top:10px;margin-bottom:10px;font-size: 12px;color: #4A4A4A;}
.bk-crumbs a{color: #4A4A4A;}
.bk-crumbs a:hover{color: #3072f6;}
.sideBox{width: 282px;}
.mainBox{width: 848px;}

/* 轮播图模块 */
.slideBox{width:100%;height: 340px;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: 340px;}
.slideBox .over{position:absolute;bottom:0;left:0;width: 100%;height: 64px;}
.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: 22px;color: #FFFFFF;line-height: 34px;position: relative;z-index:1;margin-top:15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.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(../../images/zx/zx_icon.png);background-image:-webkit-image-set(url(../../images/zx/zx_icon.png) 1x,url(../../images/zx/zx_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;}

/* 专题 */
.topicBox{margin-top:15px;}
.topicBox a{float:left;width:272px;height:143px;margin-left:16px;position: relative;background:#DDDDDD;}
.topicBox a:first-child{margin-left:0;}
.topicBox a img{width:100%;height:143px;}
.topicBox .over{position:absolute;bottom:0;left:0;width: 100%;height: 34px;}
.topicBox .over .mask{position: absolute;width: 100%;height: 100%;left:0;bottom:0;background: #000;opacity: 0.6;filter: alpha(opacity=60);z-index:0;}
.topicBox .over h2{padding:0 7px;font-size: 14px;color: #FFFFFF;line-height: 34px;position: relative;z-index:1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.topicSide h4{font-size: 14px;color: #333333;line-height: 24px;}
.topicSide a{width:282px;height:148px;margin-left:0;margin-top:20px;}
.topicSide a img{width:282px;height:148px;}

/* 列表 */
.listBox{margin-bottom:60px;}
.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: #3072f6;}
.listBox .hd a.on{border-bottom:2px solid #3072f6;}
.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;position: relative;}
.bk-list li img{width: 232px;height: 174px;}
.bk-list li .img .label{position:absolute;left:5px;top:5px;height:24px;line-height:24px;padding:0 8px;background:#000;border-radius: 13px;opacity: 0.6;filter: alpha(opacity=60);color: #ddd;font-size:12px;}
.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: #3072f6;}
.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 a{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{border:1px solid #9B9B9B;color:#666;}
.bk-list li .tags  a.on{border:1px solid #3072f6;color:#3072f6;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(../../images/zx/none.png);background-image:-webkit-set-image(url(../../images/zx/none.png) 1x,url(../../images/zx/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;}
.bk-list .read-more{padding:40px 0;}
.bk-list .read-more .more-btn{display:block;width: 160px;height: 40px;line-height:40px;margin:0 auto;background: #FFFFFF;border: 1px solid #3072f6;border-radius: 4px;font-size: 18px;text-align:center;color: #3072f6;}

/* 感兴趣 */
.interest{padding-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(../../images/zx/round.png);background-image:-webkit-image-set(url(../../images/zx/round.png) 1x,url(../../images/zx/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: #3072f6;}
.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;}

/* 房产网app下载 */
.app-download{margin-top:30px;width: 100%;padding:30px 0 25px;text-align: center;background: #F6F6F6;}
.app-download b{font-size: 22px;color: #4A4A4A;line-height: 30px;}
.app-download p{font-size: 14px;color: #666666;line-height: 20px;margin-top:4px;}
.app-download i{display: block;width: 72px;height: 72px;margin:25px auto;background-image: url(../../images/zx/icon_new.png);background-image:-webkit-image-set(url(../../images/zx/icon_new.png) 1x,url(../../images/zx/icon_new@2x.png) 2x);background-repeat:no-repeat;background-position:center center;}
.app-download .link{display:block;width:242px;height:38px;line-height:38px;margin:0 auto;background: #3072f6;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.12);border-radius: 2px;color:#fff;font-size: 16px;}
.app-download .link:hover{opacity: 0.9;filter:alpha(opacity=90);}

/* 大家都在找 */
.tagGroup{width:100%;margin-top:35px;}
.tagGroup .hd{height: 26px;line-height: 26px;}
.tagGroup .hd .tit{float:left;font-size: 16px;color: #333333;}
.tagGroup .hd .icon-refresh{display:inline-block;width:14px;height:13px;position:relative;top:3px;*top:-1px;margin-right:4px;background-image: url(../../images/zx/refresh.png);background-image:-webkit-image-set(url(../../images/zx/refresh.png) 1x,url(../../images/zx/refresh@2x.png) 2x);background-repeat:no-repeat;background-position:center center;}
.tagGroup .hd .icon-refresh.rotate{-webkit-animation: rotate 0.5s infinite linear;-moz-animation: rotate 0.5s infinite linear;-ms-animation: rotate 0.5s infinite linear;animation: rotate 0.5s infinite linear;}
.tagGroup .hd .change-tags{float: right;font-size: 12px;color: #0076FF;} 
.tagGroup .list-tags{margin-top:20px;}
.tagGroup .list-tags .tagclick{float:left;height:28px;line-height:28px;margin:0 10px 10px 0;padding:0 15px;white-space: nowrap;background: #FFFFFF;border: 1px solid #BBBBBB;border-radius: 30px;font-size: 14px;color: #4A4A4A;cursor: pointer;}
.tagGroup .list-tags .tagclick:hover{border:1px solid #9B9B9B;color:#666;}

/* 文章详情 */
.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(../../images/zx/zx-icon.png);background-image: -webkit-image-set(url(../../images/zx/zx-icon.png) 1x,url(../../images/zx/zx-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: #3072f6;}

/* 百度分享 */
.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(../../images/zx/zx-icon.png) !important;background-image:-webkit-image-set(url(../../images/zx/zx-icon.png) 1x,url(../../images/zx/zx-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 rotate{0% {-webkit-transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);}}
@-moz-keyframes rotate{0% {-moz-transform: rotate(0deg);}100% {-moz-transform: rotate(360deg);}}
@-ms-keyframes rotate{0% {-ms-transform: rotate(0deg);}100% {-ms-transform: rotate(360deg);}}
@keyframes rotate{0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}

@-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)
    }
}