@charset "utf-8";

html body {
    font-family: "Microsoft Yahei"
}

body {
    background: #235;
}

.logo {
    margin-top: -2px
}

.icon {
    width: 64px
}

.ft12 {
    font-size: 12px;
}

.ft14 {
    font-size: 14px;
}

.cover {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    object-fit: cover;
}

.cover-wrap {
    position: relative !important;
    width: 100%;
    padding-top: 56.25%;
}

.link {
    max-height: 56px;
    overflow: hidden;
    line-height: 1.2;
}

/* bootstrap5 */
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
    --bs-bg-opacity: 1;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.nav-tabs .nav-link {
    border: 0
}

@media (max-width: 575.98px) {
    .player-wrap {
        margin-top: -16px;
        padding: 0
    }
}

.sticky {
    position: sticky;
    top: 0;
    background-color: #235;
    z-index: 1000;
}

.text-weak {
    color: #bbb !important;
}

.big-input button {
    bottom: 0 !important;
    right: 0 !important;
}

.big-input textarea {
    height: 90px
}

/*remove videojs play button*/
/* .video-js .vjs-big-play-button {
    display: none !important
} */