@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
#product-container li{overflow:hidden}
a{ text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
/*.clearfix{zoom:1}*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.gray{ color:#999999;}

#index-container {
    width: 1300px;
    margin: 0 auto;
    font-size: 14px;
    font-family: "microsoft yahei";
    color: #666;
}
.filters-wrap {
    margin: 0 0 20px 0;
    padding: 8px 15px 0;
    border: 1px solid #e6e6e6;
    background: #fff;
    position: relative;
   
}
.filter {
    color: #666;
    padding: 0 0 8px 0;
    border-bottom: 1px dotted #DDD;
}
.filter a {
    color: #666;
}
.filter-key {
    color: #aaa;
    margin: 11px 5px 0 0;
    width: 90px;
    text-align: left;
}
.filter-value {
    width: 1080px;
    margin: 8px 0 0 0;
}
.more-open,.more-close{
    margin: 11px 5px 0 0; }
.icon-up{ display:inline-block; background:url(../images/icon-2.png) no-repeat  -10px 0; width:8px; height:10px; margin-left:10px;}
.icon-close{ display:inline-block; background:url(../images/icon-2.png) no-repeat  0 0; width:8px; height:10px; margin-left:10px;}

.filter-noLimit-tab {
    width: 50px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    margin: 0 17px 0 0;
    cursor: pointer;
}
.filter-options {
    margin: 0 0 0 71px;
}
.filter-option {
    cursor: pointer;
    margin: 0 20px 0 0;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.icon {
    display: inline-block;
    vertical-align: middle;
}
.icon{
	background-image:url(../images/icon-1.png);
    background-repeat: no-repeat;}
	
.icon-square {
    background-position: 0px 0px;
    height: 14px;
    width: 14px;
}
.icon-check-square {
    background-position: 0px -21px;
    height: 14px;
    width: 14px;
}
.filter-noLimit-tab .icon-square {
    display: inline-block;
}
.filter-noLimit-tab.on .icon-square {
    display: none;
}
.filter-noLimit-tab .icon-check-square {
    display: none;
}
.filter-noLimit-tab.on .icon-check-square {
    display:  inline-block;
}

.filter-option .icon-square {
    display: inline-block;
}
.filter-option .icon-check-square {
    display: none;
}
.filter-option.on .icon-square {
    display: none;
}
.filter-option.on .icon-check-square {
    display:inline-block;
}

.filter-noLimit-tab a {
    color: #666;
}
.filter-noLimit-tab.on a {
    color: #f80;
}
.filters-result {
    color: #666;
	padding: 10px 0;
}
.filters-result .tip-text {
    margin: 0 10px 0 0;
}
.filters-result .total {
    margin: 0 5px;
    color: #029499;
    font-weight: bold;
}
.filters-result .label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 5px 0;
    border: 1px dashed #ccc;
    color: #999;
    line-height: 20px;
    padding: 0 5px 0 8px;
}
.filters-result .label:hover {
    color: #f80;
    border: 1px solid #f80;
    cursor: pointer;
}
.filters-result .label-text {
    margin: 0 5px 0 0;
    vertical-align: text-top;
}  
.filters-result .clear-btn {
    cursor: pointer;
    color: #029499;
}


.product-col{ margin-top:20px;}
.product-list{border:1px solid #e6e6e6;width:300px;}
.mr20{ margin-right:20px;}
/*.product-list img{ border:0; width:300px; height:200px;padding:2px;}*/
.imgCss {
    display:block;
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-list img {
    border: 0;
    max-width: 100%;
    max-height: 200px;
    padding: 2px;
}
.removeDiv {
    position: relative;
}
.removeIcon {
    position: absolute;
    width: 14px;
    height: 14px;
    line-height: normal;
    background-color: red;
    color: #ffffff;
    border-radius: 7px;
    top: -7px;
    right: 4px;
}


.product-list-info {
    padding: 8px 6px;
}
.product-list-info div{ padding:3px 0;}
.product-list:hover{border-color:#f40;}
.product-price { font-size:14px; color:#F00}
.product-price span{ font-size:24px;}
.product-text{height: 25px;
    line-height: 25px;}
.product-text a{ color:#666666;}
.product-text a:hover{ text-decoration:underline;}
    .product-text a span {
       display:inline-block;
       white-space:nowrap;
       overflow-x:hidden;
    }
    .product-text a span:first-child {
        color: #ff7600;
        max-width: 75%;
    }
        .product-text a span:nth-child(2) {
            max-width: 22%;
        }
        .shop-name {
            height: 25px;
            line-height: 25px;
        }
.shop-name a{color:#666666;text-decoration:underline;}
/*.product-btn{display:none;}*/
.product-btn span{ display:inline-block; width:149px; height:30px; line-height:30px; background:#e6e6e6; text-align:center;border-right:1px solid #CCC}
.product-btn i{ color:#900}




/**/
.supplier{height:188px;}
.supplier-list-info {
    width: 320px;
    height: 182px
}
.supplier-list-title{ padding: 10px 0; font-size:18px; font-weight:800;height:40px;}
.supplier-list-title a{}
.supplier-list-title span{ display:inline-block; width:14px; height:14px; overflow:hidden; background:url(../images/icon_star.gif) no-repeat;}
.supplier-list-title span.vip1{ background-position:0 0; }
.supplier-list-title span.vip2{ background-position:0 -24px; }
.supplier-list-title span.vip3{ background-position:0 -48px; }
.supplier-list-title span.vip4{ background-position:0 -72px; }
.supplier-list-title span.vip5{ background-position:0 -96px; }
.supplier-list-info p span{display:inline-block; width:70px; text-align:right;}
.supplier-list-info 
.supplier-list-product { padding:0 0 20px 20px; }
.supplier-list-info .content {
    padding:2px;
    height: 120px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}
.product-show {
    width: 172px;
    height: 180px;
    border: 1px solid #e6e6e6;
    margin: 0 5px;
    text-align: center;
    padding-top:4px;
}
.product-show div{ padding:2px 5px;}
.product-show .img{width:100%;height:125px;}
.product-show .price {
    font-size: 14px;
    color: #F00
}
    .product-show .text {        
        white-space: nowrap;
        overflow: hidden;
    }
    .product-show img{
        max-height:125px;
        max-width:100%;
    }
    /**/
    .supplier-box {
        width: 230px;
        top: -10px;
        left: -10px;
        width: 220px;
        overflow: hidden;
    }
.supplier-intr{ width:810px; margin-left:20px;}
.supplier-title{ font-size:16px; font-weight:800; padding:10px 0;}
.supplier-box{}
.supplier-box-1{ border-bottom:1px dashed #e6e6e6;}
.supplier-box-1 span{ display:block; width:220px; height:30px; padding:5px; text-align:center}
.supplier-box-1 img{width:60px; height:60px; }
.supplier-box-1 .logo-img{ text-align:center;text-align:center;}
.supplier-box-2 div{width:220px;padding:5px;}

/*new*/
.news{ margin:0 30px 20px; color:#666666}
ul.list_tdnews{}
ul.list_tdnews li{ height:40px;  line-height:40px; border-bottom:1px dashed #e6e6e6;}
ul.list_tdnews li span{ float:right}

.article{}
.article-title{ text-align:center; font-size:24px;} 
.article-date{ height:30px; line-height:30px; border-bottom:1px dashed #e6e6e6; text-align:center}
.article-date span{}
.article-content{ padding:20px 0;}
.article-content p {
    text-indent: 28px;
    font-size: 14px;
    margin-bottom: 25px;
    text-align: justify;
    word-wrap: break-word;
    word-break: normal;
    overflow:hidden;
}

.more-Produce{
    height: 25px;
    overflow: hidden;
}
/*手型*/
.tag-cursor {text-decoration:none;color:#333; cursor: pointer;}

/*.filter {
    position: relative;
    z-index: 4;
    _zoom: 1;
    border-top: 1px solid #DDD;
    margin-bottom: 5px
}*/

    .filter .f-line {
        height: 25px;
        padding: 6px 8px;
        border-bottom: 1px solid #E7E3E7;
        background: #F9F9F9;
        zoom: 1
    }

        .filter .f-line.top {
            height: 25px;
            background: #F1F1F1
        }

    .filter .f-title {
        float: left;
        line-height: 25px;
        margin-right: 10px
    }

    .filter .f-sort {
        float: left;
        margin-right: 13px
    }

        .filter .f-sort .arrow,
        .filter .f-sort .arrow-bottom,
        .filter .f-sort .arrow-top {
            float: left;
            width: 7px;
            overflow: hidden;
            background: url(../images/sprite-arrow.png) no-repeat 0 -100px
        }

        .filter .f-sort .arrow {
            height: 11px;
            margin-top: 6px
        }

        .filter .f-sort .arrow-top {
            height: 4px;
            margin-top: 6px;
            background-position: -10px -100px
        }

        .filter .f-sort .arrow-bottom {
            height: 4px;
            margin-top: 3px;
            background-position: -10px -110px
        }

        .filter .f-sort .fs-down,
        .filter .f-sort .fs-up {
            display: inline-block;
            width: 7px;
            margin-left: 5px;
            vertical-align: top;
            *cursor: pointer
        }

        .filter .f-sort .fs-tit {
            display: inline-block;
            vertical-align: top;
            *cursor: pointer
        }

        .filter .f-sort a {
            float: left;
            padding: 0 9px;
            /*height: 23px;*/
            border: 1px solid #CCC;
            line-height: 23px;
            margin-right: -1px;
            background: #FFF;
            color: #333
        }

            .filter .f-sort a:hover {
                position: relative;
                text-decoration: none;
                border-color: #029598;
                color: #029598
            }

                .filter .f-sort a:hover .fs-down .arrow {
                    background-position: 0 -140px
                }

            .filter .f-sort a.curr {
                border-color: #029598;
                background: #029598;
                color: #FFF
            }

                .filter .f-sort a.curr .arrow-top {
                    background-position: -10px -120px
                }

                .filter .f-sort a.curr .arrow-bottom {
                    background-position: -10px -130px
                }

                .filter .f-sort a.curr .fs-down .arrow {
                    background-position: 0 -120px
                }

                .filter .f-sort a.curr .fs-down .arrow-top,
                .filter .f-sort a.curr .fs-up .arrow-bottom {
                    filter: alpha(opacity=50);
                    -moz-opacity: .5;
                    opacity: .5
                }

                .filter .f-sort a.curr:hover {
                    color: #fff
                }

    .filter .f-price {
        position: relative;
        float: left;
        width: 132px;
        height: 25px;
        margin-right: 12px
    }

        .filter .f-price .f-price-set {
            width: 100%;
            height: 100%;
            overflow: hidden
        }

            .filter .f-price .f-price-set .input-txt,
            .filter .f-price .f-price-set em {
                float: left;
                display: inline
            }

            .filter .f-price .f-price-set .input-txt {
                width: 52px;
                border-color: #ccc;
                color: #333
            }

                .filter .f-price .f-price-set .input-txt:focus {
                    outline-color: transparent
                }

            .filter .f-price .f-price-set em {
                width: 12px;
                line-height: 23px;
                color: #333;
                text-align: center
            }

        .filter .f-price .f-price-edit {
            display: none;
            width: 132px;
            height: 25px;
            padding: 37px 6px 6px;
            border: 1px solid #999;
            position: absolute;
            background: #fff;
            box-shadow: 1px 1px 2px rgba(0,0,0,.2)
        }

            .filter .f-price .f-price-edit .item1 {
                position: absolute;
                top: 37px;
                left: 6px;
                width: 36px;
                height: 25px;
                line-height: 25px;
                text-align: center;
                color: #005aa0
            }

            .filter .f-price .f-price-edit .item2 {
                position: absolute;
                top: 37px;
                right: 7px;
                width: 38px;
                height: 17px;
                line-height: 17px;
                padding: 3px;
                border: 1px solid #ccc;
                text-align: center;
                background: #f7f7f7;
                color: #333
            }

        .filter .f-price.f-price-focus {
            z-index: 6
        }

            .filter .f-price.f-price-focus .f-price-set {
                position: relative;
                z-index: 5
            }

            .filter .f-price.f-price-focus .f-price-edit {
                display: block;
                zoom: 1;
                top: -7px;
                left: -7px
            }

/*#region 产品列表，装备分类选择样式*/
.btn-check-equcate {
    display: inline-block;
    margin-left:10px;
}
.span-checkname {
    color: #029499;
}
.btn-check-equcate:hover > .div-equcagegory {
    display: block;
}

.div-equcagegory {
    display: none;
    border: #029598 1px solid;
    position: absolute;
    padding: 10px 30px;
    font-size: 12px;
    z-index: 9999;
    background-color: #fff;
    width: 660px;
    min-height: 450px;
    /*   top: 0px;
        left: 200px;
        top: -30px;*/
    box-shadow: 4px 4px 5px -1px #ccc;
    -webkit-box-shadow: 4px 4px 5px -1px #ccc;
    -moz-box-shadow: 4px 4px 5px -1px #ccc;
}

    .div-equcagegory.show {
        display: block;
    }

.clearfix > dt {
   /* font-size: 14px; 
    color: #666666; */

    float: left;
    padding: 4px 20px 0 0;
    font-weight: bold;
    padding-left: 0px;
    width: 150px;
    text-align: left;
}
.clearfix > dd {
    float: left;
    line-height: 26px;
    width: 450px;
    padding-top: 2px;
    margin-left: -12px;
}
.clearfix > dd > a {
    color: #666666;
    margin-left: 8px;
    margin-right: 8px;
    display: inline-block;
}
/*#endregion */