@font-face {
  font-family: 'TikTokSans';
  src: url('../font/TikTokSans-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'TikTokSans';
  src: url('../font/TikTokSans-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'TikTokSans';
  src: url('../font/TikTokSans-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

[x-cloak] {
    display: none !important;
}

html,
body {
    height: 100%;
}

main {
    flex: 1 0 auto;
    /* flex-grow: 1, flex-shrink: 0, flex-basis: auto */
}

footer {
    flex-shrink: 0;
    /* 防止footer被压缩 */
}

body {
    display: flex;
    flex-direction: column;
    font-family: 'TikTokSans', "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans CN", "Noto Sans CJK SC", sans-serif;
    text-size-adjust: none;
}

.container {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0 1rem;
    box-sizing: border-box;
}
.swiper-pagination-bullet {
    width: 30px !important;
    height: 5px !important;
    border-radius: 3px !important;
    background: rgba(255, 255, 255, 0.3) !important;
    opacity: 1 !important;
}

.swiper-pagination-bullet-active {
    background: #ffffff !important;
}

.cover.left {
    transform: translateX(-100%);
}

.cover.right {
    transform: translateX(100%);
}

.cover.top {
    transform: translateY(-100%);
}

.cover.bottom {
    transform: translateY(100%);
}

.cover-box.loaded .cover.left,
.cover-box.loaded .cover.right {
    transform: translateX(0);
}

.cover-box.loaded .cover.top,
.cover-box.loaded .cover.bottom {
    transform: translateY(0);
}

.top250 {
    background: url(data:image/png;base64,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) no-repeat;
    color: #744900;
    font: 12px Helvetica, Arial, sans-serif;
    margin: 0 auto 8px;
    width: 150px;
    border-radius: 4px;
}

.top250:hover {
    background: url('data:image/png;base64,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') no-repeat
}

.top250 span {
    display: inline-block;
    height: 18px;
    line-height: 18px;
    text-align: center
}

.top250 a,
.top250 a:link,
.top250 a:visited {
    background: none;
    color: #744900;
    display: inline-block;
    height: 100%;
    text-decoration: none;
    width: 100%
}

.top250 a:active,
.top250 a:hover {
    background: none;
    color: #6b4400;
    text-decoration: none
}

.top250-no {
    width: 34%
}

.top250-link {
    width: 66%
}

@media (min-width: 768px) {
    .top250 {
        margin: 8px 0;
    }
}

.btn-grad {
    background-image: linear-gradient(to right, #C9FFBF 0%, #FFAFBD 51%, #C9FFBF 100%)
}


.award-event:last-child .award-event-content,
.award-event:last-child button {
    border-bottom: none !important;
    border-bottom-left-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
}

.v-mask,
.v-mask::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    aspect-ratio: 16 / 9;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -2;
    transition: 1s;
    content: '';
    background-image: url(../img/default-bg.jpg?1);
}

@media screen and (min-width: 768px) {
    .v-mask {
        opacity: 0;
    }

    .v-mask.bg-loaded:not(.v-mask-empty) {
        opacity: 1;
    }

    .v-mask,
    .v-mask::after {
        left: auto;
        right: 0;
        height: 50vh;
        width: auto;
        background-image: url(../img/mask.png?1);
        z-index: -1;
    }
}

@media (max-width: 767px) {

    .v-mask::after {
        background-image: url(../img/mask-sm.png?7);
    }
}

.v-mask {
    filter: blur(24px);
}

.v-mask.bg-loaded:not(.v-mask-empty) {
    filter: none;
}