/**
 *@author: lyc
 *@updateTime: 2020-05-18
 */

.aside {
    width: 272px;
}

.aside-item-text:hover {
    color: #4dbfd2;
    font-weight: 700;
}

.aside-item-text {
    display: block;
    margin-top: -1px;
    padding: 0 32px;
    border: 1px solid #e8e8e8;
    line-height: 46px;
    transition: all .3s;
    color: #666;
    background: #fff;
}

.active .aside-item-text {
    background: #4dbfd2;
    color: #fff;
    border-color: #4dbfd2;
    line-height: 60px;
    text-align: center;
}

@media (max-width: 1200px) {

    .aside {
        width: 245px;
    }

    .aside-item-text {
        padding: 0 24px;
    }
}

@media (max-width: 991px ) {
    .aside-box{
        position: relative;
        left: -19px;
        display: flex;
        justify-content: center;
        width: 100vw;
        overflow-x: scroll;
        overflow-y: hidden;
        border-bottom: 1px solid #EDEDED;
    }

    .aside {
        display: flex;
        /*justify-content: center;*/
        width: auto;
        min-width: 10px;
        white-space:nowrap;
    }
    .aside-more{
        justify-content: flex-start;
    }
    /*.aside::after{*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    left: 0;*/
    /*    right: 0;*/
    /*    height: 0;*/
    /*    margin-top: 62px;*/
    /*    border-top: 1px solid #EDEDED;*/
    /*    clear: both;*/
    /*}*/
    .aside-item{
        width: auto;
        padding: 0;
        margin: 0 10px;
        border: none;
        font-size: 2.143rem;
        text-align: center;
    }

    .aside-item-text{
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 3px 0 0;
        margin: 0 14px;
        border: none;
        border-bottom: 3px solid transparent;
        line-height: 3.2;
        color: #8A8A8A;
    }
    .active .aside-item-text{
        color: #333;
        line-height: 3.2;
        background: transparent;
        border-bottom-color: #4dbfd2;
    }
    /*.active .aside-item-text:after{*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    width: 25px;*/
    /*    height: 3px;*/
    /*    margin-top: 30px;*/
    /*    background: #4dbfd2;*/
    /*}*/
}

@media (max-width: 576px) {
    .aside::after{
        margin-top: 43px;
    }
    /*.active .aside-item-text:after{*/
    /*    margin-top: 20px;*/
    /*}*/
    .aside-item{
        padding: 0;
    }
}