@charset "utf-8";
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:"Microsoft YaHei",sans-serif;
}
a{
    text-decoration:none;
}

.w1200{
    width:1200px;
    margin:0 auto;
}
.house-grid .house-info-row {
    padding: 0;
    border-bottom: none;
    gap: 0;
    justify-content: space-between;
}
/* 楼盘顶部头部 */
.house-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:16px 0;
}
.header-left{
    display:flex;
    align-items:center;
    gap:16px;
}
.header-qrcode{
    width:80px;
    height:80px;
}
.header-qrcode img{
    width:100%;
    height:100%;
    object-fit:contain;
}
.header-title-wrap{}
.house-name{
    font-size:28px;
    font-weight:normal;
    color:#111;
    display:flex;
    align-items:center;
    gap:12px;
}
.tag-onsale{
	color: #fff;
	font-size: 14px;
	padding: 3px 10px;
	border-radius: 6px;
	background-color: #FF6600;
}
.house-tags{
    margin-top:10px;
    display:flex;
    gap:10px;
}
.type-tag{
    background:#ffe8e0;
    color:#ff6644;
    font-size:14px;
    padding:4px 12px;
    border-radius:20px;
}

.header-right{
    text-align:right;
}
.header-row{
    display:flex;
    gap:24px;
    justify-content:flex-end;
    margin-bottom:12px;
}
.top-you-link{
    font-size:16px;
    color:#777;
    cursor:pointer;
}
.header-info-line{
    font-size:14px;
    color:#999;
}
.link-group::before{
    content:"";
    display:inline-block;
    width:28px;
    height:28px;
    margin-right:8px;
    background-image:url("../img/qun.png");
    background-size:contain;
    background-repeat:no-repeat;
    vertical-align:middle;
}
.link-send::before{
    content:"";
    display:inline-block;
    width:28px;
    height:28px;
    margin-right:8px;
    background-image:url("../img/sm.png");
    background-size:contain;
    background-repeat:no-repeat;
    vertical-align:middle;
}
.text-link{
    font-size:20px;
    color:#777;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
}
/* 悬浮二维码弹窗 */
.hover-qr-wrap{
    position:relative;
}
.hover-qr-pop{
    display:none;
    position:absolute;
    top:calc(100% + 12px);
    right:0;
    width:156px;
    background:#fff;
    box-shadow:0 2px 14px rgba(0,0,0,0.15);
    border-radius:8px;
    padding:10px;
    text-align:center;
    z-index:100;
}

/* 白色三角箭头 */
.hover-qr-pop::before{
    content:"";
    position:absolute;
    top:-10px;
    right:20px;
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid #ffffff;
}

/* 三角阴影，让箭头更贴合弹窗 */
.hover-qr-pop::after{
    content:"";
    position:absolute;
    top:-12px;
    right:20px;
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid rgba(0,0,0,0.08);
    z-index:-1;
}
.hover-qr-pop img{
    width:136px;
    margin:0 auto 8px;
}
.hover-qr-pop p{
    font-size:14px;
    color:#555;
}
.hover-qr-wrap:hover .hover-qr-pop{
    display:block;
}
.hot-num{
    color:#e62828;
    font-weight:bold;
}
/* 顶部标签导航 */
.tab-nav{
    display:flex;
    background:#f5f5f5;
    margin-bottom:12px;
}
.tab-nav .tab{
    padding:10px 28px;
    font-size:18px;
    color:#222;
}
.tab-nav .tab.active{
    background:#e62828;
    color:#fff;
}

.main-wrap{
    display:flex;
    gap:40px;
}
.left-box{
    width:750px;
}
.right-box{
    width:410px;
    position:relative;
}

/* 轮播容器 */
.slider-container{
    height:500px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.slider-big{
    width:750px;
    height:425px;
    overflow:hidden;
}
.slider-list{
    width:calc(750px * 5);
    display:flex;
    transition:0.3s ease;
}
.slide-item{
    width:750px;
    height:425px;
}
.slide-item img{
    width:100%;
    height:100%;
    object-fit:contain;
    background:#f5f5f5;
}



/* 缩略图区域 */
.thumb-wrap{
    display:flex;
    align-items:center;
    gap:18px;
    height:68px;
}
.thumb-wrap .arrow{
    width:36px;
    height:68px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f3f3f3;
    cursor:pointer;
    user-select:none;
    transition:0.2s all ease;
    font-size:20px;
    font-weight:bold;
    color:#666;
}
.thumb-wrap .arrow:hover{
    background:#e62828;
    color:#ffffff;
}

.thumb-list{
    flex:1;
    display:flex;
    gap:15px;
    overflow:hidden;
}
.thumb-item{
    width:120px;
    height:68px;
    opacity:0.7;
    border:2px solid transparent;
    cursor:pointer;
}
.thumb-item img{
    width:100%;
    height:100%;
    object-fit: cover;
    background:#f5f5f5;
}

.thumb-item.active{
    opacity:1;
    border-color:#e62828;
}

/* 优惠信息区域 */
.offer-section{
    margin-top:20px;
}
.offer-title{
	font-size: 24px;
	color: #222;
	margin-bottom: 24px;
	font-weight: normal;
}
.offer-row{
    display:flex;
    gap:24px;
}
.offer-card{
    width:calc(50% - 12px);
    border-radius:12px;
    position:relative;
    cursor:pointer;
    overflow:hidden;
    background-size:100% 100%;
    background-repeat:no-repeat;
	
}
.offer-card.red{
    background-image:url("../img/huodongds1.png");
}
.offer-card.blue{
    background-image:url("../img/huodongds2.png");
}

.offer-text-box{
	background: transparent;
	border-radius: 10px;
	padding-top: 45px;
	padding-right: 16px;
	padding-bottom: 20px;
	padding-left: 16px;
}

.offer-text{
    font-size:18px;
    text-align:center;
    font-weight:bold;
    line-height:1.4;
}
.offer-card.red .offer-text{
    color:#ff3333;
}
.offer-card.blue .offer-text{
    color:#2277ee;
}

.offer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 20px;
    color:#fff;
    font-size:20px;
}
.offer-btn{
    background:#fff;
    padding:6px 24px;
    border-radius:99px;
    font-size:14px;
    font-weight:bold;
}
.offer-card.red .offer-btn{
    color:#ff4444;
}
.offer-card.blue .offer-btn{
    color:#3388ff;
}

/* 动态资讯 */
.news-section{
    margin-top:30px;
}
.news-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
}
.news-head h3{
    font-size:24px;
    color:#222;
	font-weight: normal;
}
.news-head a{
    color:#666;
    font-size:16px;
}
.news-list{
    border-left:2px solid #ddd;
    padding-left:30px;
}
.news-item{
    position:relative;
    padding-bottom:26px;
}
.news-item::before{
    content:"";
    width:14px;
    height:14px;
    background:#fff;
    border:2px solid #999;
    border-radius:50%;
    position:absolute;
    left:-39px;
    top:9px;
}
.news-item-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:8px;
}
.news-left-row{
    display:flex;
    align-items:center;
    gap:8px;
}
.news-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;}
.news-tag{
    display:inline-block;
    padding:4px 8px;
    color:#fff;
    font-size:14px;
    border-radius:4px;
}
.tag-dongtai{background:#ff7800;}
.tag-kai{background:#ffb800;}
.tag-project{background:#00cc66;}
.tag-official{background:#ff4444;}
.news-title{font-size:20px;color:#222;}
.news-time{color:#888;font-size:15px;}
.news-desc{color:#555;line-height:1.6;font-size:16px;}
.news-desc a{color:#0066cc;}

/* 订阅区域 */
.subscribe-section{
    margin-top:30px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px;
    background:#f8f8f8;
    border-radius:10px;
}
.subscribe-left{
    display:flex;
    align-items:center;
    gap:10px;
}
.subscribe-img{width:128px;height:80px;object-fit:cover;}
.subscribe-text h3{font-size:22px;color:#222;margin-bottom:6px;}
.subscribe-text p{color:#666;font-size:14px;}
.subscribe-right{
	display: flex;
	gap: 0;
	font-size: 0;
	
}
.subscribe-right input{
    height:36px;
    padding:0 10px;
    border:1px solid #ddd;
    border-right:none;
    border-radius:6px 0 0 6px;
    font-size:12px;
	margin: 0;
}

.subscribe-right input{
    height:36px;
    padding:0 10px;
    border:1px solid #ddd;
    border-right:none;
    border-radius:6px 0 0 6px;
    font-size:12px;
    transition: box-shadow 0.2s ease;
	margin: 0;
	border-left: none;
}
.subscribe-right input:focus{
    outline: none;
    box-shadow: 0 0 0 1px #3688ff;
}
.subscribe-right button{
    height:36px;
    padding:0 15px;
    background:#ff6633;
    color:#fff;
    border:none;
    border-radius:0 6px 6px 0;
    font-size:12px;
    cursor:pointer;
}

/* 楼盘户型 */
.house-type-section{margin-top:30px;}
.house-type-head{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
.house-type-head h3{font-size:24px;color:#222;font-weight: normal;}
.house-type-list{border-top:1px solid #eee;}
.house-type-item{
    display:flex;
    gap:20px;
    padding:20px 0;
    border-bottom:1px solid #eee;
    align-items: flex-start !important;
}
.house-type-pic{
    width:160px;
    height:160px;
    flex-shrink:0;
    overflow:hidden;
}
.house-type-pic img{
    width:100%;
    height:100%;
    object-fit:contain;
    background:#f8f8f8;
    vertical-align:top;
}

.house-type-info{
    flex:1;
    min-width:0;
}
.house-type-name{
    font-size:18px;
    color:#222;
    margin-bottom:12px;
    line-height:1.4;
}
.house-type-tag{
    display:inline-block;
    background:#ff7800;
    color:#fff;
    padding:4px 10px;
    border-radius:4px;
    font-size:14px;
    margin-bottom:12px;
}
.house-type-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:8px;
}
.house-type-desc{font-size:14px;color:#555;line-height:1.5;}
.house-type-price{color:#ff4444;font-size:16px;}
.house-type-buttons{
    display:flex;
    gap:12px;
    justify-content:flex-end;
    margin-top:0;
}
.house-type-buttons a{
    border:1px solid #ff4444;
    color:#ff4444;
    padding:6px 20px;
    border-radius:4px;
    font-size:15px;
}
.house-type-item.hide-item{display:none;}
.house-type-more-wrap{text-align:center;padding:16px 0;}
.house-type-more-btn{color:#666;font-size:16px;cursor:pointer;}

/* 楼盘信息表格 */
.house-info-section{margin-top:30px;}
.house-info-head{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	font-size: 14px;
	color: #333;	
}
.house-info-head a {
	font-size: 14px;
	color: #666;
}
.house-info-head h3{font-size:24px;color:#222;font-weight: normal;}
.house-info-table{
    width:100%;
    border:1px solid #eee;
    border-radius:8px;
}
.house-info-table tr td{
    padding:14px 16px;
    border-bottom:1px solid #eee;
    font-size:14px;
}
.house-info-table tr:last-child td{border-bottom:none;}
.house-info-table td:nth-child(odd){
    background:#f9f9f9;
    color:#666;
    width:100px;
}

/* 楼盘介绍 */
.house-intro-section{margin-top:30px;}
.house-intro-head h3{font-size:24px;color:#222;margin-bottom:16px;font-weight: normal;}
.intro-content-box{
    border:1px solid #eee;
    padding:20px;
    border-radius:8px;
}
.intro-text{font-size:14px;line-height:2.0;color:#444;}
.intro-text.short{max-height:160px;overflow:hidden;}
.intro-more-wrap{text-align:center;padding:16px 0 0;}
.intro-more-btn{color:#888;font-size:18px;cursor:pointer;}

/* 楼盘相册 */
.house-album-section{margin-top:30px;}
.house-album-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:16px;
}
.house-album-head h3{font-size:24px;color:#222;font-weight: normal;}
.album-tab-group a{color:#666;font-size:16px;margin-left:12px;}
.album-list{display:flex;gap:16px;}
.album-item{flex:1;}
.album-item img{
    height:160px;
    width:100%;
    object-fit:contain;
    background:#f8f8f8;
    border-radius:6px;
}

.album-item p{text-align:center;margin-top:8px;color:#444;font-size:16px;}

/* 用户点评 */
.comment-section{margin-top:30px;}
.comment-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:16px;
}
.comment-head h3{font-size:24px;color:#222;font-weight: normal;}
.comment-head a{color:#888;font-size:16px;}
.comment-box{border:1px solid #eee;border-radius:8px;padding:16px;}
.comment-item{padding:16px 0;border-bottom:1px dashed #ddd;}
.comment-item:last-child{border-bottom:none;}
.comment-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:8px;
}
.comment-user{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:18px;
    color:#222;
}
.comment-user img{width:36px;height:36px;border-radius:50%;object-fit:cover;}
.comment-date{color:#999;font-size:16px;}
.comment-content{
    font-size:17px;
    color:#444;
    padding-left:44px;
    margin:8px 0;
    line-height:1.6;
}
.comment-action{text-align:right;padding-right:4px;}
.comment-action span{color:#888;font-size:16px;margin-left:12px;}
.write-comment-btn{
    width:100%;
    margin-top:16px;
    padding:14px;
    background:#fff2e0;
    text-align:center;
    font-size:18px;
    color:#ff7800;
    border-radius:8px;
    cursor:pointer;
}

/* 房贷计算器 */
.loan-calc-section{margin-top:30px;}
.loan-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
}
.loan-head > div{
    display:flex;
    align-items:center;
    gap:20px;
}
.loan-head h3{
    font-size:28px;
    color:#222;
    margin:0;
}
.loan-tip{
    color:#999;
    font-size:14px;
}
.loan-consult-btn{
    padding:10px 20px;
    background:linear-gradient(90deg,#ffb055,#ff5566);
    color:#fff;
    border-radius:99px;
    font-size:14px;
}
.loan-wrap{display:flex;gap:30px;}
.loan-left{width:380px;}
.loan-right{
    flex:1;
    border:1px solid #eee;
    border-radius:8px;
    padding:24px;
}
.loan-row{
    display:flex;
    align-items:center;
    margin-bottom:18px;
}
.loan-row label{width:110px;font-size:16px;color:#444;}
.loan-row select{
    flex:1;
    height:52px;
    padding:0 12px;
    border:1px solid #eee;
    border-radius:6px;
    font-size:14px;
    background:#f9f9f9;
}
.calc-btn{
    width:100%;
    height:56px;
    background:linear-gradient(90deg,#ffb055,#ff5566);
    border:none;
    border-radius:8px;
    color:#fff;
    font-size:20px;
    cursor:pointer;
    margin-top:12px;
}
.result-item{
    display:flex;
    justify-content:space-between;
    padding:15px 0;
    font-size:16px;
}
.result-item:not(:last-child){border-bottom:1px solid #eee;}
.result-label{color:#666;}
.result-val{color:#222;}

/* 右侧侧边栏 */
.price-line{font-size:18px;margin-bottom:8px;}
.price-num{font-size:28px;color:#e62828;font-weight:bold;}
.link-red{color:#FF3300;font-size:14px;cursor:pointer;}
/* 发送到手机悬浮二维码 同微信扫码样式 */
.sendphone-wrap{
    position:relative;
    display:inline-block;
}
.sendphone-pop{
    display:none;
    position:absolute;
    top:calc(100% + 8px);
    right:0;
    width:158px;
    background:#fff;
    border-radius:8px;
    box-shadow:0 0 12px rgba(0,0,0,0.15);
    padding:10px;
    text-align:center;
    z-index:99;
}
.sendphone-pop img{
    width:136px;
    margin:0 auto 10px;
}
.sendphone-pop p{
    color:#666;
    font-size:15px;
}
.sendphone-wrap:hover .sendphone-pop{
    display:block;
}
.price-desc{color:#999;font-size:12px;margin-bottom:20px;}
.discount-bar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:#fff2e8;
    padding:10px 10px 10px 36px;
    border-radius:6px;
    margin-bottom:24px;
    position:relative;
}
.discount-bar::before{
    content:"";
    position:absolute;
    left:10px;
    top:50%;
    transform:translateY(-50%);
    width:20px;
    height:20px;
    background-image:url("../img/hui.png");
    background-size:contain;
    background-repeat:no-repeat;
}
.discount-bar span{
    font-size:14px;
    color:#F30;
}
.get-discount{
    background:#ff5544;
    color:#fff;
    border:none;
    padding:6px 12px;
    border-radius:20px;
    cursor:pointer;
}
.info-row{
    display:flex;
    align-items:flex-start;
    margin-bottom:14px;
    font-size:16px;
}
.info-row .label{
    width:80px;
    color:#555;
    flex-shrink:0; /* 左侧标签固定宽度，不会被压缩 */
}
.val-wrap{
    flex:1;
}
.val-wrap .val{
	display: inline; /* 文字行内显示 */
	line-height: 1.8;
}
.sendphone-wrap{
    display:inline-block;
    margin-left:8px;
    vertical-align:baseline;
}
.link-blue{color:#3366ff;margin-left:8px;cursor:pointer;}
.tel-box{
    background:#f8f8f8;
    padding:18px 14px;
    border-radius:8px;
    margin:20px 0;
}
.tel-main{
    display:flex;
    align-items:center;
    gap:12px;
    position:relative;
}
.tel-icon{
    width:50px;
    height:52px;
    background-image:url("../img/tel_icon.png");
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
}
.tel-number{
    font-size:28px;
    color:#e62828;
    font-weight:bold;
}
.wechat-wrap{
    position:relative;
}
.wechat-btn{
    color:#22bb55;
    font-size:14px;
    background:#e9f9ee;
    padding:4px 8px 4px 26px;
    border-radius:4px;
    cursor:pointer;
    position:relative;
}
.wechat-btn::before{
    content:"";
    position:absolute;
    left:6px;
    top:50%;
    transform:translateY(-50%);
    width:16px;
    height:16px;
    background-image:url("../img/weixi_you.png");
    background-size:contain;
    background-repeat:no-repeat;
}
.qrcode-pop{
    display:none;
    position:absolute;
    top:calc(100% + 12px);
    right:0;
    width:158px;
    background:#fff;
    border-radius:8px;
    box-shadow:0 0 12px rgba(0,0,0,0.15);
    padding:10px;
    text-align:center;
    z-index:99;
}
/* 三角箭头 */
.qrcode-pop::before{
    content:"";
    position:absolute;
    top:-10px;
    right:20px;
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid #ffffff;
}
.qrcode-pop::after{
    content:"";
    position:absolute;
    top:-12px;
    right:20px;
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid rgba(0,0,0,0.08);
    z-index:-1;
}
.qrcode-pop img{
    width:136px;
    margin:0 auto 10px;
}
.qrcode-pop p{
    color:#666;
    font-size:15px;
}
.wechat-wrap:hover .qrcode-pop{
    display:block;
}
.tel-tip{
    text-align:center;
    color:#999;
    margin-top:8px;
}
.bottom-link-row{display:flex;justify-content:space-between;}
.left-link{color:#333;}
.risk-link{color:#999;cursor:pointer;}

/* 置业顾问模块 */
.agent-section{
	margin-top: 24px;
	border: 1px solid #eee;
	border-radius: 10px;
	background: #fff;
	transition: all 0.3s;
	padding: 20px 30px;
    display:flex;
    flex-direction:column;
}
.agent-list{
    order:1;
}
.agent-section.fixed-agent{
    position:fixed;
    top:10px;
    width:410px;
    z-index:98;
    box-shadow:0 4px 16px rgba(0,0,0,0.12);
}
.agent-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:14px;
	padding-bottom:12px;
    border-bottom:1px solid #eee;
}
.agent-head h3{
    font-size:18px;
    color:#222;
    font-weight:normal;
}
.agent-head .head-right{
    font-size:12px;
    color:#888;
}
.agent-head .head-right span{
    margin:0 6px;
    color:#000;
}
.agent-head .agent-switch{
    cursor:pointer;
}
.agent-item,.agent-card{
    display:flex;
    gap:12px;
    padding:14px 0;
	border-bottom:1px solid #eee;
	align-items:center !important;
}
.agent-info{
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: 68px;
}
.agent-hidden{
    display:none;
}

.agent-avatar{
    width:68px;
    height:68px;
    border-radius:50%;
    flex-shrink:0;
    overflow:hidden;
}
.agent-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.agent-name{
    font-size:16px;
    color:#222;
    margin-bottom:4px;
}
.agent-desc{
    font-size:12px;
    color:#888;
    margin-bottom:10px;
}
.agent-buttons{
    display:flex;
    gap:10px;
    align-items:center;
}
.agent-buttons a {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    line-height: 28px;
}
.btn-online{
	height: 28px;
	background: #ffddb0;
	color: #ff8822;
	border: none;
	border-radius: 6px;
	font-size: 14px;
	cursor: pointer;
	padding-left: 28px;
	position: relative;
	width: 100px;
}
.btn-online::before{
    content:"";
    position:absolute;
    left:8px;
    top:50%;
    transform:translateY(-50%);
    width:18px;
    height:18px;
    background-image:url("../img/msg11.png");
    background-size:contain;
    background-repeat:no-repeat;
}
.btn-phone{
    height:28px;
    background:#d6e8ff;
    color:#3488ee;
    border:none;
    border-radius:6px;
    font-size:14px;
    cursor:pointer;
    padding-left:28px;
    position:relative;
	width:100px;
}
.btn-phone::before{
    content:"";
    position:absolute;
    left:10px;
    top:50%;
    transform:translateY(-50%);
    width:18px;
    height:18px;
    background-image:url("../img/tel11.png");
    background-size:contain;
    background-repeat:no-repeat;

}
.agent-bottom-buttons{
	order: 2;
	display: flex;
	gap: 14px;
	padding-top: 15px;
}
.btn-group-buy{
    flex:1;
    height:40px;
    background:linear-gradient(90deg,#3688ff,#2270ee);
    color:#fff;
    border:none;
    border-radius:99px;
    font-size:16px;
    cursor:pointer;
}
.btn-get-discount{
    flex:1;
    height:40px;
    background:linear-gradient(90deg,#ff9955,#ff5050);
    color:#fff;
    border:none;
    border-radius:99px;
    font-size:16px;
    cursor:pointer;
}
.scroll-notice{
    order:3;
    margin-top:14px;
    height:32px;
    line-height:28px;
    overflow:hidden;
    border-top:none;
    padding-top:0;
    color:#555;
    font-size:15px;
}
.scroll-notice-inner{
    animation:scrollUp 3s linear infinite;
}
@keyframes scrollUp{
    0%{transform:translateY(0);}
    100%{transform:translateY(-28px);}
}

/* 弹窗通用 */
.mask{
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    z-index:999;
    align-items:center;
    justify-content:center;
}
.mask.show{display:flex;}
.modal-box{
    background:#fff;
    border-radius:12px;
    position:relative;
    overflow:hidden;
}
.close-btn{
    position:absolute;
    right:16px;
    top:16px;
    font-size:28px;
    cursor:pointer;
    color:#333;
    z-index:2;
}
.modal-input{
    width:100%;
    height:50px;
    border:1px solid #ddd;
    border-radius:8px;
    padding:0 16px;
    font-size:17px;
    margin-bottom:16px;
    transition: border-color 0.2s ease;
}
.modal-input:focus{
    outline: none;
    border-color: #3688ff;
}
.modal-input.round{
    border-radius:99px;
    background:#f3f5f7;
    border:1px solid transparent;
}
.modal-input.round:focus{
    outline: none;
	background-color: #FFFFFF;
    box-shadow: 0 0 0 2px #3688ff;
}
.modal-btn-red{
    width:100%;
    height:54px;
    background:#ff4455;
    color:#fff;
    border:none;
    border-radius:8px;
    font-size:20px;
    font-weight:bold;
    cursor:pointer;
}
.modal-btn-gradient{
    width:100%;
    height:56px;
    background:linear-gradient(90deg,#ffaa55,#ff5555);
    color:#fff;
    border:none;
    border-radius:99px;
    font-size:24px;
    font-weight:bold;
    cursor:pointer;
}

/* #modalOffer 优惠弹窗 */
#modalOffer{
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    z-index:999;
    align-items:center;
    justify-content:center;
}
#modalOffer.show{display:flex;}
#modalOffer .modal-wrap{
    position:relative;
}
#modalOffer .gift-icon{
    position:absolute;
    right:30px;
    top:-75px;
    width:180px;
    height:160px;
    background:url('../img/hongbao.png') center/contain no-repeat;
    z-index:1001;
    pointer-events:none;
}
#modalOffer .modal-box{
    background:#fff;
    border-radius:16px;
    position:relative;
    overflow:hidden;
    z-index:1000;
}
#modalOffer .modal-offer{
    width:428px;
}
#modalOffer .modal-top{
    padding:24px 24px 12px;
    background:#ffffff;
    position:relative;
}
#modalOffer .modal-top h3{font-size:34px;color:#222;}
#modalOffer .modal-top h3::before{
    content:"";
    display:inline-block;
    width:5px;
    height:30px;
    background:#ff4444;
    vertical-align:middle;
    margin-right:10px;
}
#modalOffer .modal-body{padding:16px 24px 28px;}
#modalOffer .modal-desc{font-size:16px;color:#333;margin-bottom:24px;}

/* #modalSign 活动报名弹窗 */
#modalSign{
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    z-index:999;
    align-items:center;
    justify-content:center;
}
#modalSign.show{display:flex;}
#modalSign .modal-wrap{
    position:relative;
}
#modalSign .modal-box{
    background:#fff;
    border-radius:16px;
    position:relative;
    overflow:hidden;
    z-index:1000;
}
#modalSign .modal-sign{
    width:360px;
    padding:32px;
}
#modalSign .modal-top h3{
    font-size:32px;
    color:#222;
    margin-bottom:24px;
}
#modalSign .modal-top h3 span{
    font-size:14px;
    color:#999;
    font-weight:normal;
    margin-left:10px;
}
#modalSign .close-btn{
    position:absolute;
    right:16px;
    top:16px;
    font-size:28px;
    cursor:pointer;
    color:#333;
    z-index:1002;
}

/* #modalGetOffer 优惠活动弹窗 */
#modalGetOffer{
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    z-index:999;
    align-items:center;
    justify-content:center;
}
#modalGetOffer.show{
    display:flex;
}
#modalGetOffer .modal-wrap{
    position:relative;
}
#modalGetOffer .gift-icon{
    position:absolute;
    right:30px;
    top:-75px;
    width:180px;
    height:160px;
    background:url('../img/hongbao.png') center/contain no-repeat;
    z-index:1001;
    pointer-events:none;
}
#modalGetOffer .modal-box{
    background:#fff;
    border-radius:16px;
    position:relative;
    overflow:hidden;
    z-index:1000;
}
#modalGetOffer .modal-getoffer{
    width:428px;
}
#modalGetOffer .modal-top{
    padding:24px 24px 12px;
    background:#ffffff;
    position:relative;
}
#modalGetOffer .modal-top h3{
    font-size:34px;
    color:#222;
}
#modalGetOffer .modal-top h3::before{
    content:"";
    display:inline-block;
    width:5px;
    height:30px;
    background:#ff4444;
    vertical-align:middle;
    margin-right:10px;
}
#modalGetOffer .modal-body{
    padding:16px 24px 28px;
}
#modalGetOffer .modal-desc{
    font-size:16px;
    color:#333;
    margin-bottom:24px;
}
#modalGetOffer .close-btn{
    position:absolute;
    right:16px;
    top:16px;
    font-size:28px;
    cursor:pointer;
    color:#333;
    z-index:1002;
}

/* #modalOpen 开盘通知弹窗 */
#modalOpen{
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    z-index:999;
    align-items:center;
    justify-content:center;
}
#modalOpen.show{display:flex;}
#modalOpen .modal-wrap{
    position:relative;
}
#modalOpen .modal-box{
    background:#fff;
    border-radius:16px;
    position:relative;
    overflow:hidden;
    z-index:1000;
}
#modalOpen .modal-open{
    width:360px;
    padding:32px;
}
#modalOpen .modal-top h3{
    font-size:28px;
    color:#222;
    margin-bottom:8px;
}
#modalOpen .modal-top h3 span{
    font-size:14px;
    color:#999;
    font-weight:normal;
    margin-left:10px;
}
#modalOpen .modal-desc{
    font-size:14px;
    color:#333;
    margin:16px 0 24px;
}
#modalOpen .close-btn{
    position:absolute;
    right:16px;
    top:16px;
    font-size:28px;
    cursor:pointer;
    color:#333;
    z-index:1002;
}

#modalPrice .modal-price{width:360px;padding:28px;}
#modalPrice h3{font-size:28px;color:#222;margin-bottom:8px;display:inline-block;}
#modalPrice .sub-title{font-size:14px;color:#888;margin-left:12px;font-weight:normal;}

#riskMask .modal-risk{width:680px;max-height:85vh;}
#riskMask .risk-header{padding:26px 30px 10px;}
#riskMask .risk-header h3{font-size:30px;color:#222;}
#riskMask .risk-body{
    padding:0 30px 30px;
    font-size:17px;
    line-height:1.75;
    color:#333;
    overflow-y:auto;
    max-height:70vh;
}
#riskMask .risk-body p{margin-bottom:22px;}

/* 猜你喜欢模块 */
.like-section{
    margin-top:40px;
}
.like-title{
    font-size:24px;
    color:#222;
    margin-bottom:20px;
    font-weight:normal;
}
.like-list{
    display:flex;
    gap:16px;        /* 项目之间左右间距 */
    border:1px solid #eee;
    padding:18px;     /* 容器整体内边距 上下左右统一 */
    border-radius:8px;
}
.like-list li{
    flex:1;
    list-style:none;
}
/* 图片外层链接容器 */
.like-list li > a:first-child {
    display:block;
    width:100%;
    height:136px;
    margin-bottom:12px; /* 图片与楼盘名称的垂直间距 */
    overflow:hidden;
    border-radius:6px;
}
.like-list li > a:first-child img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
/* 楼盘名称 */
.like-list .lpname{
    display:block;
    font-size:16px;
    color:#222;
    margin-bottom:8px; /* 名称与价格垂直间距 */
}
/* 价格红色 */
.like-list .lpprice{
    font-size:16px;
    color:#ff3333;
}
.like-list .lpprice em{
    font-style:normal;
}

/* 楼盘名称 */
.like-list .lpname{
    display:block;
    font-size:16px;
    color:#222;
    margin-bottom:8px; /* 名称与价格垂直间距 */
}
/* 价格红色 */
.like-list .lpprice{
    font-size:16px;
    color:#ff3333;
}
.like-list .lpprice em{
    font-style:normal;
}

/* 楼盘名称 */
.like-list .lpname{
    display:block;
    font-size:16px;
    color:#222;
    margin-bottom:8px;
}
/* 价格改为红色 */
.like-list .lpprice{
    font-size:16px;
    color:#ff4444;
}
.like-list .lpprice em{
    font-style:normal;
}


/* 免责声明模块 */
.disclaimer-section{
    margin-top:40px;
    margin-bottom:40px;
}
.disclaimer-title{
    font-size:24px;
    color:#222;
    margin-bottom:16px;
    font-weight:normal;
}
.disclaimer-box{
    background:#f2f2f2;
    padding:24px;
    border-radius:6px;
}
.disclaimer-box p{
    font-size:14px;
    line-height:1.8;
    color:#333;
}
.footer a img{
    display:inline-block !important;
    width:auto !important;
    vertical-align:middle;
    margin-right:6px;
}
.form-toast {
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(255, 255, 255, 1);
	color: #000;
	border-radius: 18px;
	font-size: 18px;
	z-index: 999999;
	opacity: 0;
	transition: opacity 0.3s;
	pointer-events: none;
	white-space: nowrap;
	/* 新增阴影，柔和阴影，和你截图弹窗风格匹配 */
	box-shadow: 0 4px 16px rgba(f,f,f,0.88);
	margin-top: 100px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border: 2px solid #39F;
	padding-top: 30px;
	padding-right: 60px;
	padding-bottom: 30px;
	padding-left: 60px;
}
.form-toast.show {
    opacity: 1;
}