@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: #e03236;}
.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(/uploads/image/azizx/zx-icon.png);background-image:-webkit-image-set(url(/uploads/image/azizx/zx-icon.png) 1x,url(/uploads/image/azizx/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: #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;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: #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 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 #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/azizx/none.png);background-image:-webkit-set-image(url(/uploads/image/azizx/none.png) 1x,url(/uploads/image/azizx/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 #e03236;border-radius: 4px;font-size: 18px;text-align:center;color: #e03236;}

/* 感兴趣 */
.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/azizx/round.png);background-image:-webkit-image-set(url(/uploads/image/azizx/round.png) 1x,url(/uploads/image/azizx/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;}

/* 房产网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(/uploads/image/azizx/icon_new.png);background-image:-webkit-image-set(url(/uploads/image/azizx/icon_new.png) 1x,url(/uploads/image/azizx/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: #e03236;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(/uploads/image/azizx/refresh.png);background-image:-webkit-image-set(url(/uploads/image/azizx/refresh.png) 1x,url(/uploads/image/azizx/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(/uploads/image/azizx/zx-icon.png);background-image: -webkit-image-set(url(/uploads/image/azizx/zx-icon.png) 1x,url(/uploads/image/azizx/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: #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/azizx/zx-icon.png) !important;background-image:-webkit-image-set(url(/uploads/image/azizx/zx-icon.png) 1x,url(/uploads/image/azizx/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)
    }
}