﻿/* sale-product-index page styles */
        #saleProduct{
            color: #2589eb;
        }
        #saleProduct:before {
            content: '';
            height: 2px;
            width: 80px;
            background-color: #2489eb;
            position: absolute;
            left: 10px;
        }
        /*#otherLinkTitle, #mallItem{*/
        /*    color: #2589eb;*/
        /*}*/

        .results{
            height:auto;
            width:100%;
            margin-top:24px;
        }

        .results .result-row{
            height:355px;
            margin-bottom:30px;
        }
        .result-item{
            float:left;
            width: 220px;
            height: 368px;
            margin-left:20px;
            background:rgba(255,255,255,1);
            border:1px solid rgba(204,204,204,0.5);
            position:relative;
        }
        .results .result-row .result-item:nth-child(1){
            margin-left:0;
        }
        .result-item .item-pic{
            width:100%;
            height:220px;
            background:rgba(255,255,255,1);
            position: relative;
            overflow:hidden;
        }
        /*.item-pic:hover a img {*/
        /*    transform:scale(1.1);*/
        /*    transition: 0.3s;*/
        /*}*/
        .result-item .lack-of-pic{
            width:219px;
            height:28px;
            background:rgba(0,0,0,1);
            opacity:0.6;
            position: absolute;
            bottom:0;
            left:0;
            text-align: center;
            color:#ffffff;
            padding-top:3px;
        }
        .result-item .item-pic .verify-supplier{
            width:104px;
            background:rgba(0,0,0,1);
            opacity:0.6;
            position: absolute;
            left:0;
            top:0;
            color: #ffffff;
            font-size:12px;
            text-align: center;
            padding:4px 10px;
            cursor: pointer;
            z-index:5;
        }
        .result-item .item-pic .golden-verify-supplier{
            width:80px;
            height:25px;
            background:linear-gradient(230deg,rgba(37,137,235,1) 0%,rgba(50,93,236,1) 100%);
            position: absolute;
            right:0;
            top:0;
            color: #ffffff;
            font-size:12px;
            text-align: center;
            padding:4px 10px;
            cursor: pointer;
        }
        .result-item .item-text{
            width:100%;
            height: 148px;
            padding: 10px 8px;
            cursor: pointer;
        }
        .item-text:hover .name-text a{
            text-decoration:underline;
        }
        .item-text:hover .generic-supplier-text{
            text-decoration:underline;
        }
        .item-text a{
            display:block;
            color:inherit;
            text-decoration: none;
        }
        .item-text .price-text{
            height:25px;
        }
        .item-text .price-text .price-font{
            color:#E50000;
            font-size:18px;
            font-weight:bold;
            line-height: 20px;
        }
        .item-text .price-text .money-tag{
            font-size:12px;
        }
        .item-text .price-text .price-font .tax-font{
            color: #999999;
            width: auto;
            /*  background: linear-gradient(315deg,rgba(229,0,0,1) 0%,rgba(254,27,66,1) 100%); */
            display: inline-block;
            font-size: 10px;
            padding:1px 4px 0px 4px;
            margin-left: 4px;
            font-weight: normal;
            line-height: 14px;
        }
        .sale-agent-font{
            color:#888888;
            line-height: 26px;
            font-size:12px;
        }
        .name-text a{
            clear: both;
            overflow:hidden;
            text-overflow: ellipsis;
            white-space:nowrap;
            display: inline-block;
            width:200px;
        }
        .name-text, .generic-supplier,.company-text, .address-text{
            font-size:12px;
        }
        .address-text{
            margin-top: -4px;
        }
        .company-text{
            margin-top: 6px;
        }
        .company-text:hover{
            text-decoration:underline;
        }
        .generic-supplier{
            position:relative;
            margin-top: -2px;
            margin-bottom: -5px;
        }
        .generic-supplier .generic-supplier-text{
            overflow:hidden;
            text-overflow: ellipsis;
            white-space:nowrap;
            display: inline-block;
            width:200px;
        }
        .company-text, .address-text .address-text-content{
            color:#999;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space:nowrap;
            display: inline-block;
            max-width: 195px;
            width:auto;
            padding-left:2px;
        }
        .company-text{
            cursor: pointer;
        }
        .company-text .company-name{
            position: relative;
            display: block;
            width: 195px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            color: #000;
        }

        .golden-supplier-wrapper .ad-item img{
            width:100%;
            height:100%;
        }
        .golden-supplier-wrapper .result-item{
            margin-top:20px;
            margin-left:0;
            width:240px;
            height:375px;
        }
        .golden-supplier-wrapper .result-item .item-pic{
            height: 240px;
        }
        .golden-supplier-wrapper .result-item:nth-child(1){
            margin-top:0;
        }
        .verify-supplier{
            height: 29px;
            display: block;
            line-height: 29px;
            border-top: 1px solid #eee;
            margin: -1px -8px;
            padding-left: 10px;
        }
        .verify-supplier-type-span{
            border-radius: 1px;
            height: 16px;
            /* font-size: 0.7em !important; */
            font-weight: 500;
            color: rgba(255,255,255,1);
            line-height: 16px;
            display: inline-block;
            text-align: center;
            padding: 0px 2px;
            font-size: 12px;
            background: linear-gradient(320deg, #00BEAB 0%, #3472F6 100%);
            background-color: #2589eb;
        }
        .sale-agent-font{
            height: 16px;
            border-radius: 1px;
            /* font-size: 0.7em !important; */
            font-weight: 500;
            color: rgba(255,255,255,1);
            line-height: 16px;
            text-align: center;
            display: inline-block;
            margin-left: 3px;
            padding: 0 2px 0 1px;
            font-size: 12px;
            background: #2589eb linear-gradient(135deg, rgba(37, 143, 235, 1) 0%, rgba(37, 129, 235, 1) 100%);
        }
        /*浼樻儬鍒竎ss begin*/
        .coupon-wrapper {
            width: 1200px;
            margin: 10px auto;
            height: 130px;
            min-height: 130px;
            clear: both;
            overflow-x: scroll;
            scrollbar-width: thin;
        }
        .coupon-wrapper .tips {

        }
        .coupon-wrapper .coupon {
            width: 264px;
            height: 114px;
            background-image: url("/page/pc/images/activities/member/coupon-bg.png");
            background-size: 100% 100%;
            float: left;
            margin-right: 20px;
            color: #ffffff;
            padding: 0 40px;
        }
        .coupon-wrapper .coupon p {
            margin:0;
            font-size: 12px;
        }
        .coupon-wrapper .coupon .money-wrapper {
            width: 100%;
            height: 48px;
            margin-bottom: 5px;
            position: relative;
        }
        .coupon-wrapper .coupon .money-wrapper .money {
            float: left;
            width: 78px;
            height: 48px;
        }
        .coupon-wrapper .coupon .money-wrapper .money .amount {
            font-size: 45px;
        }
        .coupon-wrapper .coupon .money-wrapper .money .unit {
            font-size: 12px;
        }
        .coupon-wrapper .coupon .money-wrapper .coupon-tag {
            width: 95px;
            height: 26px;
            background-image: url("/page/pc/images/activities/member/tag-bg.png");
            background-size: 100% 100%;
            text-align: center;
            color: red;
            padding-top: 2px;
            position: absolute;
            bottom:0;
            right:0;
        }
        .purchase-now-btn{
            color: #fff;
            background: #e50000;
        }
        .xj-icon {
            background: #1A5A99 url(https://slfilea1.soliao.com/2,028861451d0fb3) no-repeat 10px 11px;
        }
        .wxh-icon {
            background: #E8C300 url(https://slfilea1.soliao.com/2,028861451d0fb3) no-repeat 10px 22px;
        }
        .bj-icon {
            background: #1175D7 url(https://slfilea1.soliao.com/6,0119e969ea9954) no-repeat 10px 11px;
        }
        .buy-infos .bj-it-now, .buy-infos .add-to-cart{
            width: 250px;
            height: 30px;
            border-radius: 4px 4px 4px 4px;
            opacity: 1;
            display: inline-block;
            text-align: center;
            line-height: 30px;
            box-shadow: 0 2px 3px 0 #2589EB;
            cursor: pointer;
            padding-left: 39px;
            position: relative;
            border: 1px solid #2589EB;
        }
        .buy-infos .bj-it-now{
            color: #fff;
            background: #2589EB;
            /*margin-left: 18px;*/
            margin-bottom: 18px;
        }
        .buy-infos .bj-it-now i, .buy-infos .add-to-cart i{
            width: 40px;
            height: 28px;
            display: inline-block;
            float: left;
            position: absolute;
            left: 0;
            top: 0;
            background-size: 18px;
            border-radius: 3px;
        }
        .sx-flex{
            display: flex;
            align-items: center;
        }

        /*浼樻儬鍒竎ss end*/

/* sale-product-index list styles */
    .selected-condition-wrapper .title{
        float: left;
        padding: 0 18px;
        width: 100px;
        text-align: center;
        background: none;
        color: #333;
    }
    .main-content .list-content .tab-panel{
        height: 42px;
    }
    .tools-content{
        width: 1200px;
        margin: 20px auto;
        padding: 11px 20px;
        font-size: 16px;
    }
    .result-tips{
        float: left;
    }
    .tools-content .tips{
        display: inline-block;
        width: 70%;
        text-align: center;
        font-size: 12px;
    }
    .tools-content .filter-btns{
        float: right;
        font-size: 14px;
        line-height: 24px;
    }
    .tools-content .filter-btns span{
        width: 100px;
        height: auto;
        display: inline-block;
        text-align: center;
        float: left;
        border-radius: 5px;
        cursor: pointer;
    }
    .tools-content .filter-btns .btns-clean{
        border: 1px solid #000;
        margin-right: 10px;
    }
    .tools-content .filter-btns .btns-search{
        border: 1px solid #2589eb;
        background: #2589eb;
        color: #fff;
    }
    .main-content .list-content{
        width: 1200px;
    }
    .results ul {
        width: 100%;
        height: auto;
    }
    .results-li{
        margin-bottom: 20px;
        position: relative;
    }

    .results-li-position{
        position: absolute;
        right: 10px;
        top: 28px;
        z-index: 5;
        display: none;
    }
    .results-li-position a{
        text-decoration:none;
    }
    .results-li-position span{
        width: 60px;
        border: 1px solid #333333;
        padding: 1px 16px;
        border-radius: 5px;
        background: white;
        color: #333333;

    }
    /*.results-li-position{*/
    /*    background: #2589EB;*/
    /*    border: 1px solid  #2589EB;*/
    /*    color: white;*/
    /*}*/
    .results-li-position span img{
        width: 15px;
        margin-right: 3px;
        padding-bottom: 2px;
    }
    .results ul li {
        width: 100%;
        height: 260px;
        list-style: none;
        background: #FFFFFF;
        box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
        border-radius: 3px;
        transition: height 0.3s;
    }
    .results ul li .product-info, .results ul li .price-info{
        height: 240px;
        display: inline-block;
        float: left;
        padding: 10px;
        position: relative;
    }
    .results ul li .product-info{
        width: 65%;
    }
    .results ul li .price-info{
        width: 30%;
    }
    .item-pic{
        width: 150px;
        float: left;
        display: inline-block;
        overflow: hidden;
    }
    .item-pic a{
        height: 150px;
        width: 150px;
        position: relative;
        /*border-radius: 12px;*/
        border-radius: 5px;overflow: hidden
    }
    .item-pic a img:first-child{
        height: 150px;
        width: 150px;
        border-radius: 12px;
    }
    .item-pic a #noProductImg{
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.7;
        /*background: #000;*/
        width: 100%;
        height: 100%;
        text-align: center;
        border-radius: 12px;
    }
    .item-pic a #noProductImgContent{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        text-align: center;
    }
    .item-pic a #noProductImgContent img{
        height: 62%;
        width: 70%;
        margin-top: 10px;
    }
    .item-pic a #noProductImgContent span{
        display: inline-block;
        color: #fff;
        line-height: 1.3;
        margin-top: 0px;
        font-size: 12px;
        /* position: absolute; */
        transform: scale(0.8);
        width: 120px;
        margin-left: -5px;
    }
    .collection-compare-btns{
        font-size: 12px;
        color: #333;
    }
    .collection-compare-btns span{
        /*width: 83px;*/
        height: 20px;
        text-align: center;
        display: inline-block;
        line-height: 20px;
        cursor: pointer;
        position: relative;
    }
    .collection-compare-btns span i{
        width: 14px;
        height: 14px;
        display: inline-block;
        float: left;
        position: absolute;
        left: 0;
        top: 2px;
        /*background-size: 18px;*/
        /*border-radius: 3px;*/
    }
    .collection-compare-btns span i.icon-collect-select{
        background: #333 url(/page/pc/images/detail/icon-collect-select.png) no-repeat;
        background-size: cover;
    }
    .product-info-item{
        width: 650px;
        display: inline-block;
        position: absolute;
        /*bottom: 16px;*/
        margin-left: 16px;
    }
    .product-info-item-title{
        font-size: 17px;
        font-weight: 500;
        color: #000000;
        height: 26px;
        line-height: 20px;
        margin-top: 10px;
        display: flex;
        justify-content: flex-start;

    }
    .product-info-item-title-left{
        max-width: 350px;
        overflow:hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow:ellipsis;
    }
    .product-info-item-title a{
        text-decoration: none;
        /*border-bottom: 2px solid #2589eb;;*/
        color: #2589eb;
    }
    .product-info-item-title a:hover{
        text-decoration: none;
        color:  #2589eb;
        border-bottom: 2px solid #2589eb;
    }
    .product-info-item-title .dsf:hover{
        text-decoration: none;
        color:  #F4CD00;
        border-bottom: 2px solid #F4CD00;
    }
    .product-info-item-title a .item-color-num{
        font-size: 17px;
        padding: 2px 5px;
        margin-left: 10px;
        font-weight: 500;
        /*background: #EBEBEB;*/
        color: #2589EB;
        border-radius: 5px;
    }
    .product-info-item-body{
        color: #000000;
        margin-top: 0px;
        font-size: 14px;
        font-weight: 400;
        display: flex;
        justify-content: flex-start;
    }
    .product-info-item-body label{
        font-size: 13px;
        color: #9a9a9a;
        padding: 0;
    }
    .product-info-item-body-jtj{
        height: 100px;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .product-info-item-body .item-sale-price{
        color: #ff0000;
        font-size: 15px;
        /*letter-spacing: 1px;*/
    }
    .product-info-item-body .item-market-price{
        color: #9a9a9a;
        font-size: 12px;
        text-decoration: line-through;
        padding-left: 3px;
    }
    .product-info-item-body .item-sale-price small{
        font-size: 65%;
    }
    .product-info-item-body-jtj-div{
        display: flex;
        /*justify-content: space-between;*/
        justify-content: flex-start;

        width: 170px!important;
        /*margin-right: 20px;*/
    }
    .product-info-item-body-jtj-div span{
        text-align: left;
    }
    .product-info-item-body-jtj div{
        line-height: 20px!important;
    }
    .product-info-item-body-jtj div span:nth-child(1){
        /*font-size: 13px !important;*/
        /*margin-right: 10px !important;*/
    }
    .product-info-item-body-jtj div span:nth-child(2){
        font-size: 13px !important;
        margin-right: 0!important;
    }
    .product-info-item-body-jtj-div.active span{
        color: red !important;
    }
    .product-info-item-body ul:first-child{
        /*flex: 2;*/
        /*width: 290px;*/
        /*width: 290px;*/
        width: 166px;
        margin-right: 10px;
    }
    .product-info-item-body ul:last-child{
        margin-top: 4px;
    }
    .product-info-item-body ul:first-child li{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-top: 4px;

    }


    /*.product-info-item-body ul:nth-child(2){*/
    /*    flex: 1;*/
    /*}*/
    .product-info-item-body ul:last-child{
        flex: 5;
    }

    .product-info-item ul, .price-info-item ul{
        width: 50%;
        border: none;
        float: left;
    }
    .product-info-item ul li, .price-info-item ul li{
        border: none;
        height: 20px;
        line-height: 20px;
        border-radius: 0;
        box-shadow: none;
        margin-bottom: 5px;
    }

    .price-info-item ul li{
        font-size: 12px;
        height: 19px;
        color: #000;
        line-height: 25px;

    }
    .product-info-item ul li a{
        color: #2589eb;
        text-underline-style: none;
    }
    .price-info-item span{
        font-size: 16px;
        color: #000;
    }
    .buy-infos{
        position: absolute;
        /*bottom: 45px;*/
        right: 0;
        font-size: 14px;
        color: #000;
        width: 76% !important;
    }
    .buy-infos li{
        height: 30px !important;
        /*line-height: 30px !important;*/
        font-size: 14px !important;
    }
    .buy-infos-li-span span{
        border: 1px solid #333333;
        padding: 1px 10px;
        border-radius: 5px;
        /*color: #2589eb;*/
        color: #333333;
        cursor: pointer;
        margin-right: 5px;
        font-size: 14px;
        text-decoration: none;
    }
    .buy-infos-li-span span a{
        color: #333333;
        text-decoration: none;
    }
    /*.buy-infos-li-span span a:hover{*/
    /*    color: #333;*/
    /*}*/

    .buy-infos .buy-it-now, .buy-infos .add-to-cart{
        width: 250px;
        height: 40px;
        border-radius: 4px 4px 4px 4px;
        opacity: 1;
        display: inline-block;
        text-align: center;
        line-height: 40px;
        box-shadow: 0 2px 3px 0 rgba(229, 0, 0, 0.4);
        cursor: pointer;
        padding-left: 39px;
        position: relative;
        border: 1px solid #E50000;
        margin-bottom: 18px;
    }
    .buy-infos .zwsj{
        width: 250px;
        height: 40px;
        border-radius: 4px 4px 4px 4px;
        opacity: 1;
        display: inline-block;
        text-align: center;
        line-height: 40px;
        box-shadow: 0 2px 3px 0 rgba(37, 137, 235, 0.4);
        cursor: pointer;
        padding-left: 39px;
        position: relative;
        border: 1px solid #2589EB;
        margin-bottom: 18px;
        color: #fff;
        background: #2589EB;
    }

    .buy-infos .wxh{
        width: 250px;
        /*height: 60px;*/
        border-radius: 4px 4px 4px 4px;
        opacity: 1;
        display: inline-block;
        text-align: center;
        line-height:30px;
        box-shadow: 0 2px 3px 0 rgba(244, 205, 0, 0.4);
        cursor: pointer;
        padding-left: 39px;
        position: relative;
        border: 1px solid #F4CD00;
        margin-bottom: 18px;
        color: #FFFFFF;
        background: #d9b600;
    }

    .buy-infos .buy-it-now{
        color: #fff;
        background: #E50000;
    }
    .buy-infos .zwsj i{
        width: 40px;
        height: 38px;
        display: inline-block;
        float: left;
        position: absolute;
        left: 0;
        top: 0;
        background-size: 18px;
        border-radius: 3px;
    }
    .buy-infos .wxh i{
        width: 40px;
        height: 60px;
        display: inline-block;
        float: left;
        position: absolute;
        left: 0;
        top: 0;
        background-size: 18px;
        border-radius: 3px;
    }
    .buy-infos .buy-it-now i, .buy-infos .add-to-cart i{
        width: 40px;
        height: 38px;
        display: inline-block;
        float: left;
        position: absolute;
        left: 0;
        top: 0;
        background-size: 18px;
        border-radius: 3px;
    }
    .buy-now-icon{
        background: #BD0000 url(https://slfile.soliao.com/2,f2db3f2d267b) no-repeat 10px 11px;
    }
    .add-cart-icon{
        background: #BD0000 url(https://slfile.soliao.com/6,f2996e579c13) no-repeat 10px 11px;
    }
    .buy-infos .add-to-cart{
        color: #ff0000;
        /*margin-left: 18px;*/
        margin-bottom: 18px;
    }
    .buy-infos .price-num{
        letter-spacing: 34px;
    }
    .buy-count-info{
        line-height: 1.5 !important;
    }
    .sale-price-title{
        width: 80px;
        display: inline-block;
        float: left;
        height: 100%;
        line-height: 1.5;
        letter-spacing: 2px;
        padding-top: 2px;
    }
    .sale-count-input{
        width: 150px;
        display: inline-block;
        height: 100%;
        float: left;
        line-height: 1.5;
    }
    .sale-input-minus-plus-btns {
        width: 30px;
        height: 22px;
        display: inline-block;
        border: 1px solid #dddddd;
        text-align: center;
        float: left;
        cursor: pointer;
    }
    .sale-input-input {
        width: 80px;
        height: 22px;
        padding: 0px 5px 0px 7px;
        float: left;
        border: 1px solid #dddddd;
        border-right: 0;
        border-left: 0;
    }
    .sale-input-minus-plus-btns {
        width: 30px;
        height: 22px;
        display: inline-block;
        border: 1px solid #dddddd;
        text-align: center;
        float: left;
        cursor: pointer;
    }
    .sale-product-unit {
        width: 40px;
        display: inline-block;
        float: left;
    }
    .tx-span{
        display: flex;
        justify-content: space-between;
        font-size: 14px;
        margin-bottom: 5px;
    }
    .tx-span div{
        display: flex;
        align-content: center;
    }
    .tx-span div span{
        font-size: 12px;
        margin-left: 5px;
    }
    .tx-span-img{
        width: 12px;
        height: 12px;
        margin-top: 4px;
    }
    .zhpx-body-label{
        padding: 0px;
        margin: 0px;
    }

    .s_p_desc{
        font-size: 12px;
        color: #000000;
    }
    .s_p_desc span{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        /* width: 350px; */
        -webkit-line-clamp: 2;
        float: left;
        margin-left: 40px;
        margin-top: -20px;
        overflow: hidden;
        height: 35px;
        white-space: normal;
        text-overflow: ellipsis;
        line-height: 1.5;
        position: absolute;
        font-size: 13px;
        width: 100%;
        z-index: 2;
    }
    .zhpx{
        position: relative;
    }
    .down-icon{
        display: inline-block;
        vertical-align: bottom;
        width: 16px;
        height: 16px;
        cursor: pointer;
        margin-right: 2px;
        background: url(https://slfile.soliao.com/5,02133231ba65c0) no-repeat -23px -32px;
    }
    .zy-img{
        width: 57px;
        height: 77px;
        position: absolute;
        top: -2px;
        left: -4px;
    }
    .new-zy-img{
        width: 152px;
        position: absolute;
        bottom: -1px;
        left: 0px;
    }
    .zk-span{
        display: flex;
        justify-content: flex-start;
        justify-items: center;
        height: 25px;
    }
    .zk-span span{
        height: 100%;
    }
    .zk-span-child1{
        font-size: 25px;
        line-height: 25px;
        color: #D23124;
        margin-right: 5px;
    }
    .zk-span-child2{
        background: #F0381E;
        color: white;
        border-radius: 50px 50px 50px 0;
        padding: 0 10px ;
        line-height: 25px;
        font-size: 14px;
        margin-right: 8px;
    }
    .zk-span-child3{
        color: #9a9a9a;
        font-size: 14px;
        text-decoration: line-through;
        padding-top: 6px;
        margin-right: 5px;
    }
    .zk-img{
        position: absolute;
        right: -70px;
        top: -5px;
    }
    .gfsq:hover {
        cursor: pointer;
    }
    .spercial-category{
        width: 275px;
        border-radius: 5px;
        overflow: hidden;
        box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.2);
        cursor: pointer;
        margin: 33px 0px;
    }
    .spercial-category-title{
        width: 100%;
        height: 32px;
        background: linear-gradient( 91deg, #2589EB 0%, #FFFFFF 100%);
        display: flex;
        justify-content: flex-start;
        align-items: center;
        color: #FFFFFF;
        font-size: 16px;
    }
    .spercial-category-content{
        width: 100%;
        height: 68px;
        background: #2589EB;
        color: #FFFFFF;
        padding: 10px;

    }
