.typeofpaper-container { margin: 45px 0 0 0; }
.typeofpaper-container .typeofpaper:after { content: ''; display: block; clear: both; }
.typeofpaper-container .typeofpaper ul li {
    position: relative; margin: 0 0 40px 0; float: left;
    min-height: 300px; width: calc(33.3333% - 27px);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 4px;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .3);
}
.typeofpaper-container .typeofpaper ul li:nth-of-type(3n+2) {
    margin: 0 40px 40px 40px;
}

.typeofpaper-container .typeofpaper ul li .info {
    position: absolute; bottom: 0; left: 0;
    width: calc(100% - 20px); padding: 10px; height: 73px;
    background-color: rgba(0, 0, 0, .5);
}
.typeofpaper-container .typeofpaper ul li .info * { color: #fff; }
.typeofpaper-container .typeofpaper ul li .info > h2 {
    font-size: 18px; margin: 0 0 10px;
}
.typeofpaper-container .typeofpaper ul li .info > h3 {
    font-size: 14px; font-weight: 400;
}
.typeofpaper-container .typeofpaper ul li .info .more-btn {
    display: block; position: absolute;
    top: 14px; right: 14px;
}
.typeofpaper-container .typeofpaper ul li .info .more-btn i { font-size: 20px; }

.preview-board-container { margin: 40px 0 100px; }
.preview-board-container .preview-board:after { content: ''; display: block; clear: both; }
.preview-board-container .preview-board section {
    margin: 0 0 15px;
}
.preview-board-container .preview-board section > h2 {
    position: relative; padding: 5px 10px;
    background-color: var(--point-main);
    color: #fff;
}
.preview-board-container .preview-board section > h2 .more-btn {
    position: absolute; top: 0; right: 0;
    display: block; padding: 5px;
}
.preview-board-container .preview-board section > h2 .more-btn i {
    font-size: 20px; color: #fff;
}
.preview-board-container .preview-board .notice {
    float: left; width: calc(50% - 5px); margin: 0 5px 0 0;
}
.preview-board-container .preview-board .news-faq {
    float: left; width: calc(50% - 5px); margin: 0 0 0 5px;
}
.preview-board-container .preview-board section > .list {
    border: 1px solid #eee;
}
.preview-board-container .preview-board section > .list a:after { content: ''; display: block; clear: both; }
.preview-board-container .preview-board section > .list a {
    display: block; padding: 10px 10px 0;
}
.preview-board-container .preview-board section > .list a:last-child { padding: 10px; }
.preview-board-container .preview-board section > .list a:hover * { color: var(--point-main); font-weight: 500 !important; }
.preview-board-container .preview-board section > .list a .title {
    float: left; width: calc(100% - 80px);
    font-size: 14px; font-weight: 400;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.preview-board-container .preview-board section > .list a .datetime {
    float: right; width: 76px;
    font-size: 14px; font-weight: 400;
}

@media screen and (max-width: 1000px) {
    .preview-board-container .preview-board .notice,
    .preview-board-container .preview-board .news-faq { width: 100%; margin: 0 0 15px; }
}
@media screen and (max-width: 1020px) {
    .typeofpaper-container .typeofpaper ul li .info { height: 90px; }
}
@media screen and (max-width: 730px) {
    .typeofpaper-container .typeofpaper ul li:nth-of-type(3n+2) {
        width: 50%; margin: 0 0 40px;
    }
    .typeofpaper-container .typeofpaper ul li:nth-of-type(2n) {
        width: calc(50% - 20px); margin: 0 0 40px 20px;
    }
    .typeofpaper-container .typeofpaper ul li:nth-of-type(2n+1) {
        width: calc(50% - 20px); margin: 0 20px 40px 0;
    }
}
@media screen and (max-width: 500px) {
    .typeofpaper-container .typeofpaper ul li {
        width: 100% !important; margin: 0 0 40px !important;
    }
}