#courseTupu{background:#fff}
.newTupuNavBg{background: #F2F4F7;border-radius:100px}
.newTupuNav{width:1100px;margin:0 auto;margin-right:100px;position: relative;}
.newTupuNav .newTuBtn{position: absolute;top:0px;right:-100px;border-radius:0 100px 100px 0;background:linear-gradient(270deg,rgba(242, 244, 247, 1) 82%,rgba(242, 244, 247, 0));
    width:130px;height:46px;display: flex;align-items: center;justify-content: center;z-index: 3;box-sizing: border-box;padding-left:30px}
.newTupuNav .swiper{height:36px;padding:5px;}
.newTupuNav .swiper-button{top:auto;display: inline-block;width:32px;height: 32px;position: sticky;margin:0 8px}
.newTupuNav .newTuBtn::before{
    position: absolute;
    content: '';
    width:1px;
    height: 12px;background: #f1edff;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.newTupuNav .swiper-button::after{
    display: block;width: 32px;height: 32px;content: "";background: url(../../images/pageArr2.png) no-repeat center center;
    background-size: 100%;
}
.newTupuNav .swiper-button-prev::after{transform: rotate(-180deg);}
.newTupuNav .swiper-slide{
    height: 36px;
    line-height: 36px;
    border-radius:17px;
    padding:0 20px;
    text-align: center;
    width: auto !important;
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    cursor: pointer;
    font-size:14px;
    color:#474C59
}
.newTupuNav .swiper-slide:hover{
    background: #fff;
    color:#474C59
}
.newTupuNav .clickActive,.newTupuNav .clickActive:hover{
    background: #3A8BFF;
    color: #fff;
}