.app-pagination {
    font-size: 18px;
    /* padding: 4em 0 */
    padding-top: 3em;
}

@media screen and (max-width:1440px) {
    .app-pagination {
        font-size: 16px
    }
}

@media screen and (max-width:1200px) {
    .app-pagination {
        font-size: 14px
    }
}

@media screen and (max-width:1000px) {
    .app-pagination {
        font-size: 12px
    }
}

.app-pagination ul {
    align-items: stretch;
    display: flex;
    list-style: none
}

.app-pagination ul li a,
.app-pagination ul li span {
    align-items: center;
    border-radius: 10px;
    color: #333;
    display: flex;
    justify-content: center;
    padding: .1em .5em
}

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

    .app-pagination ul li a,
    .app-pagination ul li span {
        border-radius: 8px
    }
}

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

    .app-pagination ul li a,
    .app-pagination ul li span {
        border-radius: 6px
    }
}

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

    .app-pagination ul li a,
    .app-pagination ul li span {
        border-radius: 4px
    }
}

.app-pagination ul li a:hover {
    color: #325fa6
}

.app-pagination ul li.current a,
.app-pagination ul li.current span {
    background-color: #325fa6;
    color: #fff
}

.app-pagination ul li svg {
    fill: currentColor;
    height: 1em;
    width: 1em
}

.app-pagination ul li+li {
    margin-left: .5em
}

.app-pagination.small {
    padding: 0
}
.app-news-content-flip {
    align-items: center;
    border-top: 1px solid #ccc;
    display: flex;
    justify-content: space-between;
    padding: 2em 0
}

.app-news-content-flip .flip {
    color: #666;
    flex: 0 0 50%
}

.app-news-content-flip .flip:first-child {
    padding-right: 1.5em
}

.app-news-content-flip .flip:last-child {
    padding-left: 1.5em
}

.app-news-content-flip .flip:hover {
    color: #325fa6
}