.e-tabs {
    background: #ffffff;
    z-index: 90;
    width: 1920px;
    margin: 0 auto;
}
@media screen and (max-width: 1920px) {
    .e-tabs {
        width: auto;
    }
}
.e-tabs.is-float .e-tabs__wrapper {
    position: fixed;
    top: 0;
    z-index: 90;
}

.e-tabs .e-tabs__wrapper {
    position: relative;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #ffffff;
    border-bottom: 1px solid #d8d8d8;
    z-index: 90;
}

.e-tabs .e-tabs__list {
    width: 1300px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    transition: padding 0.2s, max-width 0.3s;
}

.e-tabs .e-tabs__list::before,
.e-tabs .e-tabs__list::after {
    display: table;
    content: "";
}

.e-tabs .e-tabs__list::after {
    clear: both;
}

.e-tabs .e-tabs__tab {
    float: left;
    margin-right: calc(60rem / 14);
}

.e-tabs .e-tabs__tab .e-tabs__tab-inner {
    color: #7a7a7a;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.3s;
}

.e-tabs .e-tabs__tab:hover .e-tabs__tab-inner,
.e-tabs .e-tabs__tab.is-active .e-tabs__tab-inner {
    color: #005096;
}

.e-tabs .e-tabs__bar {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 2px;
    background: #005096;
    transition: width 0.3s, left 0.3s, right 0.3s;
}