/*
	DESTOON Copyright (C)2008-2099 www.destoon.com
	This is NOT a freeware,Use is subject to license.txt
*/
.headline {background:#FFFFFF;padding:0 10px 5px 10px;border-bottom:#EEEEEE 1px solid;}
.headline h2 {text-align:center;font-size:16px;margin:0;height:30px;line-height:30px;overflow:hidden;}
.headline span {color:#225588;}
.headline div {line-height:22px;height:22px;overflow:hidden;}
.subline li {height:26px;line-height:26px;overflow:hidden;font-size:14px;padding:0 10px 0 10px;}
.subline span {color:#666666;}
/* catlist */
.catlist {padding:12px 15px 12px 20px;line-height:24px;}
.catlist_li {font-size:14px;height:28px;line-height:28px;background:url('li_dot.gif') no-repeat 5px 12px;padding:0 10px 0 12px;overflow:hidden;}
.catlist_sp {background:#FFFFFF url('dot.gif') repeat-x 0 center;}
/* special */
.special_intro {line-height:180%;font-size:13px;height:160px;overflow-y:scroll;}
.special_box {width:1220px;overflow:hidden;}


  /*产品列表 */
    .product-list {
        --primary-color: #e4393c;
        --text-color: #333;
        --container-width: 1190px;
        background: var(--bg-color);
        padding: 15px 0;
    }
    .product-list *,
    .product-list *::before,
    .product-list *::after {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    .product-list ul {
        width: var(--container-width);
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
        gap: 20px;
        list-style: none;
    }
    .product-item {
        background: #fff;
        border-radius: 8px;
        padding: 16px;
        box-shadow: 0 3px 12px rgba(0,0,0,0.08);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .product-item:hover {
        transform: translateY(-5px);
    }
    .product-img {
        width: 100%;
        aspect-ratio: 1;
        object-fit: cover;
        border-radius: 6px;
        margin-bottom: 12px;
        cursor: pointer;
    }
    .title-link {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        height: 2.8em;
        font-size: 15px;
        line-height: 1.4;
        color: var(--text-color);
        text-decoration: none;
        transition: color 0.2s;
    }
    .title-link:hover {
        color: var(--primary-color) !important;
    }
    .price {
        color: var(--primary-color);
        font-size: 18px;
        font-weight: 700;
        margin: 12px 0;
    }
    .company {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-top: 10px;
    }
    .v-icon {
        flex-shrink: 0;
        width: 16px;
        height: 16px;
        background: var(--primary-color);
        border-radius: 50%;
        position: relative;
    }
    .v-icon::after {
        content: "✓";
        color: #fff;
        font-size: 12px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .company-link {
        flex: 1;
        min-width: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 12px;
        color: #666;
        text-decoration: none;
    }
    .product-list ::selection {
        background: var(--primary-color);
        color: #fff;
    }