.mianLi:nth-child(2) svg{
    display: none;
}

.lastLi{
    display: none;
}

.cp_list {
    width: 100%;
    margin-bottom: 5vw;
}

.cp_fen {
    background: #3B9EDD;
    border-radius: 0px 50px;
    height: 136px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.cp_fen span{
    color: #fff;
    font-family: 'Satoshi-Bold';
    text-align: center;
}

.filter{
    width: 100%;
}

.filter_nav {
    position: relative;
    border-top: 4px solid #EDEFF2;
}

.filter_nav li {
    padding-top: 20px;
    position: relative;
    cursor: pointer;
}

.filter_nav li:before{
    content: '';
    position: absolute;
    width: 0%;
    height: 4px;
    background: var(--yx_Color);
    border-radius: 2px;
    top: -4px;
    transition: 0.5s all;
}

.filter_nav li div {
    font-size: 16px;
    color: #333333;
    text-align: center;
    font-family: 'Satoshi-Bold';
    padding: 0 1vw;
}

.filter_nav li.on div{
    color: var(--yx_Color);
}

.filter_nav li:hover div{
    color: var(--yx_Color);
}

.filter_nav li.on:before{
    width: 100%;
}

.filter_nav li:hover:before{
    width: 100%;
}

.cpLi {
    background: #F7F8FC;
    border-radius: 0px 50px;
    overflow: hidden;
}

/* —————— 内容区域平滑过渡 —————— */
.cp_lie .swiper-wrapper {
  opacity: 1;
  transition: opacity 0.35s ease-in-out;
}

.cp_lie .swiper-wrapper.loading {
  opacity: 0.4;
}

/* —————— 居中提示文字（Loading / No data / Error） —————— */
.cp_lie .placeholder-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 120px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%!important;
      background: transparent!important;
}

.cp_lie .placeholder-slide .noDate {
  margin: 0;
  color: #999;
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
}

/* —————— 正常内容保持原有布局 —————— */
.cp_lie .cpLi:not(.placeholder-slide) {
  display: block;
}

.cp_img {
    width: 100%;
    padding-bottom: 95%;
    position: relative;
    overflow: hidden;
}

.cp_img img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.cp_title {
    margin: 20px 2vw;
    width: calc(100% - 4vw);
    min-height: 80px;
    text-align: center;
    color: #333333;
    font-family: 'Satoshi-Bold';
    line-height: 1.4;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.noDate {
    background: #fff;
    text-align: center;
    font-family: 'Satoshi-Bold';
    color: #333;
}

.cp_lie_pagination {
    width: 100%;
    margin-top: 3vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cp_lie_pagination .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    background: #D9D9D9;
    border-radius: 11px;
    display: block;
    margin: 0 5px;
    transition: 0.6s;
    cursor: pointer;
    outline: none;
}

.cp_lie_pagination .swiper-pagination-bullet-active{
    width: 33px;
    background: var(--yx_Color);
}


.cpLi:hover img{
    transform: translate(-50%, -50%) scale(1.05);
}

.cpLi:hover .cp_title{
    color: var(--yx_Color);
}


@media only screen and (min-width: 768px) {
    .filter_nav {
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }
}

@media only screen and (max-width: 769px) {
    .cp_fen{
        border-radius: 0px 30px;
        height: 70px;
    }
    
    .cp_fen span{
        font-size: 20px;
        padding: 0 20px;
    }
    
    .cpLi{
        border-radius: 0 30px;
    }
    
    .cp_list{
        margin-bottom: 40px;
    }
    
    .cp_title{
        font-size: 16px;
        min-height: 45px;
    }
    
    .cp_lie_pagination{
        margin-top: 25px;
    }
    
    .filter_nav li div{
        font-size: 14px;
    }
    
    .filter_nav li{
        padding-top: 10px;
    }
}