/* ===== 属性筛选模块（aizu_2019 设计语言 + yxcon 蓝色主题） ===== */
/* 外层容器由 enterprise.css 定义 .pro-filter-horizontal */

/* ── 已选条件栏 ── */
.pro-filter-horizontal .right-extra .u_cloose dl{ color:#8c8c8c;}
.pro-filter-horizontal .right-extra .u_cloose dt{ float:left; line-height:25px;}
.pro-filter-horizontal .right-extra .u_cloose dd{ float:left;}
.pro-filter-horizontal .right-extra .u_cloose dd .get_item{ position:relative; height:23px; line-height:23px; border:1px dotted var(--ent-line); padding:0 0 0 8px; margin-right:10px; float:left;}
.pro-filter-horizontal .right-extra .u_cloose dd .get_item b{ font-weight:normal; color:#8c8c8c;}
.pro-filter-horizontal .right-extra .u_cloose dd .get_item em{ color:var(--ent-primary); font-style:normal;}
.pro-filter-horizontal .right-extra .u_cloose dd .get_item a{ display: block; float:right; width:15px; height:15px; margin:4px 5px; text-decoration:none;}
.pro-filter-horizontal .right-extra .u_cloose dd .get_item a::after{ content:"\d7"; font-size:14px; color:#999; line-height:15px; text-align:center; display:block;}
.pro-filter-horizontal .right-extra .u_cloose dd .get_item:hover{ border-color:var(--ent-primary);}
.pro-filter-horizontal .right-extra .u_cloose dd .get_item:hover a::after{ color:var(--ent-primary);}
.pro-filter-horizontal .right-extra .u_cloose .give_up_all{ float:right; margin-right:0; line-height:25px;}

/* ── 属性区 — 虚线分隔 ── */
.pro-filter-horizontal .goods_list .s-line{ border-bottom:1px dashed var(--ent-line); margin-top:-1px;}
.pro-filter-horizontal .goods_list .s-line:after{ content:' '; display:block; clear:both; height:0; visibility:hidden;}
.pro-filter-horizontal .goods_list .s-line:last-child{ border-bottom:none;}
.pro-filter-horizontal .goods_list .s-line .s-l-wrap{ position:relative; line-height:28px; padding:10px 0;}
.pro-filter-horizontal .goods_list .s-line .s-l-tit{ float:left; padding-left:30px; width:80px; color:#8c8c8c;}
.pro-filter-horizontal .goods_list .s-line .s-l-value{ margin-left:110px; padding-right:130px; padding-left:10px; overflow:hidden; zoom:1;}

/* ── 品牌── */
.pro-filter-horizontal .brand_img .brand_select_more{ max-height:111px; position:relative;}
.pro-filter-horizontal .extend .brand_select_more{ min-height:111px; height:auto;}

.pro-filter-horizontal .wrap_brand .brand_div{ overflow:hidden; zoom:1; padding-top:1px;}
.pro-filter-horizontal .wrap_brand .brand_img_word{ float:left; width:118px; height:54px; border:1px solid #ddd; margin:-1px -1px 0 0; background-color:#fff; position:relative; text-align:center;}
.pro-filter-horizontal .wrap_brand .brand_img_word a{ display:block; border:1px solid #fff; width:116px; height:52px; line-height:52px; overflow:hidden; text-decoration:none;}
.pro-filter-horizontal .wrap_brand .brand_img_word span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; display:block; color:#555; font-size:12px;}
.pro-filter-horizontal .wrap_brand .brand_img_word img{ max-width:116px; max-height:52px; vertical-align:middle;}
.pro-filter-horizontal .wrap_brand .brand_img_word a b{ font-weight:400; color:#555; font-size:12px;}
.pro-filter-horizontal .wrap_brand .brand_img_word:hover{ position:relative; z-index:5; border-color:var(--ent-primary);}
.pro-filter-horizontal .wrap_brand .brand_img_word:hover a{ border-color:var(--ent-primary); color:var(--ent-primary);}

/* 字母索引 */
.pro-filter-horizontal .all_a_z{ padding-bottom:10px; display:none; overflow:hidden;}
.pro-filter-horizontal .all_a_z ul li{ width:auto; padding:0 6px; height:20px; line-height:20px; float:left; background:#fff; border:1px solid #fff; text-align:center; color:var(--ent-primary); cursor:pointer;}
.pro-filter-horizontal .all_a_z ul li.curr{ border-color:var(--ent-primary);}

/* 品牌文字列表 */
.pro-filter-horizontal .zimu_list{ background:#fff; max-height:100px; overflow:hidden; display:none; margin-top:10px; position:relative;}
.pro-filter-horizontal .zimu_list ul{ height:auto;}
.pro-filter-horizontal .zimu_list ul li{ float:left; color:var(--ent-primary); height:20px; cursor:pointer; line-height:20px; width:130px; margin-bottom:5px; display:block; background:#fff;}
.pro-filter-horizontal .zimu_list ul li a{ text-decoration:none; color:var(--ent-primary); max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block;}
.pro-filter-horizontal .zimu_list ul li:hover a{ color:var(--ent-primary);}
.pro-filter-horizontal .zimu_list .choose_ico{ width:12px; height:12px; margin:4px 6px 0 0; display:block; background:url(../images/check/checkbox_12x12.png) no-repeat; float:left;}
.pro-filter-horizontal .zimu_list .is_yes .choose_ico{ background:url(../images/check/checked_12x12.png) no-repeat;}

/* 品牌确认/取消 */
.pro-filter-horizontal .enter_yes_no{ text-align:center; display:none; margin-top:10px;}
.pro-filter-horizontal .enter_yes_no .ct_auto{ display:block; height:25px; width:110px; margin:0 auto;}
.pro-filter-horizontal .enter_yes_no .botton{ width:48px; height:23px; line-height:23px; border:1px solid var(--ent-line); background-color:#fff; color:#8c8c8c; display:block; font-size:12px; float:left; cursor:pointer;}
.pro-filter-horizontal .enter_yes_no .botton.yes_bt{ background-color:var(--ent-primary); border-color:var(--ent-primary); color:#fff; margin-right:10px;}
.pro-filter-horizontal .enter_yes_no .botton.disabled{ display:none;}

/* ── 价格 ── */
.pro-filter-horizontal .price_auto .price_range{ float:left; margin-right:20px;}
.pro-filter-horizontal .price_bottom input[type='text']{ width:50px; height:20px; line-height:20px; outline:0; padding-left:5px; color:#666; border:1px solid #ccc;}
.pro-filter-horizontal .price_bottom .price_ok{ width:48px; height:22px; line-height:22px; background-color:var(--ent-primary); color:#fff; display:inline-block; font-size:12px; cursor:pointer; margin-left:5px; border:0; outline:0;}

/* ── 颜色 ── */
.pro-filter-horizontal .s-l-value .color_list_color{ margin:4px 0;}
.pro-filter-horizontal .s-l-value .color_list_color .color_divdd{ width:auto; height:auto; margin-right:20px; display:block; float:left;}
.pro-filter-horizontal .s-l-value .color_list_color .color_divdd dd{ height:20px; width:20px; text-align:center; line-height:20px; margin-right:0; position:relative;}
.pro-filter-horizontal .s-l-value .color_list_color .color_divdd dd span{ height:18px; width:18px; display:block; border:1px solid #dcdcdc;}
.pro-filter-horizontal .s-l-value .color_list_color .color_divdd dd a:hover span{ border-color:var(--ent-primary);}
.pro-filter-horizontal .multiple .selected b{ background:url(../images/common/selected-icon.png) 6px 6px no-repeat; border:1px solid var(--ent-primary); height:18px; width:18px; position:absolute; top:0; left:0; z-index:100;}

/* ── 操作按钮 ── */
.pro-filter-horizontal .s-line .s-l-opt{ position:absolute; top:15px; right:10px; width:75px; line-height:22px; overflow:hidden; zoom:1;}
.pro-filter-horizontal .s-line .s-l-opt div{ display:block; float:left; border:1px solid var(--ent-line); line-height:18px; height:18px; color:#8c8c8c; cursor:pointer;}
.pro-filter-horizontal .s-line .s-l-opt div:hover{ border-color:var(--ent-primary); color:var(--ent-primary);}
.pro-filter-horizontal .s-line .s-l-opt div .iconfont{ font-size:12px; float:left; margin-top:1px;}
.pro-filter-horizontal .s-line .s-l-opt .s-l-more{ border-radius:4px;border:1px solid #d0d5dd;background:#f8f9fb;color:#666;padding:4px 10px;display:inline-flex;align-items:center;gap:4px;height:auto;line-height:1;white-space:nowrap;box-sizing:border-box;width:auto;text-align:center;margin-right:5px;cursor:pointer;transition:all .2s;font-size:12px;float:none;}
.pro-filter-horizontal .s-line .s-l-opt .s-l-more:hover{ border-color:var(--ent-primary); color:var(--ent-primary); background:#f0f4ff;}
.pro-filter-horizontal .s-line .s-l-opt .s-l-more .iconfont{ font-size:12px; float:none; margin:0;}
.pro-filter-horizontal .s-line .s-l-opt .s-l-multiple{ padding:0 5px;}
.pro-filter-horizontal .same_li .s-l-opt .choose_open{ display:none;}

/* ── 属性标签列表 ── */
.pro-filter-horizontal .s-l-value .item_list{ overflow:hidden;}
.pro-filter-horizontal .s-l-value .item_list dd{ float:left; margin-right:40px; height:28px; white-space:nowrap;}
.pro-filter-horizontal .s-l-value .item_list dd a{ display:block; font-size:13px; color:#555; text-decoration:none; line-height:28px;}
.pro-filter-horizontal .s-l-value .item_list dd a:hover{ color:var(--ent-primary);}
.pro-filter-horizontal .s-l-value .item_list dd a strong{ font-weight:400;}
.pro-filter-horizontal .s-l-value .item_list dd a span{ display:none;}
.pro-filter-horizontal .s-l-value .item_list .get_me a{ cursor:pointer;}
.pro-filter-horizontal .s-l-value .item_list .get_me span{ background:url(../images/check/checkbox_12x12.png) no-repeat; display:block; float:left; height:12px; margin:9px 5px 0 0; width:12px;}
.pro-filter-horizontal .s-l-value .item_list .selected span{ background:url(../images/check/checked_12x12.png) no-repeat;}
.pro-filter-horizontal .s-l-value .item_list span.u_get{ font-size:13px; color:var(--ent-primary); line-height:28px; font-weight:500;}

/* ── 确定/取消按钮 ── */
.pro-filter-horizontal .tw_buttom{ text-align:center; padding:10px 0 5px; display:none;}
.pro-filter-horizontal .tw_buttom span{ width:48px; height:23px; line-height:23px; border:1px solid var(--ent-line); background-color:#fff; color:#8c8c8c; display:inline-block; font-size:12px; cursor:pointer;}
.pro-filter-horizontal .tw_buttom .sure{ background-color:var(--ent-primary); border-color:var(--ent-primary); color:#fff; margin-right:10px;}
.pro-filter-horizontal .tw_buttom .sure:hover{ background-color:#0a3d7a;}
.pro-filter-horizontal .tw_buttom .disabled{ display:none;}

/* ── 更多选项 ── */
.pro-filter-horizontal .s-more{ text-align:center; position:relative; top:-1px; border-top:5px solid var(--ent-bg); transition:border-color .15s;}
.pro-filter-horizontal .s-more span{ position:relative; display:inline-block; margin-top:-1px; height:28px; line-height:28px; padding:0 12px; background:var(--ent-bg); cursor:pointer; color:#8c8c8c; transition:color .15s;}
.pro-filter-horizontal .s-more span:hover{ color:var(--ent-primary);}
.pro-filter-horizontal .s-more .iconfont{ font-size:12px; margin-left:6px;}
.pro-filter-horizontal .s-more strong{ font-weight:400;}

/* ── 多选模式 ── */
.pro-filter-horizontal .multiple .all_a_z,
.pro-filter-horizontal .multiple .zimu_list,
.pro-filter-horizontal .multiple .enter_yes_no,
.pro-filter-horizontal .multiple .tw_buttom{ display:block;}
.pro-filter-horizontal .multiple .wrap_brand{ display:none;}

/* ── 展开模式 ── */
.pro-filter-horizontal .extend .ps-container>.ps-scrollbar-y-rail,
.pro-filter-horizontal .extend .ps-container>.ps-scrollbar-x-rail,
.pro-filter-horizontal .extend .ps-container:hover>.ps-scrollbar-y-rail,
.pro-filter-horizontal .multiple .ps-container>.ps-scrollbar-y-rail,
.pro-filter-horizontal .multiple .ps-container>.ps-scrollbar-x-rail,
.pro-filter-horizontal .multiple .ps-container:hover>.ps-scrollbar-y-rail{ opacity:1; filter:alpha(opacity=100);}
