.product-card:hover .popular-card-btm>p{
    color: #03469d;
}
.product-card:hover .dynamic-btn a{
    color: #be0707;
}

.popular-card-btm {
    padding: 10px 0 20px;
}

.popular-card-btm h3 {
    font-size: 16px;
    color: #999999;
}

.popular-card-btm>p {
    font-size: 24px;
    margin-top: 10px;
}


.dynamic-btn {
    margin-top: 20px;
}

.dynamic-btn a {
    display: flex;
    align-items: center;
    font-size: 18px;
    gap: 10px;
    color: #03469d;
}

.imageshw::before {
    background: linear-gradient(135deg, transparent, #b32424);
    opacity: .7;
}
.rightbtn{
    width: 16px;
    height: 16px;
    font-weight: 300;
}

.robtnrig i{
    transform:rotate(180deg);
    font-weight:600;
}


/* 分页 */
.paging-box {
    padding-top: 60px;
    display: flex;
    justify-content: center;
}
    .paging-box .page > div{
        display:flex;
        align-items:center;
        gap:10px;
    }
    .paging-box a {
        width: 35px;
        height: 35px;
        font-size: 18px;
        border-radius: 50%;
        border: 1px solid #eeeeee;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .paging-box .page .current {
        width: 35px;
        height: 35px;
        font-size: 18px;
        border-radius: 50%;
        border: 1px solid #eeeeee;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #03469d;
        color: #ffffff;
    }

    .paging-box .prev, .paging-box .next {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        border: 1px solid #eeeeee;
        display: flex;
        justify-content: center;
        align-items: center;
    }
        .paging-box .prev:hover, .paging-box .next:hover {
            background-color:#03469d;
            color:#ffffff;
        }


        @media only screen and (max-width: 1440px) {

            .product-card {
                gap: 10px;
            }

            .popular-card-btm {
                padding: 5px 0 10px;
            }

                .popular-card-btm h3 {
                    font-size: 12px;
                }

                .popular-card-btm > p {
                    font-size: 18px;
                    margin-top: 5px;
                }


            .dynamic-btn {
                margin-top: 10px;
            }

                .dynamic-btn a {
                    font-size: 14px;
                    gap: 6px;
                }


            .rightbtn {
                width: 12px;
                height: 12px;
                font-weight: 300;
            }
        }

@media only screen and (max-width: 769px) {

    .popular-card-btm h3 {
        font-size: 14px;
    }


}