.areaNew {
    padding-top: 49px;
    padding-bottom: 102px;
}

.areaNew .newTitle {
    position: relative;
    padding-left: 20px;
    font-size: 24px;
    font-weight: 500;
    display: inline-block;
}

.areaNew .newTitle:before {
    content: "";
    position: absolute;
    background-color: #295dfa;
    width: 8px;
    height: 22px;
    left: 0;
    top: 54%;
    transform: translateY(-50%);
}

.areaNew .newList {
    margin-top: 29px;
}

.areaNew .newList>li {
    display: flex;
    align-items: baseline;
    padding: 22px 40px;
}

.areaNew .newList>li:nth-child(odd) {
    background-color: #f2f2f2;
}

.areaNew .newList>li .listCate li {}

.areaNew .newList>li .listCate li+li {
    margin-top: 5px;
}

.areaNew .newList>li .listCate li a {
    display: inline-block;
    padding: 5.5px 32px 6.5px;
    color: #fff;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 500;
    min-width: 128px;
}

.areaNew .newList>li .listCate li a.yellow {
    color: #000081;
}

.areaNew .newList>li .date {
    position: relative;
    margin-left: 47px;
    color: #5b5959;
    font-size: 14px;
}

.areaNew .newList>li .date:before {
    content: "";
    position: absolute;
    background: url(../images/news/icon-left-date.png) no-repeat center/ cover;
    width: 12px;
    height: 15px;
    top: 53%;
    left: -20.5px;
    transform: translateY(-50%);
}

.areaNew .newList>li .text {
    margin-left: 24px;
    font-size: 16px;
}

.blue {
    background-color: #009aff;
}

.yellow {
    background-color: #fada29;
}

.areaNew .button {
    width: 300px;
    margin: 40px auto 0;
}

.areaNew .button a {
    padding: 15px 0 18.5px;
    text-indent: 21px;
}

.areaNew .button a:before {
    content: none;
}

.areaNew .button a span {
    margin-left: -17px;
    letter-spacing: 1px;
    font-weight: bold;
}

.areaNew .button a.loading {
    opacity: 0.6;
    pointer-events: none;
}

.areaNew .button a.loading span:after {
    content: ' .';
    animation: dots 1s steps(5, end) infinite;
}

@keyframes dots {

    0%,
    20% {
        color: rgba(0, 0, 0, 0);
        text-shadow:
            .25em 0 0 rgba(0, 0, 0, 0),
            .5em 0 0 rgba(0, 0, 0, 0);
    }

    40% {
        color: white;
        text-shadow:
            .25em 0 0 rgba(0, 0, 0, 0),
            .5em 0 0 rgba(0, 0, 0, 0);
    }

    60% {
        text-shadow:
            .25em 0 0 white,
            .5em 0 0 rgba(0, 0, 0, 0);
    }

    80%,
    100% {
        text-shadow:
            .25em 0 0 white,
            .5em 0 0 white;
    }
}


@media(min-width: 701px) {
    .areaNew .newList>li .text a:hover {
        border-bottom: 1px solid;
    }

    .areaNew .newList>li .listCate li a.hover:hover {
        opacity: 0.7;
    }
}

@media(max-width: 700px) {

    .areaNew .inner {
        padding: 0 2.6%;
    }

    .areaNew {
        padding-top: 23px;
        padding-bottom: 43px;
    }

    .areaNew .newTitle {
        padding-left: 11px;
        font-size: 13px;
    }

    .areaNew .newTitle:before {
        width: 4.5px;
        height: 15px;
        left: 1px;
        top: 47.6%;
    }

    .areaNew .newList {
        margin-top: 14px;
    }

    .areaNew .newList>li {
        padding: 8px 22.5px 9.4px;
        flex-wrap: wrap;
    }

    .areaNew .newList>li .listCate {
        display: flex;
        flex-wrap: wrap;
    }

    .areaNew .newList>li .listCate li {
        margin-right: 5px;
    }

    .areaNew .newList>li .listCate li+li {
        margin-top: 0;
    }

    .areaNew .newList>li .listCate li a {
        padding: 2px 14px;
        font-size: 13px;
        min-width: 68px;
    }

    .areaNew .newList>li .date {
        margin-left: 17px;
        font-size: 12px;
        margin-top: 3px;
    }

    .areaNew .newList>li .date:before {
        width: 7px;
        height: 10px;
        left: -11.5px;
    }

    .areaNew .newList>li .text {
        margin-left: 0;
        margin-top: 6px;
        font-size: 12px;
        letter-spacing: 0.7px;
        width: 100%;
    }

    .areaNew .button {
        width: 162px;
        margin: 21px auto 0;
    }

    .areaNew .button a {
        font-size: 14px;
        padding: 5px 0 6px;
    }

    .areaNew .button a span {
        font-size: 12px;
    }
}

@media(max-width: 360px) {
    .areaNew .newList>li {
        padding: 8px 17px 9.4px;
    }
}