.menu-4 {
    flex: 1;
}

.menu-4-item {
    padding: 10px;
}

.menu-4-item > img {
    width: 100%;
    height: 240px;
    cursor: pointer;
}

.data-menu {
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid var(--theme-color);
}

.data-tab-title {
    display: flex;
    align-items: center;
    font-size: 22px;
    padding: 4px 0;
}

.data-tab-title > b {
    width: 5px;
    height: 30px;
    background: linear-gradient(to top, var(--theme-color), #38BDE9);
}

.data-tab-title > span {
    margin-left: 10px;
    color: var(--theme-color);
}

.data-more {
    display: flex;
    align-items: center;
    color: #868686;
    cursor: pointer;
}

.pic-img-list {
    display: flex;
    justify-content: space-between;
}


@media (max-width:648px){
    .data-menu {
        margin-top: 10px;
    }

    .data-tab-title {
        font-size: 18px;
        padding-bottom: unset;
    }

    .data-tab-title > span {
        margin-left: 4px;
    }

    .data-tab-title > b {
        width: 4px;
        height: 22px;
    }

    .pic-img-list {
        flex-direction: column;
    }

    .mg-l_20 {
        margin-left: unset !important;
    }

}