@charset "utf-8";
/* 社群活动(首页模块 + 列表页 + 详情页) */
/* 注意:宽度不要写死 6.4rem(body 已是 6.4rem),否则会撑出横向滚动条 */

/* ---------- 栏目与筛选 ---------- */
.hd_shequn{margin-top:0.4rem;}
.hd_shequn .title{padding:0.2rem; background-color:#fff; color:#2F2C2F; font-size:0.28rem; height:0.38rem; line-height:0.38rem; overflow:hidden;}
.hd_shequn .title span{color:#FF4D35; margin-left:0.1rem; text-transform:uppercase; font-size:0.2rem;}
.hd_shequn .title a{color:#999; float:right; margin-right:0.05rem; font-size:0.18rem; text-transform:uppercase;}

/* 所在区域(社区楼盘,逐级选择) */
.hd_filter{background-color:#fff; border-top:solid 1px #f5f5f5;}
.hd_filter_line{padding:0.18rem 0.2rem; border-bottom:solid 1px #f5f5f5;}
.hd_filter_line .hd_fl_name{display:block; color:#999; font-size:0.22rem; line-height:0.36rem;}
.hd_loupan_box{margin-top:0.06rem;}

/* 所在地区:地区级联 + 确定(列表页) */
.hd_filter .div_sel_region select{display:inline-block; vertical-align:top; width:48.5%; height:0.6rem; line-height:0.6rem; margin:0 3% 0.1rem 0; padding-left:0.1rem;
                                  font-size:0.22rem; color:#333; background-color:#F5F5F5; border:solid 1px #eee; border-radius:0.08rem; box-sizing:border-box;}
.hd_filter .div_sel_region select:nth-child(even){margin-right:0;}
.hd_filter .hd_region_ok{display:inline-block; margin-top:0.02rem; padding:0 0.35rem; height:0.56rem; line-height:0.56rem; font-size:0.22rem; color:#fff;
                         background-color:#FF574D; border-radius:0.28rem;}

/* 顶部BANNER广告位(可滑动轮播,swiper) */
.hd_banner{background-color:#fff;}
.hd_banner .swiper-slide a{display:block;}
.hd_banner .swiper-slide img{display:block; width:100%; height:auto;}
.hd_banner .swiper-pagination-bullet{background-color:#fff; opacity:0.6;}
.hd_banner .swiper-pagination-bullet-active{background-color:#fff; opacity:1;}

/* 公共控件(基础样式里 input[type=text] 是属性选择器,必须用两层类名才能覆盖其高度) */
.hd_filter .hd_select{display:block; width:100%; height:0.6rem; line-height:0.6rem; margin:0 0 0.1rem 0; padding-left:0.1rem; font-size:0.22rem; color:#333;
                      background-color:#F5F5F5; border:solid 1px #eee; border-radius:0.08rem; box-sizing:border-box;-webkit-appearance:none; appearance:none;}
.hd_filter .hd_fl_search{display:-webkit-box; display:-webkit-flex; display:flex; -webkit-align-items:stretch; align-items:stretch; margin-top:0.06rem;}
.hd_filter .hd_input{-webkit-flex:1; flex:1; width:auto; min-width:0; height:0.6rem; line-height:0.6rem; padding-left:0.15rem; font-size:0.22rem; color:#333;
                     background-color:#F5F5F5; border:solid 1px #eee; border-radius:0.08rem; box-sizing:border-box; vertical-align:middle;}
.hd_filter .hd_search_btn{-webkit-flex:0 0 1.3rem; flex:0 0 1.3rem; margin-left:0.12rem; height:0.6rem; line-height:0.6rem; text-align:center; font-size:0.22rem; color:#fff;
                          background-color:#FF574D; border-radius:0.08rem;}

/* 活动分类:横向滑动(一级),点一级展开二级 */
.hd_cate_box{background-color:#fff; border-bottom:solid 1px #f5f5f5;}
.hd_cate_row{width:100%; box-sizing:border-box; padding:0.15rem 0.2rem 0.05rem 0.2rem; white-space:nowrap; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch;}
.hd_cate_row::-webkit-scrollbar{display:none;}
.hd_cate_row.hd_cate_sub{background-color:#FAFAFA; padding-top:0.12rem;}
.hd_cate_item{display:inline-block; margin:0 0.14rem 0.12rem 0; padding:0 0.22rem; height:0.56rem; line-height:0.56rem; font-size:0.22rem; color:#333;
              background-color:#F2F2F2; border-radius:0.28rem;}
.hd_cate_item.on{background-color:#FF574D; color:#fff;}
.hd_cate_sub .hd_cate_item{height:0.5rem; line-height:0.5rem; background-color:#EAEAEA;}

/* 标签切换 */
.hd_tabs{display:-webkit-box; display:-webkit-flex; display:flex; background-color:#fff; border-bottom:solid 1px #f5f5f5;}
.hd_tabs .hd_tab{-webkit-flex:1; flex:1; height:0.8rem; line-height:0.8rem; text-align:center; font-size:0.26rem; color:#666; position:relative; white-space:nowrap;}
.hd_tabs .hd_tab.on{color:#FF574D; font-weight:bold;}
.hd_tabs .hd_tab.on:after{content:""; display:block; position:absolute; left:50%; margin-left:-0.4rem; bottom:0; width:0.8rem; height:0.06rem; border-radius:0.03rem; background-color:#FF574D;}

/* ---------- 卡片与活动条目 ---------- */
.hd_card{margin:0.2rem; background-color:#fff; border-radius:0.12rem; box-shadow:0 0.02rem 0.05rem rgba(0,0,0,.1); overflow:hidden;}
.hd_panel{display:none;}
.hd_panel:first-of-type{display:block;}
.hd_list{padding:0;}
.hd_list li.hd_item{padding:0.2rem; border-bottom:solid 1px #f5f5f5;}
.hd_list li.hd_item:last-child{border-bottom:0;}
.hd_list li.hd_item a{display:block; overflow:hidden;}
.hd_pic{float:left; position:relative; width:2rem; height:1.4rem; border-radius:0.08rem; overflow:hidden; background-color:#f5f5f5;}
.hd_pic img{display:block; width:100%; height:100%; object-fit:cover;}   /* 封面拉伸填满 */
.hd_pic .hd_status{position:absolute; left:0; top:0; padding:0 0.1rem; height:0.32rem; line-height:0.32rem; font-size:0.18rem; color:#fff; border-bottom-right-radius:0.08rem;}
.hd_pic .hd_status_doing{background-color:#FF574D;}
.hd_pic .hd_status_end{background-color:#bbb;}
.hd_info{margin-left:2.2rem; min-height:1.4rem;}
.hd_title{font-size:0.26rem; color:#212124; font-weight:bold; line-height:1.3; max-height:0.68rem;}
.hd_meta{margin-top:0.08rem; color:#999; font-size:0.2rem; line-height:1.4;}
.hd_meta .hd_cate{display:inline-block; margin-right:0.12rem; padding:0 0.1rem; height:0.32rem; line-height:0.32rem; background-color:#FFF0EE; color:#FF574D; border-radius:0.06rem;}
.hd_meta .hd_region{color:#999;}
.hd_time{margin-top:0.08rem; color:#FF8064; font-size:0.2rem;}
.hd_bottom{margin-top:0.08rem; color:#aaa; font-size:0.2rem; overflow:hidden;}
.hd_bottom .hd_didian{display:inline-block; max-width:3rem;}
.hd_bottom .hd_renshu{float:right;}

/* 空数据 / 加载提示 */
.hd_no_info{padding:0.5rem 0.2rem; text-align:center; color:#bbb; font-size:0.22rem;}
.hd_tip{padding:0.15rem 0.2rem; text-align:center; color:#bbb; font-size:0.2rem; display:none;}
.hd_tip.on{display:block;}

/* ---------- 列表页 ---------- */
.hd_list_top{padding:0.2rem; background-color:#fff; overflow:hidden; border-bottom:solid 1px #f0f0f0;}
.hd_list_top .hd_back{float:left; width:0.5rem;}
.hd_list_top .hd_back img{width:0.2rem;}
.hd_list_top span{font-size:0.3rem; color:#212124;}

/* ---------- 详情页 ---------- */
.hd_view_pic{width:100%; background-color:#f5f5f5;}
.hd_view_pic img{display:block; width:100%; height:auto;}   /* 封面完整显示,不裁切 */
.hd_view_box{background-color:#fff; margin-top:0.2rem; padding:0.2rem;}
.hd_view_title{font-size:0.3rem; color:#212124; font-weight:bold; line-height:1.4;}
.hd_view_status{display:inline-block; margin-top:0.12rem; padding:0 0.15rem; height:0.4rem; line-height:0.4rem; font-size:0.2rem; color:#fff; background-color:#FF574D; border-radius:0.06rem;}
.hd_view_status.hd_status_end{background-color:#bbb;}
.hd_view_row{padding:0.15rem 0; border-bottom:solid 1px #f5f5f5; font-size:0.24rem; color:#333; overflow:hidden;}
.hd_view_row:last-child{border-bottom:0;}
.hd_view_row .hd_row_name{float:left; width:1.6rem; color:#999; font-size:0.22rem;}
.hd_view_row .hd_row_value{margin-left:1.7rem; line-height:1.5; word-break:break-all;}
.hd_view_block_title{padding:0.2rem 0.2rem 0; font-size:0.26rem; color:#2F2C2F; font-weight:bold;}
.hd_view_content{padding:0.15rem 0.2rem 0.2rem 0.2rem; font-size:0.24rem; color:#333; line-height:1.7; word-break:break-all;}
.hd_view_content img{max-width:100%; height:auto;}
.hd_view_integral{margin:0.2rem; padding:0.2rem; background-color:#FFF7F5; border-radius:0.12rem; color:#FF574D; font-size:0.22rem; line-height:1.7;}

/* 活动时间/签到时间:字小一点,一行显示 */
.hd_view_row .hd_view_time{font-size:0.2rem; color:#666;}

/* 活动报名 */
.hd_baoming_num{color:#FF574D; font-style:normal; font-weight:bold;}
.hd_baoming_box{text-align:center;}
.hd_baoming_box .hd_baoming_tip{padding-bottom:0.18rem; color:#999; font-size:0.22rem;}
.hd_baoming_btn{display:block; height:0.8rem; line-height:0.8rem; text-align:center; font-size:0.28rem; color:#fff; background-color:#FF574D; border-radius:0.4rem;}
.hd_baoming_btn.hd_baoming_dis{background-color:#c9c9c9;}

/* 取消报名(已报名且未签到时才显示) */
.hd_baoming_cancel{margin-top:0.2rem;}
.hd_cancel_btn{display:inline-block; padding:0 0.4rem; height:0.64rem; line-height:0.64rem; font-size:0.24rem; color:#888; background-color:#fff; border:solid 1px #ddd; border-radius:0.32rem;}