.tabs__header {
    height: 5rem;
    padding-left: 4rem;
    padding-right: 4rem;
    padding-top: 2.5rem;
    line-height: 2.5rem
}
 .tabs__item {
    height: 100%;
    width: 18.75rem;
    padding-bottom: 1.5rem;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.25rem;
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity, 1))
}
 .is-active {
    --tw-text-opacity: 1;
    color: rgb(214 39 27 / var(--tw-text-opacity, 1))
}
 .tabs__active-bar {
    --tw-bg-opacity: 1;
    background-color: rgb(214 39 27 / var(--tw-bg-opacity, 1))
}
.tabs__nav-wrap {
    flex: 1 auto;
    margin-bottom: -0.0625rem;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #e5e7eb;
}
.tabs__nav-scroll{
    overflow: hidden;
}

.tabs__nav{
    display: flex;
    float: left;
    position: relative;
    transition: transform var(--el-transition-duration);
    white-space: nowrap;
    z-index: calc(var(--el-index-normal) + 1);
}

.fw {
    background: url('/images/serviceProducts/dztzBg.png');
    background-size: 100% 100%;
}

.risk-bg{
    background: url('/images/serviceProducts/fxglzc.png');
    background-size: 100% 100%;
}

.mask {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}

.p-bg{
    background: url('/images/serviceProducts/philosopy-bg.png');
    background-size: 100% 100%;
}

.mode-bg{
    background: url('/images/serviceProducts/mode-bg.png');
    background-size: 100% 100%;
}
.m-bg{
    background: url('/images/serviceProducts/mechanism-bg.png');
    background-size: 100% 100%;
}