.important_list_container {
    width: var(--main—screen-w);
    min-height: calc(100vh - 205px);
    margin: 0 auto;
}
.important_list_container .title {
    text-align: center;
    margin-top: 84px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.important_list_container .title span {
    font-size: 32px;
    padding-bottom: 15px;
    border-bottom: 1px solid #045bfe;
}

.important_list_container p {
    text-align: center;
}

.important_list_container .tip {
    color: #999;
    font-size: 15px;
    font-weight: normal;
    line-height: 24px;
}

.important_list_container .source {
    color: #999;
    font-size: 14px;
}
.tip_message {
    padding-top: 20px;
    font-size: 18px;
    text-align: center;
    color: #999;
}
.important_list {
    padding: 20px 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(32%, 1fr));
    justify-items: stretch;
    row-gap: 15px;
    column-gap: 2%;
}
.important_item {
    padding: 12px 16px;
    background: #ffffff;
    box-shadow: 0px 2px 8px 0px rgba(53, 53, 53, 0.1);
    border-radius: 6px;
    border: 1px solid #f2f2f2;
    /* align-self: start; */
}
.important_item .important_title {
    text-align: left;
}
.important_item .important_item_center {
    font-size: 14px;
    color: #999999;
    padding: 10px 0;
    display: flex;
    align-items: center;
}
.important_item_center p {
    text-align: left;
}
.important_item_center .sponsor {
    flex: 1;
}
.important_item_center .division {
    margin: 0 10px 0 10px;
    color: #ccc;
}
.important_item .icon {
    display: inline-block;
    margin-right: 5px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background: url(/images/css_sprites.png);
    background-position: -8px -90px;
}
.important_item .important_item_bottom {
    font-size: 14px;
    color: #fa7f49;
}
.important_item .split {
    border-right: 1px solid #ccc;
    margin: 0 14px 0 10px;
}

pager {
    display: flex;
    justify-content: center;
    line-height: 28px;
    padding: 25px 0 40px;
    align-items: center;
}

pager wf-span {
    margin: 0 5px;
    cursor: pointer;
    height: 40px;
    width: 40px;
    line-height: 37px;
    text-align: center;
    border: 1px solid #ccc;
    color: #24292e;
    border-radius: 4px;
}

pager .go_page_btn {
    margin: 0 5px;
    cursor: pointer;
    height: 40px;
    line-height: 37px;
    text-align: center;
    border: 1px solid #ccc;
    color: #24292e;
    border-radius: 4px;
    font-size: 16px;
}

pager .disabled {
    color: #ffffff;
    background: #dfdfdf;
    cursor: no-drop;
}

pager .current {
    cursor: no-drop;
    border: 1px solid #dd5a5a;
    color: #dd5a5a;
}

pager input {
    width: 60px;
    height: 40px;
    border-color: #ddd;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #ddd;
    outline: none;
    background-color: #fff;
    color: #86909c;
    margin: 0 5px;
    font-size: 16px;
}

pager input:focus {
    background-color: #fff;
    color: #4e5969;
    border-color: #165dff;
}

pager .prev_page,
pager .next_page {
    padding: 0 5px;
}

pager .prev_page svg,
pager .next_page svg {
    vertical-align: middle;
}

pager .disabled path {
    fill: #fff;
}

.tip {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}

@media screen and (max-width: 800px) {
    pager {
        font-size: 12px;
        line-height: 24px;
    }
    pager wf-span {
        height: 25px;
        width: 25px;
        margin: 0 3px;
    }
}
pager .go_page {
    margin-left: 5px;
}