@import '../../style/variable.scss';

.x-menu{
    flex: 1;
    &-horizontal{
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 .15rem;
        li{
            float: left;
            font-size: .16rem;
            padding: 0 .46rem;
            cursor: pointer;
            line-height: .58rem;
            border-bottom: 2px solid transparent;
        }
        li.active,
        li:hover{
            color: $theme-active;
        }
        li.active{
            border-bottom-color: $theme-active;
        }
    }
}