:root {
    --tab-mask-url: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkCAYAAADvhSSyAAAACXBIWXMAAAsTAAALEwEAmpwYAAABbUlEQVR4nO3d4U3CUBSG4beJA9QNcAJhAtnAOoGOwCaOoBvoCDgBOIHdQDbAH7cJMaHtxcJB6/skJ6Thptw/H+cSktOCn5kCc+AWKJtraaxqYA28A8/N9cktgE9ga1n/tBYcqDhw/QtQHfoh0gitgdkpbrzg/N8klvWbKruz5Xa0CbAi/R6TtDMjdbdOF5k3qzBk0j4VRwzazbC9SKN1nbMo9+j4QTo+SvpuA1z2LcoN2nbYXqRR681R7tFR0gAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNGq4kjTRolRM0x31L3Sb0TMLKCZqTiaVu9/QErW+oyAQHp0p9NqRBqnXbgq6glcATdjQpRw1ctb3ZFrQSeAQejr8fabRegbvcxXPScfHcDxCwrL9YK/Y0qILdgwSnpNHfHhWl4ZbAW/O6LEgplHRC/mEtBfgClkhxraFbr7gAAAAASUVORK5CYII=);
}

.tabBarRootClass .el-tabs__nav-scroll {
    width: 100%;
}

.tabBarRootClass .el-tabs__nav-next,
.tabBarRootClass .el-tabs__nav-prev {
    width: 20px;
    height: 48px;
    line-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 5px;
}

.tabBarRootClass .el-tabs__header {
    border-bottom: 0 !important;
}

.tabBarRootClass .el-tabs__header .el-tabs__nav {
    border: 0 !important;
    display: flex;
}

.tabBarRootClass .el-tabs__header .el-tabs__nav-wrap {
    display: flex;
    align-items: center;
}

.tabBarRootClass .el-tabs__header .el-tabs__item {
    display: flex;
    align-items: center;
    height: 38px;
    padding: 0 30px 0 30px !important;
    margin-top: 5.95px;
    margin-right: -18px;
    line-height: 38px;
    text-align: center;
    border: 0;
    outline: none;
    -webkit-mask: var(--tab-mask-url) !important;
    mask: var(--tab-mask-url) !important;
    -webkit-mask-size: 100% 100% !important;
    mask-size: 100% 100% !important;
    transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

.tabBarRootClass .el-tabs__header .el-tabs__item+.el-tabs__item {
    border-left: none;
}

.tabBarRootClass .el-tabs__header .el-tabs__item.is-closable:hover {
    padding: 0 30px 0 30px !important;
}

.tabBarRootClass .el-tabs__header .el-tabs__item.is-active {
    padding: 0 30px 0 30px !important;
    color: var(--el-color-primary);
    background: var(--el-color-primary-light-9);
    outline: none;
    border-bottom: 1px solid black;
}

.tabBarRootClass .el-tabs__header .el-tabs__item.is-active:hover {
    padding: 0 30px 0 30px !important;
    color: var(--el-color-primary);
    background: var(--el-color-primary-light-9);
}

.tabBarRootClass .el-tabs__header .el-tabs__item.is-active.is-closable {
    padding: 0 30px 0 30px !important;
}

.tabBarRootClass .el-tabs__header .el-tabs__item:hover {
    padding: 0 30px 0 30px !important;
    color: var(--el-color-black);
    background: #dee1e6;
}

.el-tabs__item .is-icon-close svg {
    margin-top: 0;
}

.el-tabs--card>.el-tabs__header .el-tabs__item .is-icon-close {
    top: 0;
}

.el-divider__text.is-center {
    width: auto;
}

.el-divider__text {
    padding: 0 10px;
}