body {
    font-family: PingFangSC-Regular, Microsoft Yahei-Regular, Microsoft Yahei, serif;
    -webkit-font-smoothing: antialiased
}

:root {
    --pk-c-primary: #1c60f3;
    --pk-c-danger: #dc3545;
    --pk-c-info: #17a2b8;
    --pk-c-success: #00b74a;
    --pk-c-warning: #fc651f;
    --pk-c-secondary: #6c757d;
    --pk-c-yellow: #f5c800;
    --pk-c-font: #343a40;
    --pk-c-sub: #808695;
    --pk-bg-body: #f3f5f7;
    --pk-bg-card: #fff;
    --pk-bg-box: #fff;
    --pk-c-dark: #2f3940;
    --pk-c-light: #f8f9fa;
    --pk-bg-light: #fefcfc;
    --pk-bg-grey: #f8f8f9;
    --pk-c-input-bg: #f8f8f9;
    --pk-bg-box-content: #f8f8f9;
    --pk-c-border: #f3f3f3;
    --pk-g-box-radius: 5px;
    --pk-bg-header: hsla(0, 0%, 100%, .15);
    --pk-c-block-shadow: hsla(0, 0%, 69%, .11);
    --pk-g-list-img-hover: scale(1.08);
    --pk-g-basic-distance: 15px;
    --pk-bg-skeleton: #d9d9d9;
    --bs-code-color: #fb4787;
    --globe-bg-corlor: #646cff
}

pre {
    display: block;
    overflow-x: auto;
    padding: 1px;
    background: #f3f3f3;
    border-radius: 10px;
    color: #444
}

.footer-default {
    background-color: #fff !important
}

.section {
    padding: 70px 0;
    position: relative;
    background: #f3f5f7 !important
}

div, p {
    white-space: normal;
    word-break: break-all
}

#header, #header-box, #index-company #prod-items .prod-item .icon, #post-menus, .p-block, .sub-menu, .widget {
    /*background-color: var(--pk-bg-box);*/
    box-shadow: none
}

.p-block, .widget {
    position: relative;
    margin: 0 0 15px;
    padding: 15px;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 2px 2px 5px var(--pk-c-block-shadow)
}

.badge {
    font-size: 12px !important;
    background-color: #777;
    border-radius: 10px
}

.badge, .index-badge {
    margin: 0 4px;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-weight: 700;
    line-height: 1;
    color: #fff !important;
    text-align: center;
    white-space: nowrap
}

.index-badge {
    font-size: 12px;
    background-color: #fff
}

.badge-bg {
    margin: 0 4px;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: transparent;
    border-radius: 10px
}

.footer-icon {
    width: 20px;
    height: 20px
}

.footer-icon-bilibili {
    width: 30px
}

.footer li {
    display: inline-block;
    padding: 0 5px
}

.donate, .links {
    display: inline-block;
    margin-top: 10px;
    font-size: 10px
}

.ets2-card-header {
    text-align: center;
    font-size: calc(.6rem + .5vw);
    font-weight: 500
}

.ets2-card-header, .ets2-display {
    background-color: var(--globe-bg-corlor);
    color: #fff
}

.ets2-display {
    border: 0 solid gray;
    border-radius: 21px
}

.ets2-btn-color {
    background-color: var(--globe-bg-corlor) !important
}

.ets2-btn-color, .ets2-color-white, .ets2-text-muted {
    color: #fff !important
}

.ets2-color-red {
    color: red !important
}

.ets2-color-default {
    color: var(--globe-bg-corlor) !important
}

.ets2-input-color {
    height: 35px;
    margin-top: 6px;
    border: 2.5px solid #646cff !important
}

.ets2-image-base {
    border-radius: 10px !important
}

.ad-post-image {
    width: 240px
}

.ad-image {
    width: 360px
}

.border-primary {
    border-color: var(--pk-c-primary) !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.mt20 {
    margin-top: 20px
}

.mt10 {
    margin-top: 10px
}

.pk-widget .widget-common-media-post {
    display: flex;
    overflow: hidden
}

.pk-widget .widget-common-media-post .img {
    flex-shrink: 0;
    margin-right: 10px;
    border-radius: 3px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 80px
}

.pk-widget .widget-common-media-post .info {
    white-space: nowrap
}

.pk-widget .widget-common-media-post .info, .pk-widget .widget-common-media-post .infoh {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    text-overflow: ellipsis
}

.t-line-1 {
    white-space: nowrap
}

.t-line-1, .t-line-2 {
    overflow: hidden;
    text-overflow: ellipsis
}

.t-lg {
    font-size: 16px
}

.t-lg2 {
    font-size: 12px
}

.c-sub {
    color: var(--pk-c-sub) !important
}

.pk-widget .widget-common-media-post .img img {
    border-radius: 3px;
    transition: all .3s;
    width: 120px;
    height: 80px
}

.p-block img, .widget img {
    max-width: 100%
}

.btn, img, svg {
    vertical-align: middle
}

*, :after, :before {
    box-sizing: border-box
}

.t-sm {
    font-size: 12px
}

.text-3line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3
}

.donation-list {
    border-bottom: 1px solid #ccc;
    padding: 3px;
    width: 300px
}

.donation-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px
}

.donor {
    font-weight: 400
}