*{box-sizing: border-box;}

/* 搜索区域 */
.yqss_box_tag{width: .6rem;height: .6rem;background: red;display: none;align-items: center;z-index: 9;
justify-content: center;background: #fff;position: fixed;left: 4.2rem;top: 1.2rem;border-radius: 5px;}
.yqss_box_tag img{width: .3rem;height: .3rem;display: none;}
.yqss_box_tag img:nth-child(2){display: block;}
.yqss_box_tag.active img:nth-child(1){display: block;}
.yqss_box_tag.active img:nth-child(2){display: none;}

.yqss_box{width: 3.8rem;position: fixed;font-size: .16rem;top: 1.5rem;left: .5rem;font-family: Roboto-Regular-14;z-index: 999;}
.yqss_up{width: 100%;height: .6rem;border-radius: 20px 20px 20px 20px;background: #fff;display: flex;padding: .14rem;align-items: center;
justify-content: space-between;}
.yqss_up_img{width: .18rem;height: .18rem;}
.yqss_up_img:hover{cursor: pointer;}
.yqss_up_btn{width: .72rem;height: .25rem;background: #E1251A;display: flex;justify-content: center;align-items: center;
color: #fff;border-radius: 38px 38px 38px 38px;transition: all .2s ease;}
.yqss_up_btn:hover{width: .8rem;cursor: pointer;}
.yqss_up_input{width: calc(100% - .2rem);height: 100%;}
.yqss_up_input input{ border: none;outline: none;width: 100%;height: 100%;display: block;text-align: left;color: #05142d;}
.yqss_down{margin-top: .24rem;background: #fff;border-radius: 20px 20px 20px 20px;padding: .2rem .2rem;display: block;}
.yqss_title{font-size: .16rem;font-family: 'Roboto-Bold';font-weight: bold;}
.yqss_select{width: 100%;height: .36rem;box-shadow: 0px 4px 16px 0px rgba(51, 51, 51, 0.08), 0px 4px 4px 0px rgba(51, 51, 51, 0.04);
padding: 0 .12rem;margin-top: .12rem;}
.yqss_select select{width: 100%; height: 100%; outline: none; border: none; background: transparent; display: block;}
.yqss_location{display: flex;flex-wrap: wrap;margin-top: .12rem;margin-bottom: .38rem;}
.yqss_location_item{border: 1px solid rgba(225, 37, 26, 0.4);border-radius: 6px 6px 6px 6px;color: rgba(225, 37, 26, 0.4);
margin-right: .12rem;padding: 0rem .1rem;}
.yqss_location_item.active{background: #E1251A;color: #fff;}
.yqss_types{margin-top: .12rem;display: flex;margin-bottom: .36rem;}
.yqss_types_item{display: flex;align-items: center;margin-right: .2rem;}
.yqss_types_item input{margin-right: .08rem;}
.yqss_down_are{margin-bottom: .36rem;}
.yqss_down_btn{width: 100%;height: .36rem;border-radius: 38px 38px 38px 38px;background: #E1251A;color: #fff;
display: flex; justify-content: center; align-items: center;margin-top: .72rem;font-size: .16rem;}
.yqss_down_btn:hover{background: #D61E13;}

/* 切换按钮 */
.tu_biao_wrap{width: 2rem;height: .6rem;background: #fff;border-radius: .2rem;position: fixed;right: .5rem;
top: 1.5rem;display: flex;align-items: center;z-index: 10;padding: .1rem;}
.tu_biao_btn{width: 50%;height: 100%;display: flex;align-items: center;padding: 0 .1rem;justify-content: space-around;}
.tu_biao_icon{width: .2rem;height: .2rem;}
.tu_biao_icon img:nth-child(1){display: block;}
.tu_biao_icon img:nth-child(2){display: none;}
.tu_biao_text{font-size: .18rem;font-family: Roboto-Medium;color: #bfbfbf;}
.tu_biao_btn.active .tu_biao_icon img:nth-child(1){display: none;}
.tu_biao_btn.active .tu_biao_icon img:nth-child(2){display: block;}
.tu_biao_btn.active .tu_biao_text{color: #E1251A;}
.tu_biao_btn:hover{cursor: pointer;}

/* 地图背景 */
.yqss_bg{height: calc(100vh - 1.28rem);position: fixed;width: 100%;left: 0;top: 1.28rem;}

/* 列表区域 */
.list_bg{height: calc(100vh - 1.28rem);position: fixed;width: 100%;left: 0;top: 1.28rem;background: #f1f1f1;padding-top: .22rem;
padding-left: 4.5rem;padding-right: 2.7rem;padding-bottom: .2rem;}
.list_wrap{width: 100%;height: 100%;background: #fff;border-radius: .2rem;padding: .2rem;
overflow: auto;}
.list_wrap::-webkit-scrollbar{width: 0;}
.list_wrap_item{width: 100%;padding: .15rem;box-shadow: 0px 4px 16px 0px rgba(51, 51, 51, 0.08), 0px 4px 4px 0px rgba(51, 51, 51, 0.04);
display: flex;justify-content: space-between;border-radius: .1rem;margin-bottom: .1rem;}
.list_item_left{width: 85%;display: flex;justify-content: space-between;}
.list_item_img{width: 2.4rem;height: 1.8rem;border-radius: .1rem;overflow: hidden;}
.list_item_text{width: calc(100% - 2.6rem);}
.list_item_title{font-size: .24rem;font-family: Roboto-Bold;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;
white-space: nowrap;}
.list_item_right{width: 15%;display: flex;align-items: center;justify-content: end;}
.go_detail{font-size: .18rem;padding: .05rem .15rem;border: 1px solid #E1251A;border-radius: .2rem;}
.go_detail a{color: #E1251A;}
.list_item_address{font-size: .16rem;color: #999;line-height: 1.5;}
.list_item_advantag{display: flex;flex-wrap: wrap;}
.list_item_advantag li{font-size: .14rem;padding: 0 .15rem;color: #E1251A;border-radius: .2rem;
border: 1px solid #E1251A;margin: .1rem;}
.list_item_rent{font-size: .2rem;color: #E1251A;font-family: Roboto-Bold;line-height: 2;}

/* 分页 */
.page_box{width: 100%;display: flex;justify-content: center;margin-top: .24rem;margin-bottom: .24rem;}
.m-style .next,
.m-style .prev{color: #E1251A;}
.m-style .active{background: #E1251A;border: 1px solid #E1251A;}
.m-style a:hover{background: #E1251A;}

/* 自定义下拉框样式 */
/* 容器样式 */
.select-container {
    position: relative;
    width: 100%;
    font-size: .16rem;
}

/* 触发按钮（模拟 select 输入框）- 科技感暗色主样式 */
.select-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: .36rem;
    padding: 0;
    /* 科技感暗底色 */
    background-color: transparent;
    /* 深色边框，小幅度圆角（4px） */
    border: 1px solid transparent;
    border-radius: 4px;
    /* 白色文字 */
    color: #05142d;
    cursor: pointer;
    user-select: none;
    transition: border-color 0.2s ease;
}

/* hover 状态：边框轻微提亮 */
.select-trigger:hover {
    border-color: transparent;
}

/* focus 状态：科技蓝边框+微光阴影，强化科技感 */
.select-trigger:focus {
    outline: none;
    /* border-color: #0ea5e9;
    box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.2); */
}

/* 下拉箭头：白色适配暗色背景 */
.select-arrow {
    width: 12px;
    height: 8px;
    transition: transform 0.2s ease;
}

.select-arrow path {
    fill: #ddd;
}

/* 展开时箭头旋转 */
.select-container.open .select-arrow {
    transform: rotate(180deg);
}

/* 下拉列表：与触发框同色系，小幅度圆角 */
.select-dropdown {
    position: absolute;
    top: .36rem;
    left: 0;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    background-color: #f5f5f5;
    border: none;
    border-radius: 4px;
    list-style: none;
    padding: 0;
    margin: 0;
    /* 科技感轻微阴影 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    transition: max-height 0.2s ease;
    z-index: 999;
}

/* 展开列表 */
.select-container.open .select-dropdown {
    max-height: 300px;
}

/* 选项样式：白色文字，暗色背景 */
.select-option {
    padding: 10px 15px;
    color: #05142d;
    cursor: pointer;
    transition: background-color 0.2s;
}

/* hover 状态：轻微提亮，科技感层次感 */
.select-option:hover {
    background-color: #eee;
}

/* 选中状态：科技蓝高亮，强化视觉 */
.select-option.selected {
    background-color: #E1251A;
    color: #fff;
}

/* 禁用状态：低饱和度暗色，不可点击 */
.select-option.disabled {
    color: #64748b;
    cursor: not-allowed;
    background-color: #2a374b;
}

.select-option.disabled:hover {
    background: #2a374b;
}

/* 自定义单选框样式 */
/* 单选框组容器（可复用） */
.yqss_types {
    display: flex;
}

/* 单选框项（核心复用单元） */
.yqss_types_item {
    position: relative;
    cursor: pointer;
    font-size: .16rem;
    line-height: 20px;
    color: #333;
    user-select: none;
}

/* 基础布局：隐藏原生单选框，给自定义样式预留空间 */
.yqss_types_item input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.yqss_types_item label {
    position: relative;
    /* 伪元素定位基准 */
    padding-left: 20px;
    /* 避免文字与单选框重叠 */
    cursor: pointer;
    /* 交互友好性 */
    display: inline-block;
    /* 保证padding生效 */
    line-height: 16px;
    /* 垂直对齐优化 */
}

/* 自定义单选框-外圆框（默认状态） */
.yqss_types_item label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    /* 垂直居中（适配不同行高） */
    width: 14px;
    /* 外框尺寸（视觉更舒适） */
    height: 14px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background: #fff;
    box-sizing: border-box;
    /* 边框宽度不影响整体尺寸 */
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
    /* 过渡动画 */
}

/* 自定义单选框-中心实心圆点（默认隐藏） */
.yqss_types_item label::after {
    content: "";
    position: absolute;
    left: 3px;
    /* 居中计算：(14-8)/2 = 3 */
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    /* 默认隐藏 */
    height: 0;
    border-radius: 50%;
    background: #E1251A;
    /* 红色圆点 */
    transition:
        width 0.2s ease,
        height 0.2s ease;
    /* 圆点展开动画 */
}

/* 选中状态：外框变红 + 中心显示实心圆点 */
.yqss_types_item input[type="radio"]:checked+label::before {
    border-color: #E1251A;
}

.yqss_types_item input[type="radio"]:checked+label::after {
    width: 8px;
    /* 实心圆点尺寸 */
    height: 8px;
}

/* Hover状态：外框变红+浅红阴影 + 中心显示实心圆点 */
.yqss_types_item:hover label::before {
    border-color: #E1251A;
    box-shadow: 0 0 0 2px rgba(225, 37, 26, 0.1);
    /* 呼吸阴影效果 */
}

.yqss_types_item:hover label::after {
    width: 8px;
    height: 8px;
}

/* 增强：选中状态hover时阴影更明显（层次感） */
.yqss_types_item input[type="radio"]:checked+label:hover::before {
    box-shadow: 0 0 0 3px rgba(225, 37, 26, 0.15);
}

/* 增强：禁用状态样式（鲁棒性） */
.yqss_types_item input[type="radio"]:disabled+label {
    cursor: not-allowed;
    color: #999;
    /* 文字变灰 */
}

.yqss_types_item input[type="radio"]:disabled+label::before {
    border-color: #ddd;
    background: #f5f5f5;
}

.yqss_types_item input[type="radio"]:disabled+label::after {
    background: #999;
    /* 禁用时圆点变灰 */
}

.custom-map-popup{font-family: Roboto-Medium;font-weight: bold;}


@media screen and (max-width: 768px){
    .yqss_bg{margin-top: 0;min-height: calc(100vh - 1rem);top: 1rem;}
    .yqss_box{left: .1rem;top: 1.2rem;width: 50%;}
    .footer{margin-top: 0;}
    .list_bg{top: 1rem;height: calc(100vh - 1rem);padding-top: 1rem;
    padding-right: .2rem;padding-left: .2rem;}
    .tu_biao_wrap{right: .1rem;top: 1.2rem;width: 30%;}
    .yqss_down{display: none;box-shadow: 0 0 0 2px rgba(225, 37, 26, 0.05);}
    .yqss_box_tag{display: flex;left: 53%;width: 8%;}
    .yqss_types{flex-direction: column;}
    .yqss_types_item{margin: .1rem 0;}
}