@charset "utf-8";
/* CSS Document */
* {margin: 0; padding: 0; border: 0;  vertical-align: baseline; box-sizing: border-box;}
html, body {position: relative; width: 100%; /* height: 100%; */ -webkit-overflow-scrolling: touch; font-size: 14px; scroll-behavior: smooth; text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; color: #333333; font-family: PingFang-SC-Regular,Helvetica,"sans-serif"; }
html { line-height: 1;}
ol, ul {list-style: none;}
table { border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left;  font-weight: normal; vertical-align: middle;}
q, blockquote {quotes: none;}
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none;}
a {color:#333; text-decoration:none;}
a img {border: none; color: inherit;}
i {font-style: normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
img {vertical-align: top;}
::-webkit-scrollbar{display:none;}
span, p, h1, h2, h3, h4, h5, h6 {letter-spacing: 1px;}
button {background: transparent; outline: none;}
.flo {float:left}
.flor {float:right}
.tc-l { text-align:left}
.tc-c { text-align:center}
.clear {clear:both; display:block}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat {zoom:1}
.blank10 { clear:both; height:10px}
.blank60 { clear:both; height:60px}
.blank75 { clear:both; height:75px}

.zazhi-container {width:100%; max-width:640px; height:auto; overflow:hidden; margin:0 auto; }
.home-cont { background:#f4f7fc}

/* 杂志顶部 */
.zazhi-top {overflow:hidden; height:46px; width:100%; position:fixed; top:0; z-index:99;text-align: center; }
.zazhi-top .cdiv {background:#0c3c50; max-width: 640px; margin:0 auto;width:100%; height:46px;}
.zazhi-top .top-left {float:left;width:20%; text-align:left; font-size:16px}
.zazhi-top .top-left a {display:block; color:#fff; padding:15px 20px}
.zazhi-top .top-txt {float:left; width:60%; text-align:center; font-size:16px; color:#fff; padding-top:15px; font-weight:bold}
.zazhi-top .top-right {float:right; font-size:16px; color:#f5bc49; overflow:hidden; width:20%; text-align:right;}
.zazhi-top .top-right a {display:block; color:#fff; padding:15px 20px}
.top-blank { clear:both; height:46px}
.zazhi-top .top-left span, .zazhi-top .top-right span {font-size:0;color:#0c3c50;}

/* 杂志底部 */
.zazhi-bottom {clear:both; width:100%; background:#fff;padding-bottom: 6px; overflow:hidden; position:fixed; bottom:0; z-index:99;text-align: center; }
.zazhi-bottom ul {width:100%;overflow:hidden;height:55px;max-width: 640px;margin:0 auto; border-top:1px solid #f3f3f3;}
.zazhi-bottom li {float:left; width:33.333%; text-align:center;padding-top:8px; font-size:16px}
.zazhi-bottom li a {display:block; width:100%; overflow:hidden; color:#666;}
.zazhi-bottom p {font-size:13px; margin-top:6px}
.zazhi-bottom .active a {color:#ec4243}
.botm-blank { clear:both; height:55px}

/* 杂志门头 */
.zazhi-header {text-align:center}
.zazhi-header img {width:100%}

/* 首页-轮播 */
.zazhi-slider {margin:10px 15px; border-radius:10px; box-shadow: 0px 0px 5px 5px #ccc}
.zazhi-slider img {border-radius:10px;}
.banner-swiper .swiper-slide a {display: block; border-radius: 3px;overflow: hidden;}
.swiper-pagination.common-pagination {bottom: 0;font-size: 0;}
.swiper-pagination.common-pagination .swiper-pagination-bullet {width:6px; height:6px; background: #cacaca; opacity: 1; margin: 0 3px !important; transition: all .2s;}
.swiper-pagination.common-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 8px; height:8px; background: #ff7500; border-radius: 4px;}

/* 首页-精选 */
.zazhi-sift {margin:15px 15px 0 15px; border-radius:10px; background:#fff; padding:10px 0; overflow: hidden;}
.zazhi-sift .sift-left {float:left; border-right:1px solid #ddd; width:22%; height:66px;  text-align:center;padding-top:22px}
.zazhi-sift .sift-left img {height:25px; width:55px}
.zazhi-sift .sift-right {overflow:hidden;  float:right; width:78%;}
.zazhi-sift .sift-right li {overflow:hidden; font-size:12px; height:22px; line-height:22px; text-overflow: ellipsis; white-space:nowrap; padding:0 13px 0 15px;}

/* 首页-栏目 */
.zazhi-nav {padding:8px; overflow:hidden}
.zazhi-nav li {float:left; width:50%; padding:8px 0; text-align:center}
.zazhi-nav li img {width:92%}

/* 文章列表页-栏目分类 */
.list-nav {padding:10px 0; margin:0 10px; overflow:hidden; font-size:13px; border-bottom: 1px solid #ededed; overflow:hidden; }
.list-nav ul {}
.list-nav li { float:left; width:25%; padding:5px 4px}
.list-nav li a { width:100%; display:block; padding:7px 0; border-radius:20px; background:#f5f4f9; color:#333; border:1px solid #eee; text-align:center}
.list-nav li.on a {background:#0c3c50; color:#fff}

/* 文章列表页-主体 */
.list-box {padding:10px 15px; background:#fff;}
.list-item {border-bottom: 1px dashed #ededed; padding:12px 3px;}
.list-item a { display:block; overflow:hidden}
.list-item dl {overflow:hidden;}
.list-item dd { float:left; width:64%}
.list-item dd h4 {font-size:15px; line-height:25px; font-weight:normal}
.list-item dd p {font-size:11px; color: #999; margin-top:7px; overflow: hidden;}
.list-item dd p span {margin-right:10px}
.list-item dt { float:right; width:34%; text-align:right}
.list-item dt img {width:93%; height: 75px; border-radius:5px; object-fit: cover;}
/* 文章详情页-主体 */
.article-cont {padding:20px}
.article-title {font-size:22px; line-height:34px; font-weight:bold}
.article-datebox {font-size:12px; color: #999; margin-top:12px; border-bottom:1px solid #eee; padding-bottom:15px}
.article-datebox span {margin-right:12px}
.article-txtbox {font-size:14px; padding:15px 0; line-height:24px;}
.article-txtbox p {margin-top:6px;text-align:justify;font-size:16px;letter-spacing: 1px;line-height: 190%;}
.article-txtbox strong {font-size:16px}
.article-txtbox img { width:100%;}
.article-laiyuan { text-align:center; color:#999; font-size:12px; padding:12px 0; border-top:1px dashed #dedede; margin-top:15px;}
.article-saoma { text-align:center; color:#999; font-size:12px; padding:12px 18px; border:5px solid #f60; margin-top:15px;border-radius:5px}
.article-saoma img { width:35%}
.article-saoma p {margin-top:6px; line-height:22px}
.article-saoma p span {color:#ec4243; margin:0 2px}
/* 文章详情页-推荐阅读 */
.article-recommend {margin:20px 15px 2px 15px; font-size:18px; font-weight:bold; border-bottom:1px solid #eee; padding-bottom:15px}

/* 你问我答 */
.wenda-btnbox {margin:15px 10px 5px 10px; overflow:hidden}
.wenda-btnbox li { float:left; width:50%; text-align:center}
.wenda-btnbox li img {width:90%}
.wenda-list {padding:10px 15px;}
.wenda-list .wd-item {border-bottom:1px solid #eee;padding:12px 3px 20px 3px; overflow:hidden; }
.wenda-list .wd-item .wenti { background:url(../images/zz-ico01.jpg) no-repeat 0 3px; background-size:18px;padding-left:24px; line-height:26px; font-size:16px; color:#000;font-weight: bold;}
.wenda-list .wd-item .huida {background:url(../images/zz-ico02.jpg) no-repeat 0 2px; background-size:18px; padding-left:24px; line-height:22px; font-size:14px; color:#888;margin-top:8px;}
.wenda-list .wd-item .edit {font-size:14px; color:#888;margin-top:6px; overflow:hidden}
.wenda-list .wd-item .edit dd { float:left; margin-left:24px;}
.wenda-list .wd-item .edit dt { float:right;}
.wenda-list .wd-item .edit dt a { color:#5990f7}
.wenda-form {padding:10px 20px 20px 20px; text-align:center;}
.wenda-form .wenda-form-li{margin-bottom:10px;}
/* 热门楼盘 */
.loupan-list {overflow:hidden; margin-top:5px; padding:10px}
.loupan-list li {width:50%;padding:9px 0; overflow:hidden; float:left}
.loupan-list .cont-box {width:92%; margin:0 auto}
.loupan-list .cont-box .img-box { position:relative; }
.loupan-list .cont-box .img-box .photo img { width:100%; height:105px; display:block; border-radius:2px}
.loupan-list .cont-box .img-box .zj-photo img { width:100%; height:70px; display:block}
.loupan-list .cont-box .img-box .ico-thf img { width:33px; position:absolute; right:-5px; top:-5px}
.loupan-list .cont-box .img-box .ico-esf img { width:60px; position:absolute; right:5px; top:5px}
.loupan-list .cont-box .img-box .xgt {position:absolute; right:8px; top:5px; color:#fff; font-size:12px; text-shadow: 0 1px 1px #666}
.loupan-list .cont-box .img-box .xgt-bot {position:absolute; right:8px;bottom:5px; color:#fff; font-size:12px}
.loupan-list .cont-box .img-box .quan {position:absolute; width:173px; height:28px; right:0; bottom:0; color:#ff0; font-size:14px;padding:4px 7px 0 0; text-align:right}
.loupan-list .cont-box .txt-box {padding:10px 10px 15px 10px; text-align:left;background:#f6f6f6;border-radius: 0 0 5px 5px }
.loupan-list .cont-box .txt-box .name {font-size:15px; color:#c00; height:26px; overflow:hidden; line-height:24px; text-overflow:ellipsis; text-align:left}
.loupan-list .cont-box .txt-box .name a {color:#c00;font-weight: bold;}
.loupan-list .cont-box .txt-box .esf-title { font-size:14px; color:#333; height:46px;overflow:hidden; line-height:21px}
.loupan-list .cont-box .txt-box .info { font-size:12px; line-height:20px; color:#666; height:20px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.loupan-list .cont-box .txt-box .price {font-size:14px; color:#c00; margin-top:2px}
.loupan-list .cont-box .txt-box .tel {font-size:14px; color:#c00;margin-top:2px; height:22px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.loupan-list .cont-box .txt-box .btn {margin-top:3px;background:#0459a7; width:115px;text-align: center; border-radius:3px}
.loupan-list .cont-box .txt-box .btn a {font-size:12px; color:#fff; text-align:center; display:block; padding:5px 0 5px;}

/* 热门楼盘 */
.loup-list { overflow:hidden; padding:0 20px 20px 20px; }
.loup-item {margin-top:25px;overflow:hidden; border-radius:6px; background:#f9f9f9; }
.loup-item .img-box {position:relative; height:160px; overflow:hidden}
.loup-item .img-box img {width:100%; height:160px; border-radius:0 6px 0 0;}
.loup-item .img-box .xgt {position:absolute; right:12px; top:6px; color:#fff; font-size:12px; text-shadow: 0 1px 1px #666}
.loup-item .img-box .bam {position:absolute; left:12px; top:6px; color:#fff; font-size:12px; text-shadow: 0 1px 1px #666}
.loup-item .txt-cont {color:#444; line-height:23px; padding:12px 12px 7px 12px;font-size:13px;}
.loup-item .txt-cont .name {color:#f00; font-size:17px; text-align:center; padding:5px 0;  font-weight:bold;}
.loup-item .txt-cont .address {}
.loup-item .txt-cont .tel span {font-size:14px;color:#c00;}
.loup-item .txt-cont .price {}
.upshadow {
    box-shadow: 0 10px 15px 3px rgba(0,0,0,0.1);
}

/* 杂志目录 */
.home-item {margin:20px 15px 0 15px; background:#fff; border-radius:10px; box-shadow: 0 0 2px 2px #eee; overflow:hidden;}
.home-item .number img {border-bottom:1px solid #eee}
.home-item .info-list {padding-bottom:10px; overflow:hidden; margin-top:7px}
.home-item .info {border-bottom: 1px solid #eee; padding:12px 0; margin:0 18px; overflow:hidden;}
.home-item .info a { display:block; overflow:hidden}
.home-item .info dl {overflow:hidden;}
.home-item .info dd { float:left; width:81%}
.home-item .info dd h4 {font-size:14px; line-height:23px; font-weight:normal}
.home-item .info dd p {font-size:11px; color: #aaa; margin-top:8px; overflow: hidden;}
.home-item .info dd p span {margin-right:10px}
.home-item .info dt { float:right; width:18%; text-align:right}
.home-item .info dt img {width:93%; height: 45px; border-radius:5px; object-fit: cover; }

/* 楼盘-轮播 */
.loupan-slider {margin:15px 15px 10px 15px; border-radius:10px; }
.loupan-slider img {border-radius:10px;}
.loupan-infos {padding:15px; font-size:13px; }
.loupan-infos .lp-name {padding:0 5px; overflow:hidden;}
.loupan-infos .lp-name strong { font-size:24px; display:block; float:left; line-height:normal}
.loupan-infos .lp-name span {display:block; float:left; border-radius:2px; padding:3px 4px; font-size:11px; margin:9px 0 0 10px}
.loupan-infos .lp-name span.zs {background:#f66; color:#FFF;}
.loupan-infos .lp-name span.ds {background:green; color:#FFF;}
.loupan-infos .lp-name span.qf {background:#09c; color:#FFF;}
.loupan-infos .lp-base {padding:12px 5px; line-height:23px;}
.loupan-infos .lp-base li {padding:5px 0; color:#555; border-bottom:1px solid #eee; overflow:hidden; clear:both;}
.loupan-infos .lp-base a {color:#009900; margin-left:10px;font-size:10px}
.loupan-infos .lp-base span {margin-left:3px; font-size:11px}
.loupan-infos .tel400 {background:#f74440; font-size:16px; border-radius:20px;margin-bottom:15px}
.loupan-infos .tel400 a {color:#fff; display:block; text-align:center; padding:12px 0; display:block}
.loupan-infos .tel400 .fa-phone-square-alt {font-size:18px;margin-bottom:-1px}
.loupan-infos .tel400 span {margin-left:6px}
.loupan-infos .block-box {padding:0 5px; margin-top:30px; overflow:hidden}
.loupan-infos .lp-title {border-bottom:1px solid #eee; height:32px; overflow:hidden; }
.loupan-infos .lp-title a {display:block; overflow:hidden}
.loupan-infos .lp-title strong {float:left; font-size:18px; color:#333; }
.loupan-infos .lp-title span {float:right; font-size:16px; color:#ccc; margin-top:5px}
/* 楼盘-信息 */
.loupan-infos .lp-canshu {margin-top:10px; color:#555; overflow:hidden;}
.loupan-infos .lp-canshu li {padding:5px 0; color:#555; border-bottom:1px solid #eee; overflow:hidden; clear:both; line-height:23px;}
.loupan-infos .lp-canshu li span { font-size:11px; color:#009900}
.loupan-infos .lp-canshu li strong {color: #F00;font-size:18px;}
/* 楼盘-新闻 */
.loupan-infos .lp-news {margin-top:10px; color:#555; overflow:hidden;}
.loupan-infos .lp-news li {padding:5px 0; line-height:23px; border-bottom:solid 1px #eee; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.loupan-infos .lp-news li a { color:#333}
/* 楼盘-户型 */
.loupan-infos .lp-huxing {margin-top:10px; color:#555; overflow:hidden;}
.loupan-infos .lp-huxing li {float:left; width:50%; text-align:center; padding:8px 0; overflow:hidden;}
.loupan-infos .lp-huxing li img {width: 95%;  height:150px}
.loupan-infos .lp-huxing li p { clear:both; padding:7px 0; margin-top:2px}
.loupan-infos .lp-huxing li span { color:#999; font-size:12px; display:block;}
/* 楼盘-相册 */
.loupan-infos .lp-photo {margin-top:10px;color:#555; overflow:hidden;}
.loupan-infos .lp-photo li {float:left; width:50%; text-align:center; padding:8px 0; overflow:hidden;}
.loupan-infos .lp-photo li img {width:95%;  height:110px}
.loupan-infos .lp-photo li p {padding:7px 0; margin-top:2px}
/* 楼盘-置业顾问 */
.loupan-infos .lp-zygw {margin-top:10px;color:#555; overflow:hidden;}
.loupan-infos .lp-zygw li {position: relative; padding:9px 0; color:#555; border-bottom:1px solid #eee; overflow:hidden;}
.loupan-infos .lp-zygw .xqZygw-media {display: flex;align-items: center;}
.loupan-infos .lp-zygw .xqZygw-img {position: relative;margin-right: 16px;width: 50px;height: 50px;border-radius: 50%;flex-shrink: 0;}
.loupan-infos .lp-zygw .xqZygw-img img{width: 50px;height: 50px;border-radius: 50%;}
.loupan-infos .lp-zygw .xqZygw-txt {vertical-align: middle;overflow: hidden;}
.loupan-infos .lp-zygw .xqZygw-txt h3 {font-size: 15px;display: block;line-height: 20px;color: #333333;font-weight: bold;}
.loupan-infos .lp-zygw .xqZygw-txt .xqZygw-other {font-size: 13px;color: #333333;line-height: 15px;margin-top: 2px;}
.loupan-infos .lp-zygw .xqZygw-txt p {font-size: 12px;color: #666666;line-height: 18px;margin-top: 6px;overflow: hidden;}
.loupan-infos .lp-zygw .kf-call {position: absolute;top: 50%;right: 0;margin-top: -16px;display: flex;align-items: center;justify-content: flex-end;}
.loupan-infos .lp-zygw .kf-call a {display: block;width: 32px;height: 32px;background: #fb5654;border-radius: 50%;}
.loupan-infos .lp-zygw .kf-call a:last-child {margin-left: 20px;}
.loupan-infos .lp-zygw .kf-call a i {display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;}
.loupan-infos .lp-zygw .kf-call .xqZygw-call i {background-image: url(../images/m_icon_call.png);background-size: 15px;}
.loupan-infos .lp-zygw .kf-call .xqZygw-mes i {background-image: url(../images/m_icon_msg.png);background-size: 15px;}
/* 楼盘-底部咨询 */
.empty-bottom { display:block; height:50px; clear:both; line-height:0;}
.fixed-action {position: fixed;left: 0;right: 0;bottom: 55px;max-width: 640px;margin: 0 auto;background: #FFFFFF;z-index: 99;}
.fixed-action::before {content: '';display: block;position: absolute;left: 0;right: 0;top: 0;height: 1px;background: #EEEEEE;transform: scaleY(1);}
.fixed-action-inner {display: flex;align-items: center;}

.fixed-action-inner {flex: 1;display: flex;align-items: center;padding:8px 0;}
.fixed-action-inner a {display: block;color: #ffffff;width: 90%;height: 30px;line-height: 30px;border-radius:15px;text-align: center;position: relative;}
.fixed-action-inner a.zxjl {background: #fe744f;margin-right: 3%;}
.fixed-action-inner a.dhzx {background: #00bfe9;margin:0 5%;}
.fixed-action-inner a h4 {font-size: 15px;line-height: 22px;margin-top: 5px;font-weight: normal;}
.fixed-action-inner a p {font-size: 10px;line-height: 12px;margin-top: 1px;}

.houseVideo{width:100%;border-radius: 10px;}
.swiper{border-radius: 10px;}
.swiper .swiper-slide{
    width: 100%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
}
.swiper .swiper-slide img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
}

.swiper .txt {
    position: absolute;bottom:6px;right:5px;color:white;font-size:10px;text-shadow:1px 1px #0C0C0C;z-index: 99;
}

.xlp-dt-mianze {color:#999; background:#f7f7f7; padding:12px 15px; font-size:12px;margin-top:12px; line-height:150%;}