.pc{
    position: fixed;
}
.warp{
    position: fixed;
    top:60px;
}



.product-list-page{
    /* margin-top: 60px; */
    /* position: absolute; */
}
.pl-brand {
    width: 192rem;
    height: 80rem;
    /* position: relative; */
}
.pc-style{
    display:block;
}
.phone-style{
    display:none;
}

.brand-img {
    width: 100%;
}
.brand-txt-phone{
    display:none;
}
.brand-txt {
    /* font-family: Rany-Medium; */
    font-size: 6rem;
    color: #FFFFFF;
    position: absolute;
    top: 44rem;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}
.brand-txt-phone {
    display: none;
}
.pl-table {
    width: 100%;
    background-color: #FFFFFF;
}
.pl-tag-list {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 12rem;
    background-color: #eeeeee;
}
.pl-tag {
    width: 20rem;
    height: 7.5rem;
    margin-top: 4.5rem;
    border-radius: 0.5rem 0.5rem 0 0;
    font-size: 2rem;
    text-align: center;
    line-height: 7.5rem;
    font-family: Rany;
    color: #7D7D7D;
    background-color: #eeeeee;
    transition: all 0.5s;
    cursor: pointer;
}
.pl-tag.active {
    font-family: Rany-Bold;
    color: #F9B943;
    background-color: #FFFFFF;
}
.pl-select {
    position: relative;
    width: 21.5rem;
    height: 6rem;
    margin-left: 26rem;
    margin-top: 4.2rem;
}
.wireless-select,
.knx-select {
    width: 100%;
    height: 100%;
    padding-left: 2.6rem;
    font-family: Rany;
    font-size: 2.4rem;
    border: 0.3rem solid #d1d1d1;
    background-color: #fff;
    color: #000;
    border-radius: 1.0rem;
    cursor: pointer;
}
.pl-select.active .wireless-select,.pl-select.active .knx-select {
    border-radius: 1.0rem 1.0rem 0 0;
    border-bottom: 0rem transparent;
}
.custom-options {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 20rem;
    overflow-y: auto;
    background-color: #fff;
    border: 0.3rem solid #d1d1d1;
    border-top: 0;
    border-radius: 0 0 1.0rem 1.0rem;
    display: none;
    z-index: 1000;
}

.option {
    /* padding: 0rem 2rem; */
    margin: 0 2rem;
    font-family: Rany;
    min-height: 6rem;
    line-height: 6rem;
    font-size: 2.4rem;
    color: #333;
    border-top: 0.1rem solid #eee;
    cursor: pointer;
}

.option:hover {
    background-color: #f0f0f0;
    color: #000;
}

/* 下拉箭头（保留原有伪元素） */
.pl-select::after {
    content: '';
    position: absolute;
    right: 2.9rem;
    top: 2.45rem;
    width: 2.1rem;
    height: 1.1rem;
    background-image: url('/assets/img/support/downloadCenter/arrow.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
}

.pl-select.active::after {
    background-image: url('/assets/img/support/downloadCenter/arrow-active.png');
}
.pl-list {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    margin: 14rem 29.9rem 0rem;
    padding-bottom: 14rem;
}
.pl-list .pl-item {
    width: 30rem;
    height: 47rem;
    text-align: center;
    margin: 0 7rem;
    cursor: pointer;
}
.pl-item .pl-img {
    width: 100%;
    height: 30rem;
}
.pl-item .pl-img img {
    width: 100%;
    height: 100%;
    background-color: #FAFAFA;
    border-radius: 50%; 
    object-fit: cover; 
}
.pl-item .pl-title {
    width: 100%;
    margin-top: 1rem;
    font-family: Rany-Bold;
    font-size: 3rem;
    color: #000;
}
.pl-item .pl-message {
    width: 100%;
    margin-top: 2.5rem;
    font-family: Rany;
    font-size: 1.8rem;
    color: #000;
}
.footerTable {
    margin-top: 0rem;
}