.menu {
    padding: 0;
}

    .menu .list {
        background: #fff;
        padding: 0 0 20px 0;
    }

    .menu .title {
        line-height: 70px;
        color: #fff;
        font-size: 24px;
        /*font-weight: bold;*/
        padding: 0 20px 0 70px;
        margin-bottom: 20px;
        background: url(../images/icon_list.png)#0267BF no-repeat 30px center / 26px auto;
    }

    .menu .item {
        padding: 0 20px 0 40px;
    }

        .menu .item a {
            display: block;
            position: relative;
            line-height: 50px;
            color: #474747;
            font-size: 20px;
            /*font-weight: bold;*/
            padding-left: 20px;
        }

        .menu .item:hover a,
        .menu .item.active a {
            color: #0267BF;
        }

            .menu .item:hover a::after,
            .menu .item.active a::after {
                content: '';
                position: absolute;
                top: 15px;
                left: 0;
                height: 20px;
                width: 5px;
                border-radius: 5px;
                background: #0267BF;
            }

.datas {
    margin-left: 20px;
    padding: 0;
    min-width: 0;
}

    .datas .list {
        padding: 15px 30px 20px 30px;
        background: #fff;
    }

        .datas .list ul li {
            position: relative;
            width: 100%;
            line-height: 52px;
            background: url(../images/icon_li.png) no-repeat center left / 11px auto;
            border-bottom: 1px solid #D0D0D0;
        }

            .datas .list ul li a {
                display: block;
                color: #000;
                font-size: 17px;
                /*font-weight: bold;*/
                padding: 0 100px 0 20px;
            }

                .datas .list ul li a:hover {
                    color: #0267BF;
                }

            .datas .list ul li span {
                position: absolute;
                top: 0;
                right: 0;
                font-family: 'Candaraz';
                font-size: 17px;
                color: #5A5A5A;
            }

@media screen and (max-width:768px) {

    .datas {
        margin: 0;
        min-width: unset;
    }

    .menu .title {
        width: 100%;
    }

    .menu .list {
        display: flex;
        flex-wrap: wrap;
    }

    .menu .item {
        padding: 0 20px;
    }
}

@media screen and (max-width:640px) {
    .datas .list {
        padding: 15px;
    }

        .datas .list ul li a {
            font-size: 16px;
        }

        .datas .list ul li span {
            font-size: 15px;
        }

        .datas .list ul li a {
            padding-right: 76px;
        }

    .menu .title {
        font-size: 20px;
        line-height: 60px;
    }

    .menu .item a {
        font-size: 16px;
        line-height: 40px;
    }

    .menu .item:hover a::after,
    .menu .item.active a::after {
        top: 10px;
    }
}