/* 商品相关样式 */
.wy-product-list {
    background: #fff;
    margin: 10px;
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.wy-product-list.noborder {
    background: transparent;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
}

.bgwhite {
    background: #fff !important;
}

.wy-product-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f0f0f0;
    text-align: center;
}

.wy-product-items {
    padding-top: 10px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}

.wy-product-items.two_pro {
    grid-template-columns: repeat(2, 1fr);
}

.wy-product-items.three_pro {
    grid-template-columns: repeat(3, 1fr);
}

.wy-product-items.four_pro {
    grid-template-columns: repeat(4, 1fr);
}

.wy-product-items.one_pro {
    grid-template-columns: repeat(1, 1fr);
}

.wy-product-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
    text-decoration: none;
    color: #333;
}

.circleborder {
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 10px;
    box-sizing: border-box;
}


.mt-10 {
    margin-top: 10px;
}

.wy-product-item img {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 8px;
}

.wy-product-item-title {
    font-size: 14px;
    margin-bottom: 5px;
    word-wrap: break-word;
    white-space: normal;
    text-align: left !important;
}

.line-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.line-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.line-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wy-product-item-price {
    font-size: 12px;
    color: #d81e06;
    font-weight: bold;
    word-wrap: break-word;
    white-space: normal;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

@keyframes cartColorChange {
    from {
        background-color: #ff6b35;
    }
    to {
        background-color: #ffd133;
    }
}

.add-to-cart {
    cursor: pointer;
    transition: all 0.3s;
    margin-left: 10px;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-color: #ff6b35;
    animation: cartColorChange 3s infinite alternate;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1028 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M382.22399902 713.70898438q14.08996583 0 26.69677735 5.19104004t21.87652587 14.46075439 14.83154297 21.87652588 5.56182862 26.69677734-5.56182862 26.69677734-14.83154297 21.87652589-21.87652587 14.83154296-26.69677734 5.56182862q-14.83154297 0-27.4383545-5.56182862t-21.87652588-14.83154296-14.83154297-21.87652589-5.56182861-26.69677734 5.56182861-26.69677734 14.83154297-21.87652588 21.87652588-14.46075439 27.4383545-5.19104005zM690.72009278 715.19213867q14.08996583 0 27.06756591 5.19104005t22.24731446 14.46075438 14.83154297 21.87652588 5.5618286 26.69677735-5.5618286 26.69677734-14.83154297 21.87652588-22.24731446 14.83154297-27.06756592 5.56182862-26.69677734-5.56182862-21.87652588-14.83154297-14.83154297-21.87652588-5.56182861-26.69677734 5.56182861-26.69677735 14.83154297-21.87652588 21.87652588-14.46075438 26.69677734-5.19104005zM815.30505372 293.97631836q20.76416016 0 32.25860595 5.56182862t16.31469726 13.71917724 4.44946289 17.42706299-2.59552002 15.94390869-9.64050293 27.43835449-15.94390869 45.60699463-17.05627441 49.31488037-13.71917725 38.56201172q-9.64050293 29.66308594-24.10125732 41.15753174t-35.9664917 11.49444579l-25.9552002 0-47.4609375 0-62.29248047 0-69.70825195 0-183.9111328 0 10.38208006 66.74194337 374.49645997 0q35.59570313 0 35.59570312 30.40466308 0 14.83154297-7.04498291 25.9552002t-27.80914306 10.38208008l-35.59570312 0-68.22509767 0-86.02294922 0-86.76452636 0-71.9329834 0-40.04516602 0q-14.83154297 0-24.84283446-6.67419434t-16.68548585-17.42706299-10.75286865-23.35968017-6.30340576-23.73046875q-0.74157715-4.44946289-4.07867432-21.50573731t-8.15734863-42.64068604-10.75286866-57.10144042-11.86523437-63.40484619q-14.08996583-74.899292-31.88781738-166.85485841l-55.61828614 1e-8q-11.12365723 0-18.5394287-5.56182861t-12.23602295-13.34838868-6.67419434-16.68548583-1.85394287-16.31469727q0-14.83154297 10.01129151-24.4720459t27.06756591-8.89892578l74.89929199 0q14.83154297 0 23.73046875 4.44946289t14.08996583 11.12365723 7.41577148 13.71917724 3.70788574 12.23602295q1.4831543 5.93261719 2.96630859 16.68548584t2.96630859 21.87652588q2.22473145 13.34838867 4.4494629 28.17993164l507.23876953 0zM787.86669922 359.97668457l-464.22729492-1.48315429 25.9552002 134.22546386 387.84484863 0.74157715z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1028 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M382.22399902 713.70898438q14.08996583 0 26.69677735 5.19104004t21.87652587 14.46075439 14.83154297 21.87652588 5.56182862 26.69677734-5.56182862 26.69677734-14.83154297 21.87652589-21.87652587 14.83154296-26.69677734 5.56182862q-14.83154297 0-27.4383545-5.56182862t-21.87652588-14.83154296-14.83154297-21.87652589-5.56182861-26.69677734 5.56182861-26.69677734 14.83154297-21.87652588 21.87652588-14.46075439 27.4383545-5.19104005zM690.72009278 715.19213867q14.08996583 0 27.06756591 5.19104005t22.24731446 14.46075438 14.83154297 21.87652588 5.5618286 26.69677735-5.5618286 26.69677734-14.83154297 21.87652588-22.24731446 14.83154297-27.06756592 5.56182862-26.69677734-5.56182862-21.87652588-14.83154297-14.83154297-21.87652588-5.56182861-26.69677734 5.56182861-26.69677735 14.83154297-21.87652588 21.87652588-14.46075438 26.69677734-5.19104005zM815.30505372 293.97631836q20.76416016 0 32.25860595 5.56182862t16.31469726 13.71917724 4.44946289 17.42706299-2.59552002 15.94390869-9.64050293 27.43835449-15.94390869 45.60699463-17.05627441 49.31488037-13.71917725 38.56201172q-9.64050293 29.66308594-24.10125732 41.15753174t-35.9664917 11.49444579l-25.9552002 0-47.4609375 0-62.29248047 0-69.70825195 0-183.9111328 0 10.38208006 66.74194337 374.49645997 0q35.59570313 0 35.59570312 30.40466308 0 14.83154297-7.04498291 25.9552002t-27.80914306 10.38208008l-35.59570312 0-68.22509767 0-86.02294922 0-86.76452636 0-71.9329834 0-40.04516602 0q-14.83154297 0-24.84283446-6.67419434t-16.68548585-17.42706299-10.75286865-23.35968017-6.30340576-23.73046875q-0.74157715-4.44946289-4.07867432-21.50573731t-8.15734863-42.64068604-10.75286866-57.10144042-11.86523437-63.40484619q-14.08996583-74.899292-31.88781738-166.85485841l-55.61828614 1e-8q-11.12365723 0-18.5394287-5.56182861t-12.23602295-13.34838868-6.67419434-16.68548583-1.85394287-16.31469727q0-14.83154297 10.01129151-24.4720459t27.06756591-8.89892578l74.89929199 0q14.83154297 0 23.73046875 4.44946289t14.08996583 11.12365723 7.41577148 13.71917724 3.70788574 12.23602295q1.4831543 5.93261719 2.96630859 16.68548584t2.96630859 21.87652588q2.22473145 13.34838867 4.4494629 28.17993164l507.23876953 0zM787.86669922 359.97668457l-464.22729492-1.48315429 25.9552002 134.22546386 387.84484863 0.74157715z'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.add-to-cart:hover {
    background-color: #ffd133;
    transform: scale(1.1);
}

/* 排序按钮样式 */
.pro-sort .weui-flex__item .sort-item strong {
    font-weight: bold;
    font-size: 16px;
}

.pro-sort .weui-flex__item .sort-item {
    font-weight: bold;
    font-size: 16px;
}