.info-attr dl{display:flex;align-items:center;line-height:0.26rem;font-size:0.14rem;padding-bottom:0.2rem}.info-attr dt{width:0.9rem;color:var(--text-subtle)}.info-attr dd .text-mark{display:inline-block}.imgs-info{display:flex;margin-bottom:0.4rem}.imgs{width:6.4rem;margin-right:0.6rem}.imgs .pic{border:0.01rem solid #E5E6EB;display:flex;justify-content:center;align-items:center;width:6.4rem;height:6.4rem;border-radius:0.04rem;margin-bottom:0.2rem;overflow:hidden}.imgs .pic img{object-fit:cover;width:100%;height:100%;border-radius:0.04rem}.imgs .thumbs{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:0.2rem}.imgs .thumbs .item{width:1.12rem;height:1.12rem;padding:0.08rem;border-radius:0.08rem;border:0.01rem solid var(--gray-3);overflow:hidden}.imgs .thumbs .item img{object-fit:cover;width:100%;height:100%;border-radius:0.04rem}.imgs .thumbs .item.active{border-color:var(--primary)}.infos{flex:1}.infos .title{font-size:0.24rem;font-weight:500;line-height:1.5;margin:0}.infos .info-top{display:flex;padding:0.2rem 0;margin-bottom:0.04rem}.infos .info-top .item{display:flex;align-items:center;margin-right:0.6rem;color:var(--text-subtle)}.infos .info-top .item img{width:0.16rem;height:0.16rem;margin-right:0.08rem}.infos .price{display:flex;align-items:center;width:100%;height:0.8rem;background:url(/static/home_assets/image/bg-colors.jpg) no-repeat;background-size:cover;border-radius:0.08rem;padding:0 0.2rem;font-size:0.24rem;font-weight:0.5rem;color:#fff;margin-bottom:0.24rem}.infos .price span{font-size:0.14rem;font-weight:400;padding-top:0.06rem}.infos .tip{padding-top:0.14rem;line-height:0.26rem;color:var(--text-subtle);font-size:0.14rem}.btns{display:flex;padding-top:0.08rem}.btns .btn{width:1.2rem;height:0.48rem;margin-right:0.2rem;font-size:0.16rem;border-radius:0.08rem}.btns .btn-default{border:0.01rem solid var(--primary);background:var(--blue-1);color:var(--primary)}.card{border-radius:0.08rem;border:0.01rem solid var(--gray-3)}.card .cate-tab{padding:0}.card .cate-tab li{flex:1;margin:0}.card .items{padding:0 0.2rem;min-height:4rem}.card .items .items-item{display:none;padding-bottom:0.2rem;line-height:1.8;color:var(--text-subtle)}.subtopic{display:flex;align-items:center;font-size:0.16rem;font-weight:500;line-height:0.28rem;margin-bottom:0.2rem;margin-top:0.2rem}.subtopic::before{content:'';width:0.04rem;height:0.16rem;margin-right:0.08rem;background-color:var(--primary)}.certificate{display:flex;padding-bottom:0.24rem}.certificate .item{height:2.84rem;margin-right:0.2rem}.certificate .item img{display:block;width:auto;height:100%}.pagination {
    display: flex;
    justify-content: center;
    margin: 20px 0;
    font-family: Arial, sans-serif;
}

.pagination ul.pagination {
    list-style: none;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
}

.pagination ul.pagination li {
    margin: 0 5px;
}

.pagination ul.pagination li a,
.pagination ul.pagination li span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    text-decoration: none;
    font-size: 16px;
    border-radius: 50%; /* Circular shape */
    transition: all 0.3s ease;
}

/* Default state for links */
.pagination ul.pagination li a {
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
}

/* Hover state for links */
.pagination ul.pagination li a:hover {
    background-color: #e0e0e0;
    border-color: #bbb;
    color: #000;
}

/* Active (current) page */
.pagination ul.pagination li.active span {
    background-color: #007bff; /* Blue background */
    color: #fff; /* White text */
    border: 1px solid #007bff;
    font-weight: bold;
}

/* Disabled state */
.pagination ul.pagination li.disabled span {
    background-color: #f5f5f5;
    color: #aaa;
    border: 1px solid #ddd;
    cursor: not-allowed;
}