/* 公共头 */
.publicHeader {
    min-height: 2rem;
}
.publicHeader .content {
    padding: 0.3rem 0;
}
.publicHeader .part-one {
    height: 0.58rem;
    padding: 0 0 0.25rem 0;
}
.publicHeader .part-one .logo {
    width: 1.46rem;
    margin: 0.07rem 0 0 0.3rem;
}
.publicHeader .part-one .search-box {
    width: 2rem;
    height: 0.58rem;
    line-height: 0.58rem;
    background: #fff;
    padding: 0 0.2rem;
    margin: 0 0 0 0.7rem;
    border-radius: 0.3rem;
}
.publicHeader .part-one .search-icon {
    width: 0.24rem;
    margin: 0.17rem 0.08rem 0 0;
}
.publicHeader .part-one .search-input {
    width: 1.6rem;
    font-size: 0.22rem;
    color: #212121;
    line-height: 0.58rem;
}
.publicHeader .part-one .gift-link {
    width: 1.6rem;
    height: 0.58rem;
    line-height: 0.58rem;
    margin: 0 0 0 0.2rem;
    border-radius: 0.3rem;
    background-color: #ffefdf;
    font-size: 0.22rem;
    color: #212121;
    text-align: center;
}
.publicHeader .part-one .gift-link img {
    width: 0.24rem;
    margin: -2px 0 0 0;
}
.publicHeader .part-one .bell-link {
    display: block;
    width: 0.36rem;
    margin: 0.10rem 0.3rem 0 0;
}
.publicHeader .part-two .swiper-slide a {
    display: block;
    height: 0.6rem;
    line-height: 0.5rem;
    font-size: 0.3rem;
    color: #4f4e4e;
    text-align: center;
}
.publicHeader .part-two .swiper-slide a.active {
    font-size: 0.32rem;
    color: #323232;
    font-weight: bolder;
    background: url('../images/index_2025/nav-active@3x.png') no-repeat center bottom;
    background-size: 0.3rem auto;
}

.publicHeader .fixed {
    left: 0;
    top: 0;
    width: 100%;
    position: fixed;
    z-index: 999;
    background: #f6f6f6;
    box-shadow: 0 0 5px #ccc;
}

/* 公共尾部 */
.publicFooter {
    padding: 0.2rem 0.3rem;
    background: #1e5ab7;
    line-height: 160%;
    color: #fff;
    font-size: 0.22rem;
}


/* 底部悬浮导航 */
.bottom-padding {
    padding-bottom: 1.5rem;
}
.bottom-nav {
    width: 100%;
    position: fixed;
    z-index: 999;
    height: 1.5rem;
    background-color: #ffffff;
    box-shadow: 0 0 5px #ccc;
    left: 0;
    bottom: 0;
}
.bottom-nav .item {
    text-align: center;
    height: 1.5rem;
    font-size: 0.24rem;
    color: #666666;
}
.bottom-nav .item .icon {
    margin: 0.32rem 0 0.12rem 0;
    display: inline-block;
    width: 0.46rem;
    height: 0.46rem;
}
.bottom-nav .active {
    color: #0e50a7;
    font-weight: bolder;
}
.bottom-nav .item .icon01 {
    background: url('../images/index_2025/bottom-icon01.png') no-repeat center center;
    background-size: cover;
}
.bottom-nav .item .icon02 {
    background: url('../images/index_2025/bottom-icon02.png') no-repeat center center;
    background-size: cover;
}
.bottom-nav .item .icon03 {
    background: url('../images/index_2025/bottom-icon03.png') no-repeat center center;
    background-size: cover;
}
.bottom-nav .item .icon04 {
    background: url('../images/index_2025/bottom-icon04.png') no-repeat center center;
    background-size: cover;
}
.bottom-nav .active .icon01 {
    background: url('../images/index_2025/bottom-icon01-active.png') no-repeat center center;
    background-size: cover;
}
.bottom-nav .active .icon02 {
    background: url('../images/index_2025/bottom-icon02-active.png') no-repeat center center;
    background-size: cover;
}
.bottom-nav .active .icon03 {
    background: url('../images/index_2025/bottom-icon03-active.png') no-repeat center center;
    background-size: cover;
}
.bottom-nav .active .icon04 {
    background: url('../images/index_2025/bottom-icon04-active.png') no-repeat center center;
    background-size: cover;
}