﻿.b1{
    width:1200px;
    margin:0 auto;
    padding:30px 0 15px;
    overflow:auto;
}
.wh_select {
    border-top: 1px solid #dddddd;
    font-size: 14px;
}
.wh_select .wh_select_list {
    position: relative;
    background: #f1f1f1;
    border-bottom: 1px solid #e6e6e5;
}
.wh_select .wh_select_list .wh_select_key {
    font-size: 14px;
    line-height: 40px;
    padding-left: 15px;
    float: left;
    width: 125px;
}
.wh_select .wh_select_list .wh_select_value {
    margin-left: 140px;
    padding-left: 30px;
    padding-right: 200px;
    background: #fff;
}
.wh_select .wh_select_list.multiple .wh_select_v_list>ul {
    height: auto;
    max-height: 100px;
    overflow-y: auto;
}
.wh_select .wh_select_list.more .wh_select_v_list>ul {
    height: auto;
    max-height: 100px;
    overflow-y: auto;
}
.wh_select .wh_select_list.multiple .wh_select_v_list>ul>li {
    width: 155px;
}
.wh_select .wh_select_list.multiple .wh_select_v_list>ul li.checked>.v_btn,
.wh_select .wh_select_list.multiple .wh_select_v_list>ul li.checked>.v_btn{
    background: none;
    color: #000;
}
.wh_select .wh_select_list.multiple .wh_select_v_list.type_big>ul>li{width: 111px}
.wh_select .wh_select_list .wh_select_v_list>ul>li>.v_btn {
    max-width: 135px;
}
.wh_select .wh_select_list.multiple .wh_select_v_list>ul>li>.v_btn input[type="checkbox"] {
    display: inline-block;
}
.wh_select .wh_select_list.multiple .wh_select_v_list>ul>li.checked>label span {
    color: #19b5ee;
}
.wh_select_v_list {
    padding-top: 8px;
}
.wh_select_v_list>ul {
    height: 32px;
    overflow: hidden;
}
.wh_select_v_list>ul li {
    float: left;
    _display: inline;
    margin-bottom: 10px;
    margin-right: 12px;
    height: 24px;
    line-height: 24px;
    width: 125px;
}
.select_list:first-child .wh_select_v_list>ul li {
    width: 90px;
}
.wh_select_v_list>ul li:hover>.v_btn {
    color: #19b5ee;
    transition: all 0.2s;
}
.wh_select_v_list>ul li .v_btn{
    display: inline-block;
    padding: 0 15px;
    line-height: 24px;
    border-radius: 3px;
    color: #000;
    text-align: left;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.wh_select_v_list>ul li .v_btn input[type="checkbox"] {
    display: none;
}
.wh_select .wh_select_list .wh_select_v_list>ul li.checked>.v_btn {
    background: #0a529c;
    color: #fff;
}
.wh_select_ext {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 180px;
}
.wh_select_ext .s_ext_btn {
    float: left;
    margin-right: 10px;
    position: relative;
    width: 45px;
    height: 24px;
    line-height: 24px;
    padding: 0 15px 0 15px;
    background: #f1f1f1;
    color: #535353;
    border: 1px solid #ddd;
    border-radius: 1px;
}
.wh_select_ext .s_ext_btn:hover {
    color: #19b5ee;
    border-color: #19b5ee;
    transition: all 0.2s;
}
.wh_select_ext .s_ext_btn:hover i {
    color: #19b5ee;
    transition: all 0.2s;
}
.wh_select_ext .s_ext_btn i {
    font-style: normal;
    color: #535353;
}
.wh_select_v_list>ul li .trig_item {
    display: inline-block;
    padding: 0 15px;
    line-height: 24px;
    color: #000;
    text-align: center;
    white-space: nowrap;
    border: 1px solid transparent;
    background: #fff;
}
.wh_select_v_list>ul li:hover .trig_item {
    position: relative;
    z-index: 2;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    transition: all 0.2s;
}
.wh_select_v_list>ul li:hover .wh_select_tab_cont {
    display: block;
}
.wh_select_tab_cont {
    position: absolute;
    left: 0;
    right: 0;
    border: 1px solid #999;
    padding: 10px;
    top: 33px;
    background: #fff;
    z-index: 1;
    display: none;
    transition: all 0.2s;
}
.wh_select_cont_item {padding-right: 200px;}
.wh_select_tab_cont.multiple>.wh_select_cont_item>ul {
    height: 165px;
    overflow-y: auto;
}
.wh_select .wh_select_list .wh_select_tab_cont.multiple>.wh_select_cont_item>ul>li>.v_btn {
    max-width: 88px;
    background: none;
    color: #000;
}
.wh_select_tab_cont.multiple>.wh_select_cont_item>ul>li>.v_btn input[type="checkbox"] {
    display: inline-block;
}
.wh_select_tab_cont.multiple>.wh_select_cont_item>ul>li.checked>label span {
    color: #19b5ee;
}
.wh_select_btns {
    text-align: center;
    padding: 10px 0;
    display: none;
}
.wh_select_btns .wh_s_btn {
    margin-right: 8px;
    display: inline-block;
    line-height: 14px;
    height: 14px;
    padding: 4px 13px 5px;
    border-radius: 2px;
    background: #19b5ee;
    text-align: center;
    text-decoration: none;
    color: #fff;
}
.wh_select_btns .wh_s_btn:hover {
    background: #3cbeee;
    transition: all 0.2s;
}
.wh_select_btns .wh_s_btn.disabled {
    border: 1px solid #DDD;
    background: #f7f7f7;
    cursor: default;
    color: #CCC;
}
.multiple .wh_select_btns {display: block;}
.wh_select_more {
    text-align: center;
    position: relative;
    top: -1px;
    border-top: 1px solid #ddd;
    transition: all .2s ease-in-out;
}
.wh_select_more .sm-wrap {
    position: relative;
    display: inline-block;
    margin-top: -1px;
    height: 28px;
    line-height: 28px;
    padding: 0 20px 0 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #FFF #DDD #DDD;
    background: #fff;
    cursor: pointer;
    color: #333;
    transition: all .2s ease-in-out;
}
.wh_select_more:hover {
    border-color: #19b5ee;
    transition: all 0.2s;
}
.wh_select_more:hover .sm-wrap {
    border-color: #FFF #19b5ee #19b5ee;
    color: #19b5ee;
    transition: all 0.2s;
}
.wh_select_v_list.type_big>ul {height: 96px;}
.wh_select_v_list.type_big>ul>li {
    width: 145px;
    height: 83px;
    text-align: center;
    background: #f4f8ff;
    border: 2px solid #eefaff;
    cursor: pointer;
    border-radius: 5px;
}
.wh_select_v_list.type_big>ul>li .v_btn {
    background: #19b5ee;
    color: #fff;
}
.wh_select_v_list.type_big>ul>li:hover, .wh_select_v_list.type_big>ul>li.checked {
    border-color: #19b5ee;
    background: #fff;
    transition: all 0.2s;
}
.wh_select_v_icon {margin-top: 10px;margin-bottom: 3px;}
.wh_select_v_icon i{
    font-size:40px;
    line-height: 40px;
    color: #19b5ee;
}



/*LeiLi*/
.wh_select .wh_select_list.more .wh_select_value{
    padding-right:113px;
}
.wh_select .wh_select_list.multiple .wh_select_value{
    padding-right: 0;
}
.wh_select .wh_select_list.multiple .wh_select_ext{
    display: none;
}
.wh_select .wh_select_list .wh_select_ext .s_ext_btn_fold{
    display: none;
}
.wh_select .wh_select_list.more .wh_select_ext .s_ext_btn_multiple,.wh_select .wh_select_list.more .wh_select_ext .s_ext_btn_more{
    display: none;
}
.wh_select .wh_select_list.more .wh_select_ext .s_ext_btn_fold{
    display: block;
    margin-left: 87px;
}
.wh_select_tab_cont {
    height: 200px;
}
.wh_select_tab_cont.multiple>.wh_select_ext{
    display: none;
}
.wh_select_tab_cont.multiple>.wh_select_cont_item{
    padding-right: 0;
}
.wh_select_tab_cont .category_list{
    height: 200px;
    overflow: auto;
}
#has_select_condition .sui-tag > li.tag-selected,.sui-tag > a.tag-selected{
    background-color:#b6e0fe;
    border-color:#b6e0fe;
    color: #0a529c;
    border-radius: 3px;
}



/*当前產品搜索 end*/
.zz-line{padding:12px 15px;height:28px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#f1f1f1;margin-top: 30px;}
.zz-line .zz-sort{display:inline-block;border-radius:2px;font-size:0;}
.zz-line .zz-sort a{position:relative;display:inline-block;padding:7px 10px;height:14px;border-radius:2px;background:#fff;color:#000;font-size:14px;line-height:14px;}
.zz-line .zz-sort a:before{position:absolute;top:4px;bottom:4px;left:0;display:block;width:1px;background:#ddd;content:'';}
.zz-line .zz-sort a.active:before{display:none;}
.zz-line .zz-sort a.active{background:#0a529c;color:#fff;}
.zz-line .zz-sort a:first-child{border-left:none;}
.zz-line .zz-sort a:first-child:before{display:none;}

/* 当前產品列表 */
.wh_select_result_list ul{
    list-style-type: none;
    overflow: hidden;
}
.wh_select_result_list ul li{
    float: left;
    margin: 10px 10px 0 0;
    padding: 3px;
    width: 175px;
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    position: relative;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, .1);
	position:relative;
}
.wh_select_result_list ul li:nth-child(6n){
    margin: 10px 0 0;
}
.wh_select_result_list .result_list_img{
    text-align:center;
    width:175px;
    height:180px;
    overflow:hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wh_select_result_list .result_list_img a{
    display:block;
    width:178px;
    height:180px;
    position: relative;
}
.wh_select_result_list .result_list_img a img{
    position:absolute;
    display:block;
    max-width: 100%;
    max-height: 100%;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

.wh_select_result_list .list_price{
    font-size:16px;
    color:red;
}
.wh_select_result_list .list_price span, .wh_select_result_list .list_price i{
    font-size:12px;
    font-style: normal;
}

.wh_select_result_list .list_price span{
    color:#333333;
}
.wh_select_result_list p{
    font-size:14px;
    color:#111;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #f5f5f5;
    line-height: 28px;
    text-align:center;
}
.wh_select_result_list .cart_btn{
    width: 100px;
    height: 40px;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 35px;
    float: left;
    color: #2da9ff;
    background: #e1f3ff;
    border-radius: 3px 0 0 3px;
}
.wh_select_result_list .buy_btn{
    width: 75px;
    height: 40px;
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 40px;
    float: left;
    background: #2da9ff;
    color: #fff;
    border-radius: 0 3px 3px 0;
}
.wh_select_result_list .cart_btn:before{
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e817";
    margin-right: 5px;
    font-size:18px;
}
.wh_select_result_list .buy_btn:after{
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e6f0";
    margin-left: 5px;
}
.result_list_mask{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.2);}
.result_list_mask .result_list_mask_center{position:absolute;top:30px;left:50%;margin-left:-70px;width:140px;height:90px;border-radius:50%;background:rgba(0,0,0,.5);font-size:26px;line-height:26px;color:#fff;text-align:center;padding-top:50px;}
.result_list_mask .result_list_mask_center span{display:block;font-size:14px;color:#b7b7b7;line-height:20px;}
/* 篩選icon */
.tk_qiqiu:after{
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e637";
    font-size:46px;
}
.tz_xiangjiao:after{
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e63a";
}
.hh_cailiao:after{
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e635";
}
.gg_qimo:after{
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e636";
}
.jz_tuliaoruye:after{
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e63c";
}
.ggh_shuzhi:after{
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e634";
}