html, body {
    height: 100%;
    width: 100%;
}
html {
    -webkit-text-size-adjust: 100%;
}
body {
    background-color: #fff;
    font-family: PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    color: #333;
    font-size: 14px;
    line-height: 1.6;
    font-variant: tabular-nums;
    font-feature-settings: "tnum";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
article, aside, blockquote, body, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
    margin: 0;
    padding: 0;
}
*:focus {
    outline-width: 0;
}
a {
  color: #333;
  text-decoration: none;
}
a:hover {
  color: #00a3df;
  text-decoration: underline;
}
.ellipsis {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
}
.ellipsis-2 {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
}
.ellipsis-3 {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
}
.ellipsis-4 {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
}
.container {
    width: 1200px;
    max-width: none !important;
    margin: 0 auto;
    padding: 0;
}

.divider {
    height: 1px;
    width: 100%;
    margin: 20px auto;
    background-color: #eee;
}

.tag-country {
    background-image: linear-gradient(55deg, #f7d39b 50%, #fab876 100%), linear-gradient( #ffffff, #ffffff);
    background-blend-mode: normal, normal;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(0deg, #f7d39b 0%, #d59758 44%, #fab876 100%);
    border-image-slice: 1;

    font-size: 12px;
    line-height: 30px;
    color: #bc650e;
    padding: 0px 5px;
} 
.tag-province {
    background-image: linear-gradient(55deg, #dfe0e9 0%, #afb2ca 50%, #b9bcd0 100%), linear-gradient(#ffffff, #ffffff);
    background-blend-mode: normal, normal;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(0deg, #c7c9d8 0%, #898eb1 50%, #8b8faf 72%, #8d8fad 100%);
    border-image-slice: 1;

    font-size: 12px;
    line-height: 30px;
    color: #666c97;
    padding: 0px 5px;
}
.tag-school {
    background-image: linear-gradient(55deg, #e2d9d8 0%, #d6c8c6 50%, #caa9a7 100%), linear-gradient(#ffffff, #ffffff);
    background-blend-mode: normal, normal;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(0deg, #cfbfbc 0%, #775456 44%, #b57e86 100%);
    border-image-slice: 1;

    font-size: 12px;
    line-height: 30px;
    color: #946066;
    padding: 0px 5px;
}

.pagination {
    display: flex;
    justify-content: center;
}
.pagination span, .pagination a {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    padding: 0 10px;
}
.pagination .active a, .pagination a:hover {
    color: #1975dd;
}