/** 产品列表页 **/
.component-product-head {
    height: 42px;
    border: 1px solid #dedede;
    background-color: #fff;
}

.component-product-head > .head-item {
    float: left;
    height: 42px;
    font-size: 12px;
    line-height: 42px;
    font-weight: 600;
    color: #666;
    text-align: center;
}

.product-item {
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

.product-item > .product-cover-box {
    float: left;

}

.product-item > .product-cover-box > .product-cover-wrap {
    position: relative;
    z-index: 0;
    display: block;
    margin: 0 auto;
    width: 80px;
    height: 80px
}

.product-item > .product-cover-box > .product-cover-wrap > .special_offer_icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 43px;
    height: 26px
}

.product-item > .product-cover-box > .product-cover-wrap > .special_offer_icon > img {
    width: 43px;
    height: 26px;
    display: block
}

.product-item > .product-cover-box > .product-cover-wrap > .product-cover-img {
    display: block;
    width: 90px;
    height: 90px
}

.product-item > .product-info-box {
    float: left;
    padding-right: 10px
}

.product-item > .product-info-box .highLight {
    color: #f50 !important
}

.product-item > .product-info-box > .product-name > a {
    word-break: break-all;
    font-size: 15px;
    line-height: 16px;
    color: #4bc227
}

.product-item > .product-info-box > .product-params {
    margin-top: 10px;
    font-size: 13px;
    line-height: 16px;
    color: #333
}

.product-item > .product-info-box > .product-params a {
    color: #333
}

.product-item > .product-info-box > .product-params:hover a {
    color: var(--primary)
}

.product-item > .product-info-box > .product-specification {
    margin-top: 8px;
    height: 22px;
    font-size: 0;
    line-height: 22px
}

.product-item > .product-info-box > .product-specification > .specification-icon {
    *display: inline;
    display: inline-block;
    zoom: 1;
    vertical-align: -2px;
    height: 15px;
    width: 13px;
    background-image: url(/public/img/cm_product_pdf_icon.c7cf1352.png);
    -ms-background-size: 13px 15px;
    background-size: 13px 15px;
    background-repeat: no-repeat
}

.product-item > .product-info-box > .product-specification > .specification-icon:hover {
    background-image: url(/public/img/cm_product_pdf_hover_icon.b2d50f1d.png)
}

.product-item > .product-info-box > .product-specification > .specification-link {
    padding-left: 7px;
    /*font-size: 13px;*/
    color: #4bc227
}

.product-item > .product-price-box {
    float: left;
}

.product-item > .product-price-box > .product-price-list {
    padding-top: 2px
}

.product-item > .product-price-box > .product-price-list > .price-item {
    margin-bottom: 10px;
    font-size: 0
}

.product-item > .product-price-box > .product-price-list > .price-item > span {
    *display: inline;
    display: inline-block;
    zoom: 1;
    font-size: 13px
}

.product-item > .product-price-box > .product-price-list > .price-item > span.price-quantity {
    min-width: 60px;
    text-align: right;
    color: #333
}

.product-item > .product-price-box > .product-price-list > .price-item > span.price-number {
    padding-left: 9px;
    min-width: 50px;
    text-align: left;
    color: #333
}

.product-item > .product-price-box > .product-price-list > .price-item > span.price-discount-number {
    min-width: 60px;
    padding: 0 0 0 9px;
    text-align: left;
    text-decoration: line-through;
    color: #999
}

.product-item > .product-price-box > .product-price-list > .price-item > span.color-orange {
    color: #f50
}

.product-item > .product-price-box > .product-price-list > .price-item > .negotiate-button {
    margin-left: 10px;
    cursor: pointer;
    width: 50px;
    height: 22px;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #dedede;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
    color: #4bc227
}

.product-item > .product-stock-box {
    float: left;
    padding-top: 2px;
    padding-left: 45px;
}

.product-item > .product-stock-box > .stock-info-item {
    /*margin-bottom: 10px;*/
    font-size: 13px;
    color: #333
}

.product-item > .product-handler-box {
    float: left;
    padding-top: 2px
}

.product-item > .product-handler-box > .quantity-input-wrap {
    position: relative;
    width: 180px;
    height: 30px;
    background: #fff;
    border: 1px solid #dedede
}

.product-item > .product-handler-box > .quantity-input-wrap > .unit-tips {
    display: none;
    position: absolute;
    z-index: 1;
    padding: 10px;
    bottom: 40px;
    width: 140px;
    background-color: #fff;
    -ms-box-shadow: 0 0 4px 0 #999;
    -o-box-shadow: 0 0 4px 0 #999;
    box-shadow: 0 0 4px 0 #999;
    font-size: 12px;
    line-height: 1.5;
    color: #333;
    word-break: break-all
}

.product-item > .product-handler-box > .quantity-input-wrap > .unit-tips.show__tips {
    display: block
}

.product-item > .product-handler-box > .quantity-input-wrap > .unit-tips span {
    color: #f50
}

.product-item > .product-handler-box > .quantity-input-wrap > .unit-tips:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 10px;
    height: 13px;
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
    background-image: url(/public/img/unit_mount_bottom_arrow_icon.4217b8f2.png);
    -ms-background-size: 10px 13px;
    background-size: 10px 13px
}

.product-item > .product-handler-box > .quantity-input-wrap.is-focus {
    border: 1px solid #4bc227
}

.product-item > .product-handler-box > .quantity-input-wrap > .quantity-input-box {
    float: left;
    width: 110px;
    height: 28px
}

.product-item > .product-handler-box > .quantity-input-wrap > .quantity-input-box > .quantity-input {
    display: block;
    border: none;
    padding: 0 10px;
    height: 27px;
    width: 90px;
    font-size: 12px;
    line-height: 27px;
    color: #333
}

.product-item > .product-handler-box > .quantity-input-wrap > .quantity-input-box > .quantity-input:disabled {
    background-color: #fff;
    color: #ccc
}

.product-item > .product-handler-box > .quantity-input-wrap > .us {
    position: relative;
    float: right;
    width: 48px;
    height: 28px;
    /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAYAAAHKue4KAAAAAXNSR0IArs4c6QAAATBJREFUKBVjYEAGM2bM+InMR2JPnz79DYgLpP8jCUOZQNFXIOb8+fMFgIaUg4WBHA6oPEQfUKYILoDEAIp/YITxZ86cmffv37+JTExMJUC6h5WVVSElJeUhTB43DXTEj////8NNgqkEGu8LcjYTMzNzCJDzD4j9kSS3ANnrMzMzGcE6QSYA3fANSD9kZGSUAdK3gJJGMA1wGmjkRCDOgQsAGYxAo5uB9JqMjIyLyBKE2EB9qkCbwliACoWAjAtAkxmA1u8G4vj09PTn2AwAqgNZWA9UUwdiA8EauO9nz54t/vfv3wVACQ+QZqDkLCAuBBr2bc6cOTq/f/9eDxRWAeK3wICJSEtL2wNWByLQATBAdIGRsQworgOTAxq2SEhIKCMsLOw7TIwoet68eaL4FAIAZL+I9iEN5O0AAAAASUVORK5CYII=);*/
    /*background-repeat: no-repeat;*/
    -ms-background-size: 8px 5px;
    background-size: 8px 5px;
    background-position: 33px;
    font-size: 12px;
    line-height: 26px;
    color: #333;
    background-color: #f6f6f6;
    cursor: pointer
}


.product-item > .product-handler-box > .quantity-input-wrap > .us > .unit_text {
    display: block;
    padding-left: 8px
}


.product-item > .product-handler-box > .total-price-box {
    height: 36px;
    font-size: 13px;
    line-height: 36px
}

.product-item > .product-handler-box > .total-price-box > .price-color {
    font-size: 13px;
    color: #f50
}

.search_head {
    line-height: 40px;
    border-bottom: none;
    color: white;
    background-image: linear-gradient(224deg, rgb(124, 109, 244) 0%, rgb(255, 141, 110) 100%);
}