.tab-tit-box001 {
    display: flex;
    font-weight: normal;
}

.tab-tit-box001 .tab-tit {
    line-height: 1;
    position: relative;
    margin-right: 0.38rem;
    font-size: 0;
}

.tab-tit-box001 .tab-tit a {
    color: #333333;
    font-size: 0.32rem;
}

.tab-tit-box001 .tab-tit .arrow {
    width: 0;
    height: 0;
    font-size: 0;
    border: 0.08rem solid transparent;
    border-top-color: #fdc609;
    border-bottom-width: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -0.17rem;
    opacity: 0;
}

.tab-tit-box001 .tab-tit+.tab-tit::before {
    display: none;
}

.tab-tit-box001 .tab-tit+.tab-tit .cir {
    content: "";
    width: 0.08rem;
    height: 0.08rem;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -0.23rem;
    background-color: #B5B3B3;
}

.tab-tit-box001 .tab-tit.cur {
    font-weight: bold;
}

.tab-tit-box001 .tab-tit.cur .arrow {
    opacity: 1;
}

.tab-tit-box001 .tab-tit.cur a {
    color: var(--ruifox-color-primary-1) !important;
}

@media (max-width: 960px) {
    .tab-tit-box001 .tab-tit {
        margin-right: 14px !important;
    }

    .tab-tit-box001 .tab-tit a {
        font-size: 0.2rem !important;
    }

    .tab-tit-box001 .tab-tit+.tab-tit .cir {
        left: -9px !important;
        width: 4px !important;
        height: 4px !important;
    }
}

@media (max-width: 400px) {
    /* .tab-tit-box001 {
        max-width: 227px;
        overflow-x: auto;
        height: 35px;
        top: 6px;
        position: relative;
      } */

    .tab-tit-box001 .tab-tit {
        margin-right: 14px !important;
        height: fit-content;
    }

    .tab-tit-box001 .tab-tit a {
        white-space: nowrap;
    }
}