.C--tab {
    display: block;
    position: relative;
    .tab__header {
        display: block;
        position: relative;
        overflow: hidden;
        border-bottom: 1px solid $border-color;
        .header__lists {
            display: block;
            margin: 0;
            padding: 0;
            overflow: auto;
            list-style: none;
            font-size: 0;
            line-height: 0;
            white-space: nowrap;
            text-align: center;
            .list__item {
                display: inline-block;
                margin: 0;
                padding: 0 12px;
                vertical-align: top;
                list-style: none;
                border-bottom: 3px solid transparent;
                -webkit-transition: all .2s;
                transition: all .2s;
                &:hover {
                    a {
                        color: $text-color;
                    }
                }
                &.-current-item {
                    border-bottom-color: $secondary-color;
                    a {
                        color: $secondary-color;
                    }
                }
                a {
                    display: block;
                    padding: 12px 0;
                    font-size: 1.6rem;
                    font-weight: 600;
                    color: #777;
                    text-decoration: none;
                    line-height: 1.7;
                    -webkit-transition: color .2s;
                    transition: color .2s;
                }
            }
        }
    }
    .tab__body {
        display: block;
        position: relative;
        margin-top: 40px;
        .body__item {
            display: none;
            &.-current-item {
                display: block;
            }
        }
    }
}