@charset "UTF-8";

.page-content {
    padding-bottom: 60px;
}

.news-list .item {
    position: relative;
    margin-bottom: 20px;
    letter-spacing: 1.5px;
    border-radius: 5px;
}

.news-list .item .item-wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: dashed 1px #00B866;
}

.news-list .item:hover .item-wrapper {
    background: rgba(255, 255, 255, 0.76);
    border-bottom: solid 1px #FC8C0B;
}

.news-list .item .item-wrapper .item-photo {
    flex: 0 0 207px;
    padding-left: 20px;
    padding-right: 20px;
}

.news-list .item .item-wrapper .item-title {
    flex: 1;
    padding-left: 10px;
    padding-right: 20px;
}

.news-list .item .news-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
}

.news-list .item .news-img:before {
    content: "";
    display: block;
    padding-bottom: 75%;
}

.news-list .item .news-date {
    color: #FC8C0B;
    line-height: 2;
}

.news-list .item .news-title {
    font-weight: 500;
    font-size: 18px;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 58px;
    margin-bottom: 6px;
    line-height: 1.5;
    word-break: break-all;
}

.news-list .item:hover .news-title {
    text-decoration: none;
}

.news-list .item .more-btn {
    position: relative;
    display: inline-block;
    color: #00B866;
    line-height: 1.5;
    padding-left: 13px;
    padding-right: 20px;
    padding-bottom: 4px;
}

.news-list .item .more-btn:after {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    content: "";
    width: 82px;
    height: 12px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2281.732%22%20height%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Crect%20fill%3D%22none%22%20height%3D%22402%22%20width%3D%22582%22%20y%3D%22-1%22%20x%3D%22-1%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke%3D%22%2300b866%22%20fill%3D%22rgba%280%2C0%2C0%2C0%29%22%20d%3D%22m0.47125%2C11.55973l80.76075%2C-0.05973l-7.519%2C-11l7.519%2C11.1792z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center center;
}

.news-list .item:hover .more-btn {
    color: #FC8C0B;
}

.news-list .item:hover .more-btn:after {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2281.732%22%20height%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Crect%20fill%3D%22none%22%20height%3D%22402%22%20width%3D%22582%22%20y%3D%22-1%22%20x%3D%22-1%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke%3D%22%23FC8C0B%22%20fill%3D%22rgba%280%2C0%2C0%2C0%29%22%20d%3D%22m0.47125%2C11.55973l80.76075%2C-0.05973l-7.519%2C-11l7.519%2C11.1792z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center center;
}

.page-content .news-content-title {
    font-size: 24px;
    color: #000;
    margin-top: 15px;
}

.page-content .news-content-date {
    color: #FC8C0B;
    line-height: 2;
}

.page-content {
    padding-bottom: 100px;
}

@media (max-width: 991px) {
    .page-content .news-content-title {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .news-list .item .item-wrapper .item-photo {
        flex: 1;
    }

    .news-list .item .item-wrapper .item-title {
        flex: 1;
        padding-left: 15px;
        padding-right: 15px;
    }

    .news-list .item .news-title {
        height: auto;
        max-height: 58px;
    }

    .news-list .item .news-date {
        margin-top: 12px;
    }
}

.pagination-div {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.news-page-btn {
    line-height: 2;
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    color: #85D2FF;
}

.news-page-btn .home,
.news-page-btn .next {
    padding: 0px 14px;
    background: #ECF8FF;
    border-radius: 30px;
    position: relative;
}

.news-page-btn .home {
    background: #fff;
}

.news-page-btn .home a {
    color: #212738;
}

.news-page-btn .next {
    background: #00B866;
}

.news-page-btn .next a {
    color: #fff;
}

.news-page-btn .home:hover a,
.news-page-btn .next:hover a {
    text-decoration: none;
}