.te-IN .fc-menu-link[data-v-6b44cf79] {
    font-size: .373333rem;
    margin: 0 .32rem
}

.fc-menu[data-v-6b44cf79] {
    height: 1.333333rem
}

.fc-menu-link[data-v-6b44cf79] {
    height: 1.333333rem;
    line-height: 1.333333rem;
    margin: 0 .533333rem
}

.fc-menu-link.active[data-v-6b44cf79] {
    color: var(--primary-color)
}

.fc-menu-link.active[data-v-6b44cf79]:after {
    background: -webkit-gradient(linear, left top, right top, from(var(--primary-color)), to(var(--second-color)));
    background: linear-gradient(90deg, var(--primary-color) 0, var(--second-color) 100%);
    bottom: 0;
    content: "";
    height: .106667rem;
    left: 0;
    position: absolute;
    width: 100%
}

.fc-menu-item[data-v-6b44cf79] {
    color: #fff;
    font-size: .4rem;
    font-style: normal;
    font-weight: 600;
    line-height: .56rem;
    text-align: center
}

.fc-menu-item.is-only-mobile[data-v-6b44cf79] {
    display: none
}

@media screen and (max-width:768px) {
    .te-IN .fc-menu-link[data-v-6b44cf79] {
        font-size: 2.666667vw;
        margin: 0 1.6vw
    }
    .fc-menu-items[data-v-6b44cf79] {
        width: 100%
    }
    .fc-menu-item.is-only-mobile[data-v-6b44cf79] {
        display: block
    }
    .fc-menu-link[data-v-6b44cf79] {
        margin: 0 2.133333vw;
        padding: 0
    }
    .fc-menu-link.active[data-v-6b44cf79] {
        color: var(--primary-color)
    }
    .fc-menu-link.active[data-v-6b44cf79]:after {
        background: -webkit-gradient(linear, left top, right top, from(var(--primary-color)), to(var(--second-color)));
        background: linear-gradient(90deg, var(--primary-color) 0, var(--second-color) 100%);
        border-radius: .4vw;
        height: .8vw
    }
}

.fc-search {
    background: hsla(0, 0%, 100%, .102);
    border-radius: .106667rem;
    color: #fff;
    height: .746667rem;
    width: 8rem
}

.fc-search-mobile-form {
    display: none
}

.fc-search-result {
    background: rgba(0, 0, 0, .702);
    max-height: 8rem;
    top: .746667rem;
    width: 100%
}

.fc-search-form-icon {
    color: #000
}

.fc-search-result-item {
    color: #fff;
    font-size: .373333rem;
    font-style: normal;
    font-weight: 400;
    line-height: .48rem;
    padding: .16rem .426667rem;
    text-align: left
}

.fc-search-result-item:hover {
    background: rgba(0, 0, 0, .4);
    color: var(--primary-color)
}

.fc-search-input {
    background: transparent;
    color: #fff;
    font-size: .32rem;
    line-height: .746667rem;
    padding: 0 .426667rem;
    text-align: left
}

.fc-search-input::-webkit-input-placeholder {
    color: #999
}

.fc-search-input::-moz-placeholder {
    color: #999
}

.fc-search-input:-ms-input-placeholder {
    color: #999
}

.fc-search-input::-ms-input-placeholder {
    color: #999
}

.fc-search-input::placeholder {
    color: #999
}

.fc-search-button {
    background: -webkit-gradient(linear, left top, right top, from(var(--primary-color)), to(var(--second-color)));
    background: linear-gradient(90deg, var(--primary-color) 0, var(--second-color) 100%);
    border-radius: 0 .106667rem .106667rem 0;
    height: .746667rem;
    width: 1.12rem
}

.fc-search-button .nuxt-icon {
    color: #000;
    font-size: .426667rem;
    margin-bottom: 0
}

@media screen and (max-width:768px) {
    .fc-search[data-v-c6e1fe54] {
        background: #1e1e1e;
        border-radius: 4.8vw;
        height: 8vw;
        width: 25.6vw
    }
    .fc-search-form[data-v-c6e1fe54] {
        display: none
    }
    .fc-search-mobile-form-icon[data-v-c6e1fe54] {
        color: #92929b;
        font-size: 4.266667vw;
        margin-right: 1.333333vw
    }
    .fc-search-mobile-form[data-v-c6e1fe54] {
        color: #92929b;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 3.2vw;
        height: 100%;
        line-height: 4.533333vw
    }
    .mobile-hidden-menu .fc-header[data-v-7dff5758] {
        height: 2.986667rem
    }
    .mobile-hidden-menu .fc-header-menu[data-v-7dff5758] {
        display: none
    }
}

@-webkit-keyframes fc-scale-7dff5758 {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    75% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes fc-scale-7dff5758 {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    75% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.peacock-theme .fc-header-logo-bg[data-v-7dff5758] {
    height: .8rem;
    width: 4.293333rem
}

.fc-header[data-v-7dff5758] {
    background: #000;
    height: 1.333333rem
}

.fc-header-wrap[data-v-7dff5758] {
    width: 33.066667rem
}

.fc-header-logo-bg[data-v-7dff5758] {
    height: 1.066667rem;
    width: 3.44rem
}

.fc-header-menu[data-v-7dff5758] {
    margin-left: 1.386667rem
}

.fc-header-tv-bg[data-v-7dff5758] {
    height: .773333rem;
    width: 2.16rem
}

.fc-header-tv>a[data-v-7dff5758] {
    padding: 0 .533333rem
}

.fc-header-download[data-v-7dff5758] {
    font-weight: 400;
    margin-left: .8rem;
    width: 5.173333rem
}

.fc-header-download-btn-icon[data-v-7dff5758] {
    font-size: .32rem;
    margin-right: .106667rem;
    width: .48rem
}

.fc-header-download-btn[data-v-7dff5758] {
    -webkit-animation: fc-scale-7dff5758 2s infinite;
    animation: fc-scale-7dff5758 2s infinite;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, var(--primary-color)), to(var(--second-color)));
    background: linear-gradient(90deg, var(--primary-color) 0, var(--second-color) 100%);
    border-radius: .906667rem;
    color: var(--primary-button-color);
    font-weight: 700;
    height: .906667rem;
    margin-left: .266667rem;
    padding: 0 .426667rem
}

.fc-header-download-icon[data-v-7dff5758] {
    height: 1.333333rem;
    width: 1.6rem
}

@media screen and (max-width:768px) {
    .mobile-hidden-menu .fc-header[data-v-7dff5758] {
        height: 14.933333vw
    }
    .mobile-hidden-menu .fc-header-menu[data-v-7dff5758] {
        display: none
    }
    .peacock-theme .fc-header-logo-bg[data-v-7dff5758] {
        height: 6.4vw;
        width: 30.933333vw
    }
    .fc-header[data-v-7dff5758] {
        height: 27.466667vw
    }
    .fc-header-wrap[data-v-7dff5758] {
        overflow-x: hidden;
        width: 100%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 2.666667vw 2.666667vw 0
    }
    .fc-header-menu[data-v-7dff5758] {
        bottom: 0;
        left: 0;
        margin-left: 0;
        position: absolute;
        width: 100%
    }
    .fc-header-logo-bg[data-v-7dff5758] {
        height: 9.6vw;
        width: 30.933333vw
    }
    .fc-header-download[data-v-7dff5758] {
        height: 8vw;
        margin-left: 2.133333vw;
        width: 31.2vw
    }
    .fc-header-download-btn-icon[data-v-7dff5758] {
        font-size: 3.2vw;
        margin-right: .533333vw;
        width: 3.466667vw
    }
    .fc-header-download-btn[data-v-7dff5758] {
        background: -webkit-gradient(linear, left top, right top, color-stop(0, var(--primary-color)), to(var(--second-color)));
        background: linear-gradient(90deg, var(--primary-color) 0, var(--second-color) 100%);
        border-radius: 4.533333vw;
        color: var(--primary-button-color);
        font-size: 3.2vw;
        font-weight: 700;
        height: 6.666667vw;
        margin-left: 1.066667vw;
        padding: 0 2.133333vw
    }
    .fc-header-download-icon[data-v-7dff5758] {
        font-size: 4vw;
        height: 100%;
        width: 8vw
    }
    .fc-header-tv[data-v-7dff5758] {
        display: none
    }
}

.fc-search-mobile[data-v-ce2f0d8d] {
    display: none
}

@media screen and (max-width:768px) {
    .fc-search-mobile[data-v-ce2f0d8d] {
        background: #15161d;
        display: block;
        padding: 4.266667vw;
        width: 100%
    }
    .fc-search-mobile-cancel[data-v-ce2f0d8d] {
        color: #c9c9ca;
        font-size: 3.733333vw;
        font-weight: 400;
        line-height: 5.333333vw;
        margin-left: 3.733333vw
    }
    .fc-search-mobile.is-fixed[data-v-ce2f0d8d] {
        min-height: 100vh
    }
    .fc-search-mobile-result[data-v-ce2f0d8d] {
        background: #15161d;
        min-height: calc(100vh - 14.93333vw);
        top: 14.933333vw
    }
    .fc-search-mobile-result-item-icon[data-v-ce2f0d8d] {
        color: #d8d8d8;
        font-size: 4vw
    }
    .fc-search-mobile-result-item[data-v-ce2f0d8d] {
        color: #c9c9ca;
        font-size: 4vw;
        line-height: 5.6vw;
        padding: 4.533333vw 4.266667vw;
        text-align: left
    }
    .fc-search-mobile-result-item[data-v-ce2f0d8d]:hover {
        color: var(--primary-color)
    }
    .fc-search-mobile-result-item[data-v-ce2f0d8d]:after {
        border-bottom: .266667vw solid #20212b;
        bottom: 0;
        content: " ";
        left: 4.266667vw;
        position: absolute;
        width: 91.46667vw
    }
    .fc-search-mobile-input[data-v-ce2f0d8d] {
        background: transparent;
        color: #fff;
        font-size: 3.466667vw;
        line-height: 4.8vw;
        padding: 0 2.4vw;
        text-align: left
    }
    .fc-search-mobile-input[data-v-ce2f0d8d]::-webkit-input-placeholder {
        color: #999
    }
    .fc-search-mobile-input[data-v-ce2f0d8d]::-moz-placeholder {
        color: #999
    }
    .fc-search-mobile-input[data-v-ce2f0d8d]:-ms-input-placeholder {
        color: #999
    }
    .fc-search-mobile-input[data-v-ce2f0d8d]::-ms-input-placeholder {
        color: #999
    }
    .fc-search-mobile-input[data-v-ce2f0d8d]::placeholder {
        color: #999
    }
    .fc-search-mobile-form-icon[data-v-ce2f0d8d] {
        color: #92929b;
        font-size: 4.266667vw;
        margin-right: 1.333333vw
    }
    .fc-search-mobile-form[data-v-ce2f0d8d] {
        background: #25262c;
        border-radius: 4.8vw;
        color: #92929b;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 3.2vw;
        height: 9.6vw;
        line-height: 4.533333vw;
        padding-left: 2.666667vw
    }
}

.fc-app-launcher[data-v-6670b58d]:after {
    content: " ";
    display: block;
    height: 3.733333rem
}

.fc-app-launcher-wrap[data-v-6670b58d] {
    z-index: 3000
}

.fc-app-launcher-main[data-v-6670b58d] {
    background: #272936;
    padding: .586667rem .96rem;
    width: 20rem
}

.fc-app-launcher-logo[data-v-6670b58d] {
    height: 2.56rem;
    margin-right: .426667rem;
    width: 2.56rem
}

.fc-app-launcher-download[data-v-6670b58d] {
    font-size: .533333rem;
    height: 1.6rem
}

.fc-app-launcher-download-btn-icon[data-v-6670b58d] {
    font-size: .48rem;
    margin-right: .106667rem;
    width: .533333rem
}

.fc-app-launcher-download-btn[data-v-6670b58d] {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, var(--primary-color)), to(var(--second-color)));
    background: linear-gradient(90deg, var(--primary-color) 0, var(--second-color) 100%);
    border-radius: .906667rem;
    color: var(--primary-button-color);
    font-weight: 700;
    padding: 0 .853333rem
}

.fc-app-launcher-subtitle[data-v-6670b58d] {
    color: #fff;
    font-size: .64rem;
    font-weight: 400;
    line-height: .906667rem;
    text-align: left
}

.fc-app-launcher-app[data-v-6670b58d] {
    color: var(--primary-color);
    font-size: .853333rem;
    font-weight: 500;
    line-height: 1.173333rem;
    text-align: left
}

.music-theme .fc-app-launcher-download-btn[data-v-6670b58d] {
    background: -webkit-gradient(linear, left top, right top, from(#da39b1), to(#ff1684));
    background: linear-gradient(90deg, #da39b1, #ff1684)
}

@media screen and (max-width:768px) {
    .hi-IN .fc-app-launcher-app[data-v-6670b58d] {
        font-size: 3.733333vw
    }
    .hi-IN .fc-app-launcher-subtitle[data-v-6670b58d] {
        font-size: 2.933333vw
    }
    .te-IN .fc-app-launcher-app[data-v-6670b58d] {
        font-size: 3.733333vw
    }
    .ta-IN .fc-app-launcher-app[data-v-6670b58d],
    .te-IN .fc-app-launcher-subtitle[data-v-6670b58d] {
        font-size: 2.666667vw
    }
    .ta-IN .fc-app-launcher-subtitle[data-v-6670b58d] {
        font-size: 2.133333vw
    }
    .ta-IN .fc-app-launcher-download[data-v-6670b58d] {
        font-size: 3.2vw;
        height: 9.333333vw
    }
    .ta-IN .fc-app-launcher-download-btn-icon[data-v-6670b58d] {
        font-size: 2.4vw;
        margin-right: 1.066667vw;
        width: 4.266667vw
    }
    .ta-IN .fc-app-launcher-download-btn[data-v-6670b58d] {
        border-radius: 4.533333vw;
        padding: 0 2.133333vw
    }
    .fc-app-launcher[data-v-6670b58d]:after {
        height: 18.666667vw
    }
    .fc-app-launcher-main[data-v-6670b58d] {
        background: #272936;
        padding: 2.933333vw 3.2vw;
        width: 100vw
    }
    .fc-app-launcher-logo[data-v-6670b58d] {
        height: 12.8vw;
        margin-right: 2.133333vw;
        width: 12.8vw
    }
    .fc-app-launcher-subtitle[data-v-6670b58d] {
        font-size: 3.2vw;
        font-weight: 400;
        line-height: 4.533333vw
    }
    .fc-app-launcher-app[data-v-6670b58d] {
        font-size: 4.266667vw;
        line-height: 5.866667vw
    }
    .fc-app-launcher-download[data-v-6670b58d] {
        font-size: 3.733333vw;
        height: 9.333333vw
    }
    .fc-app-launcher-download-btn-icon[data-v-6670b58d] {
        font-size: 2.4vw;
        margin-right: 1.066667vw;
        width: 4.266667vw
    }
    .fc-app-launcher-download-btn[data-v-6670b58d] {
        border-radius: 4.533333vw;
        padding: 0 4.266667vw
    }
}

.fc-mk-menu[data-v-27efeac7] {
    background: #0c0c10;
    height: 2.24rem;
    width: 20rem
}

.fc-mk-menu-link[data-v-27efeac7] {
    height: 2.24rem;
    line-height: 2.24rem;
    padding: 0
}

.fc-mk-menu-link.active[data-v-27efeac7] {
    color: var(--primary-color)
}

.fc-mk-menu-link.active[data-v-27efeac7]:after {
    background: -webkit-gradient(linear, left top, right top, from(var(--primary-color)), to(var(--second-color)));
    background: linear-gradient(90deg, var(--primary-color) 0, var(--second-color) 100%);
    bottom: 0;
    content: "";
    height: .16rem;
    left: 20%;
    position: absolute;
    width: 1.066667rem;
    width: 60%
}

.fc-mk-menu-item[data-v-27efeac7] {
    color: #fff;
    font-size: .8rem;
    font-weight: 500;
    line-height: 1.12rem
}

.music-theme .fc-mk-menu-link.active[data-v-27efeac7] {
    color: #ff1684
}

.music-theme .fc-mk-menu-link.active.active[data-v-27efeac7]:after {
    background: -webkit-gradient(linear, left top, right top, from(#ff1684), to(#ff1684));
    background: linear-gradient(90deg, #ff1684, #ff1684)
}

@media screen and (max-width:768px) {
    .fc-mk-menu[data-v-27efeac7] {
        background: #0c0c10;
        height: 11.2vw;
        width: 100vw
    }
    .fc-mk-menu-link[data-v-27efeac7] {
        height: 11.2vw;
        line-height: 11.2vw;
        padding: 0
    }
    .fc-mk-menu-link.active[data-v-27efeac7] {
        color: var(--primary-color)
    }
    .fc-mk-menu-link.active[data-v-27efeac7]:after {
        bottom: 0;
        content: "";
        height: .8vw;
        left: 20%;
        position: absolute;
        width: 5.333333vw;
        width: 60%
    }
    .fc-mk-menu-item[data-v-27efeac7] {
        color: #fff;
        font-size: 4vw;
        font-weight: 500;
        line-height: 5.6vw
    }
}

.fc-mk-header[data-v-787764f9] {
    background: #272936;
    width: 20rem
}

.fc-mk-header-main[data-v-787764f9] {
    padding: .586667rem .96rem
}

.fc-mk-header-logo[data-v-787764f9] {
    height: 2.56rem;
    margin-right: .426667rem;
    width: 2.56rem
}

.fc-mk-header-subtitle[data-v-787764f9] {
    color: #fff;
    font-size: .64rem;
    font-weight: 400;
    line-height: .906667rem;
    text-align: left
}

.fc-mk-header-desc[data-v-787764f9] {
    background: -webkit-gradient(linear, left top, right top, from(#fff5d9), to(#ff964d));
    background: linear-gradient(90deg, #fff5d9, #ff964d);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    font-size: .853333rem;
    font-weight: 700;
    line-height: 1.226667rem;
    text-align: center
}

.fc-mk-header-app[data-v-787764f9] {
    color: var(--primary-color);
    font-size: .853333rem;
    font-weight: 500;
    line-height: 1.173333rem;
    text-align: left
}

.music-theme .fc-mk-header-app[data-v-787764f9] {
    color: #ff1684
}

.music-theme .fc-mk-header-desc[data-v-787764f9] {
    background: -webkit-gradient(linear, left top, right top, from(#fff5d9), to(#ff964d));
    background: linear-gradient(90deg, #fff5d9, #ff964d);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent
}

@media screen and (max-width:768px) {
    .fc-mk-header[data-v-787764f9] {
        background: #272936;
        width: 100vw
    }
    .fc-mk-header-main[data-v-787764f9] {
        padding: 2.933333vw 4.8vw
    }
    .fc-mk-header-logo[data-v-787764f9] {
        height: 12.8vw;
        margin-right: 2.133333vw;
        width: 12.8vw
    }
    .fc-mk-header-subtitle[data-v-787764f9] {
        color: #fff;
        font-size: 3.2vw;
        font-weight: 400;
        line-height: 4.533333vw;
        text-align: left
    }
    .fc-mk-header-desc[data-v-787764f9] {
        background-clip: text;
        -webkit-background-clip: text;
        text-fill-color: transparent;
        -webkit-text-fill-color: transparent;
        font-size: 4.266667vw;
        font-weight: 700;
        line-height: 6.133333vw;
        text-align: center
    }
    .fc-mk-header-app[data-v-787764f9] {
        font-size: 4.266667vw;
        font-weight: 500;
        line-height: 5.866667vw;
        text-align: left
    }
}

*,
:after,
:before {
    border: 0 solid #e5e7eb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

:after,
:before {
    --tw-content: ""
}

:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent
}

body {
    line-height: inherit;
    margin: 0
}

hr {
    border-top-width: .026667rem;
    color: inherit;
    height: 0
}

abbr:where([title]) {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-size: 1em;
    font-variation-settings: normal
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-color: inherit;
    text-indent: 0
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font-family: inherit;
    -webkit-font-feature-settings: inherit;
    font-feature-settings: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -.266667vw
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #9ca3af;
    opacity: 1
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #9ca3af;
    opacity: 1
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #9ca3af;
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

[role=button],
button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}

img,
video {
    height: auto;
    max-width: 100%
}

[hidden] {
    display: none
}

*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::-ms-backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

.pointer-events-none {
    pointer-events: none
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.bottom-0 {
    bottom: 0
}

.left-0 {
    left: 0
}

.top-0 {
    top: 0
}

.z-50 {
    z-index: 50
}

.m-auto {
    margin: auto
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.block {
    display: block
}

.hidden {
    display: none
}

.h-full {
    height: 100%
}

.w-0 {
    width: 0
}

.w-full {
    width: 100%
}

.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.shrink-0 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.transform {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.flex-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.justify-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-y-hidden {
    overflow-y: hidden
}

.whitespace-nowrap {
    white-space: nowrap
}

.border {
    border-width: .026667rem
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.outline-0 {
    outline-width: 0
}

.filter {
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.hover\:cursor-pointer:hover {
    cursor: pointer
}

@-webkit-keyframes shakeY {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -1.333333vw, 0);
        transform: translate3d(0, -1.333333vw, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 1.333333vw, 0);
        transform: translate3d(0, 1.333333vw, 0)
    }
}

@keyframes shakeY {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -1.333333vw, 0);
        transform: translate3d(0, -1.333333vw, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 1.333333vw, 0);
        transform: translate3d(0, 1.333333vw, 0)
    }
}

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY
}

.open-brower-guide {
    background-color: rgba(0, 0, 0, .502);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 4000
}

.open-brower-guide-hide {
    display: none
}

.open-brower-guide-show {
    display: block
}

.open-brower-guide-tips {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.open-brower-guide-tips-bg {
    height: 34.133333vw;
    width: 74.4vw
}

.open-brower-guide-wrap {
    padding-right: 2.4vw;
    padding-top: 5.6vw;
    text-align: right;
    width: 100vw
}

.open-brower-guide-tips-pointer {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    height: 21.866667vw;
    position: absolute;
    right: 4.8vw;
    top: 1.333333vw;
    width: 14.933333vw;
    z-index: 20
}

.open-brower-guide-tips-pointer-bg {
    height: auto;
    width: 14.933333vw
}

.open-brower-guide2 {
    background-color: rgba(0, 0, 0, .902);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 4000
}

.open-brower-guide2-hide {
    display: none
}

.open-brower-guide2-show {
    display: block
}

.open-brower-guide2-tips {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.open-brower-guide2-tips-bg {
    height: auto;
    width: 100%
}

.open-brower-guide2-wrap {
    text-align: right;
    width: 100vw
}

@-webkit-keyframes shakeY3 {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-1.333333vw, -1.333333vw, 0);
        transform: translate3d(-1.333333vw, -1.333333vw, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(1.333333vw, 1.333333vw, 0);
        transform: translate3d(1.333333vw, 1.333333vw, 0)
    }
}

@keyframes shakeY3 {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-1.333333vw, -1.333333vw, 0);
        transform: translate3d(-1.333333vw, -1.333333vw, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(1.333333vw, 1.333333vw, 0);
        transform: translate3d(1.333333vw, 1.333333vw, 0)
    }
}

.animate__shakeY3 {
    -webkit-animation-name: shakeY3;
    animation-name: shakeY3
}

.open-brower-guide3 {
    background-color: rgba(0, 0, 0, .502);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 4000
}

.open-brower-guide3-hide {
    display: none
}

.open-brower-guide3-show {
    display: block
}

.open-brower-guide3-tips {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.open-brower-guide3-tips-bg {
    height: auto;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.open-brower-guide3-wrap {
    padding-left: 6.133333vw;
    padding-right: 1.6vw;
    padding-top: 1.333333vw;
    text-align: right;
    width: 100vw
}

.open-brower-guide3-tips-pointer {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    height: 16vw;
    position: absolute;
    right: 7.466667vw;
    top: 28.8vw;
    width: 16vw;
    z-index: 20
}

.open-brower-guide3-tips-pointer-bg {
    height: auto;
    width: 14.933333vw
}

a,
body,
dd,
div,
dl,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
img,
li,
ol,
p,
span,
table,
tbody,
td,
th,
thead,
tr,
ul {
    margin: 0;
    padding: 0
}

body,
button,
input,
select,
textarea {
    background: #15161d;
    color: #727379;
    font-family: Helvetica, Hiragino Sans GB, Lantinghei SC, STHeiti, Microsoft YaHei, SimHei, Helvetica Neue, Arial, sans-serif;
    text-rendering: optimizelegibility
}

button,
input,
select,
textarea {
    border: none;
    font-size: 100%;
    outline: none
}

input::-ms-input-placeholder {
    color: #c2c2c2
}

input::-webkit-input-placeholder {
    color: #c2c2c2
}

input::-moz-placeholder {
    color: #c2c2c2
}

textarea::-ms-input-placeholder {
    color: #c2c2c2
}

textarea::-webkit-input-placeholder {
    color: #c2c2c2
}

textarea::-moz-placeholder {
    color: #c2c2c2
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer
}

select::-ms-expand {
    display: none
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

em,
i {
    font-style: normal
}

ol,
ul {
    list-style: none
}

a {
    color: #7f7f7f
}

a,
a:active,
a:focus,
a:hover,
a:visited {
    outline: none;
    -webkit-text-decoration: none;
    text-decoration: none
}

img {
    border: none;
    vertical-align: top
}

label {
    cursor: pointer
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.fl {
    float: left
}

.fr {
    float: right
}

.clear_fix:after {
    clear: both;
    content: "";
    display: block
}

.beyond_eip {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.beyond2_eip {
    -webkit-line-clamp: 2
}

.beyond2_eip,
.beyond3_eip {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.beyond3_eip {
    -webkit-line-clamp: 3
}

.beyond4_eip {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.beyond4_eip,
.el_hide,
.ofh {
    overflow: hidden
}

.el_hide {
    height: .026667rem;
    margin: -.026667rem;
    padding: 0;
    position: absolute;
    width: .026667rem;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.bg_cover {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.img_center {
    display: inline-block;
    margin: 0 auto
}

.sele_none {
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.u-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: auto
}

.bxfilm-lazy-image-d-bg {
    background-position: 50%;
    background-size: cover;
    height: 100%;
    width: 100%
}

.display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.display-flex.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.xbfilm-page__404,
.xbfilm-page__error,
.xbfilm-status__empty {
    padding-bottom: 3.36rem;
    padding-top: 3.36rem
}

video:outline {
    display: none
}

* {
    -webkit-overflow-scrolling: touch
}

.xbfilm__score {
    color: #ffe291
}

.xbfilm-mobile__padding {
    padding-left: .32rem
}

.xbfilm-list__padding {
    padding: .32rem
}

.xbfilm-btn__default {
    background: -webkit-gradient(linear, left top, right top, from(#ffe291), to(#d48d39));
    background: linear-gradient(90deg, #ffe291, #d48d39);
    border-radius: .533333rem;
    color: #000;
    display: block;
    font-size: .4rem;
    font-weight: 500;
    height: 1.066667rem;
    line-height: 1.066667rem;
    text-align: center;
    width: 9.36rem
}

.more-text {
    color: #92929b;
    font-weight: 500;
    line-height: .533333rem
}

.more-text,
.more-text i {
    font-size: .373333rem
}

.xbfilm-banner {
    background: #0f0806;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 6.133333rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    position: relative
}

.xbfilm-banner:after {
    background: -webkit-gradient(linear, left top, right top, from(#0f0806), color-stop(110%, rgba(15, 8, 6, 0)));
    background: linear-gradient(90deg, #0f0806, rgba(15, 8, 6, 0) 110%);
    content: "";
    display: none;
    height: 100%;
    left: -.026667rem;
    position: absolute;
    top: 1.333333rem;
    width: 50%;
    z-index: 20
}

.xbfilm-banner__slider {
    background-image: url(build/img/banner.4254a0e.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.xbfilm-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: .373333rem .32rem;
    position: relative;
    width: 100%;
    z-index: 100;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(#000));
    background: linear-gradient(1turn, transparent, #000);
    height: 1.866667rem;
    width: 10rem
}

.xbfilm-header.normal-layout {
    background: #000;
    height: 1.493333rem
}

.xbfilm-header.normal-layout .xbfilm-search__container {
    background: #1e1e1e
}

.xbfilm-header.inner-app {
    background: transparent;
    color: #fff;
    font-size: .426667rem;
    font-weight: 600;
    height: auto;
    line-height: .586667rem;
    padding: .48rem .426667rem 0;
    z-index: 50
}

.xbfilm-header.inner-app a {
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.xbfilm-header.inner-app i {
    color: #fff;
    font-size: .426667rem;
    margin-right: .106667rem
}

.xbfilm-header.inner-app ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.xbfilm-header.inner-app li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.xbfilm-header.inner-app li.txt-right {
    text-align: right;
    width: 50%
}

.xbfilm-header.inner-app .xbfilm-icon__share {
    font-size: .533333rem
}

.xbfilm-header.tools-layout {
    background: transparent;
    height: auto;
    padding: .48rem .693333rem 0 .64rem;
    z-index: 50
}

.xbfilm-header.tools-layout i {
    color: #fff;
    font-size: .426667rem
}

.xbfilm-header.tools-layout ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.xbfilm-header.tools-layout li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.xbfilm-header.tools-layout li.txt-right {
    text-align: right;
    width: 50%
}

.xbfilm-header.tools-layout .xbfilm-icon__share {
    font-size: .533333rem
}

.xbfilm-header__app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: .8rem;
    line-height: .8rem;
    margin-left: .32rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.xbfilm-header__app span {
    background: -webkit-gradient(linear, left top, right top, from(#ffe291), to(#d48d39));
    background: linear-gradient(90deg, #ffe291, #d48d39);
    border-radius: .533333rem;
    color: #000;
    display: block;
    font-size: .32rem;
    font-weight: 500;
    height: 100%;
    line-height: .8rem;
    text-align: center;
    width: 2.186667rem
}

.xbfilm-header__app span i {
    font-size: .426667rem;
    line-height: 1;
    vertical-align: middle
}

.xbfilm-header__w {
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 auto;
    position: relative
}

.xbfilm-header__right,
.xbfilm-header__w {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.xbfilm-header__right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: .8rem
}

.xbfilm-footer {
    background: #0f0f15;
    -webkit-box-shadow: 0 0 .106667rem 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 .106667rem 0 rgba(0, 0, 0, .15);
    color: #727379;
    font-size: .32rem;
    font-weight: 500;
    height: 3.546667rem;
    line-height: .453333rem;
    padding: .666667rem .266667rem
}

.xbfilm-footer__wrap {
    margin: 0 auto;
    max-width: 19.2rem
}

.xbfilm-footer__sites {
    margin-top: .533333rem;
    text-align: center
}

.xbfilm-footer__sites_list {
    display: inline-block;
    list-style: none
}

.xbfilm-footer__sites_list li {
    display: inline-block;
    margin-left: .266667rem
}

.xbfilm-footer__sites_title {
    display: inline-block
}

.xbfilm-layout__header {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

.xbfilm-layout__banner {
    position: relative
}

.xbfilm-layout__body {
    min-height: calc(100vh - 5.33333rem)
}

.xbfilm-layout__body.no-banner {
    padding-top: 1.493333rem
}

.xbfilm-layout__body.search-header {
    padding-top: 1.893333rem
}

.xbfilm-layout__wrap {
    margin: 0 auto;
    min-height: 2.666667rem;
    padding-bottom: .533333rem;
    width: 100%
}

.xbfilm-layout__wrap.default-wrap {
    padding-top: .666667rem
}

.xbfilm-layout__wrap.default-wrap-18 {
    padding-top: .32rem
}

.xbfilm-layout__wrap.default-wrap-15 {
    padding-top: .4rem
}

.xbfilm-layout__wrap.simple-wrap {
    padding-top: 0
}

.xbfilm-logo__w {
    background-image: url(build/img/logo.d573076.png);
    background-size: 100% 100%;
    height: .72rem;
    width: 2.826667rem
}

@media not all,
screen and (-webkit-min-device-pixel-ratio:2),
screen and (min-resolution:2dppx) {
    .xbfilm-logo__w {
        background-image: url(build/img/logo@2x.3f35745.png)
    }
}

.xbfilm-card {
    background: #15161d;
    border-radius: .133333rem;
    height: 9.626667rem
}

.xbfilm-card.full-layout {
    height: auto
}

.xbfilm-card.full-layout .xbfilm-card__body {
    padding: .453333rem .32rem
}

.xbfilm-card.slider-layout {
    height: auto
}

.xbfilm-card.slider-layout .xbfilm-card__body {
    padding: 0 0 0 .32rem
}

.xbfilm-card.default-card {
    height: auto
}

.xbfilm-card.default-card .xbfilm-card__body {
    padding: 0 .533333rem .453333rem
}

.xbfilm-card.recommend-card {
    height: auto
}

.xbfilm-card.recommend-card .xbfilm-card__body {
    background-color: #15161d;
    padding: .32rem
}

.xbfilm-card.recommend-card .xbfilm-card__header {
    background-color: #101117
}

.xbfilm-card.recommend-card .xbfilm-card__header .xbfilm-card__header_title {
    color: #ffe291;
    font-size: .426667rem;
    font-weight: 500;
    line-height: .586667rem
}

.xbfilm-card.slider-card .xbfilm-card__body {
    padding-right: 0
}

.xbfilm-card.right-card {
    height: auto
}

.xbfilm-card.right-card .xbfilm-card__body {
    padding: 0 .32rem .453333rem
}

.xbfilm-card.right-card .xbfilm-card__header {
    padding-left: .32rem
}

.xbfilm-card.bottom-card {
    height: auto
}

.xbfilm-card.bottom-card .xbfilm-card__body {
    padding: 0 .32rem
}

.xbfilm-card.bottom-card .xbfilm-card__header {
    padding-left: .32rem
}

.xbfilm-card__header_title {
    color: #dfe4ea;
    font-size: .426667rem;
    font-weight: 500;
    line-height: .586667rem
}

.xbfilm-card__header {
    padding: .213333rem .32rem;
    position: relative
}

.xbfilm-card__header:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#b49458), to(#9a6c37));
    background: linear-gradient(180deg, #b49458, #9a6c37);
    content: "";
    height: .426667rem;
    left: 0;
    position: absolute;
    top: .266667rem;
    width: .08rem
}

.xbfilm-card__right {
    font-size: .533333rem;
    font-weight: 400;
    position: absolute;
    right: .266667rem;
    top: .213333rem
}

.xbfilm-card__right i {
    color: #d8d8d8;
    font-size: .32rem;
    font-weight: 400;
    margin-left: .213333rem;
    vertical-align: middle
}

.xbfilm-card__body {
    padding: 0 .533333rem
}

.xbfilm-cvideo__list {
    position: relative
}

.xbfilm-cvideo__list_item_thumb {
    border-radius: .106667rem;
    height: 4.213333rem
}

.xbfilm-cvideo__list .swiper-button-next {
    background: #2c2e3c;
    border-radius: 0 1.6rem 1.6rem 0;
    height: 1.6rem;
    line-height: 1.6rem;
    padding-left: .16rem;
    right: -.8rem;
    width: .8rem
}

.xbfilm-cvideo__list .swiper-button-next i {
    color: #fff;
    font-size: .373333rem
}

.xbfilm-cvideo__list .swiper-button-prev {
    background: #2c2e3c;
    border-radius: 1.6rem 0 0 1.6rem;
    height: 1.6rem;
    left: -.8rem;
    line-height: 1.6rem;
    padding-left: .266667rem;
    width: .8rem
}

.xbfilm-cvideo__list .swiper-button-prev i {
    color: #fff;
    font-size: .373333rem
}

.xbfilm-cvideo__list .swiper-button-next,
.xbfilm-cvideo__list .swiper-button-prev {
    display: none;
    opacity: 1
}

.xbfilm-cvideo__list .swiper-button-next.swiper-button-disabled,
.xbfilm-cvideo__list .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
    -webkit-transition: opacity .8s;
    transition: opacity .8s
}

.xbfilm-cvideo__list_item {
    margin-right: .16rem;
    width: 5.013333rem
}

.xbfilm-cvideo__list_item:last-child {
    margin-right: .16rem
}

.xbfilm-cvideo__list_item.swiper-slide {
    height: 5.306667rem;
    width: 2.933333rem
}

.xbfilm-cvideo__list_item.is-redirect .xbfilm-cvideo__list_item_score {
    display: none
}

.xbfilm-cvideo__list_item_title {
    color: #dfe4ea;
    display: block;
    font-size: .346667rem;
    font-weight: 500;
    line-height: .56rem;
    margin-top: .186667rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.xbfilm-cvideo__list_item_thumb {
    overflow: hidden;
    position: relative
}

.xbfilm-cvideo__list_item_thumb>div {
    -webkit-transition: -webkit-transform .8s;
    transition: -webkit-transform .8s;
    transition: transform .8s;
    transition: transform .8s, -webkit-transform .8s
}

.xbfilm-cvideo__list_item_thumb>div:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.xbfilm-cvideo__list_item_score {
    background: #ff7d1b;
    border-radius: .053333rem;
    color: #fff;
    font-size: .293333rem;
    font-weight: 700;
    left: .24rem;
    line-height: .32rem;
    min-width: .773333rem;
    padding: .053333rem .08rem;
    position: absolute;
    text-align: center;
    top: .186667rem;
    z-index: 10
}

.xbfilm-cvideo__list.layout-full {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    justify-content: flex-start
}

.xbfilm-cvideo__list.layout-full .xbfilm-cvideo__list_item {
    margin-bottom: .453333rem;
    margin-right: .266667rem;
    width: calc(33.33% - .18667rem)
}

.xbfilm-cvideo__list.layout-full .xbfilm-cvideo__list_item:nth-child(3n+0),
.xbfilm-cvideo__list.layout-full .xbfilm-cvideo__list_item:nth-child(6n+0) {
    margin-right: 0
}

.xbfilm-cvideo__list.layout-full .xbfilm-cvideo__list_item.last-item {
    margin-bottom: 0
}

.xbfilm-cvideo__list.page-list {
    padding-bottom: .4rem
}

.xbfilm-cvideo__list.page-list .xbfilm-cvideo__list_item {
    height: 4.213333rem;
    margin-right: .266667rem;
    margin-top: .32rem;
    width: 2.933333rem
}

.xbfilm-cvideo__list.page-list .xbfilm-cvideo__list_item:nth-child(3n+0) {
    margin-right: 0
}

.xbfilm-cvideo__list.page-list .xbfilm-cvideo__list_item.first-row {
    margin-top: 0
}

.xbfilm-cvideo__list.page-list .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.xbfilm-cvideo__list.page-list .swiper-pagination {
    text-align: center;
    width: 100%
}

.xbfilm-cvideo__list.page-list .swiper-pagination-bullet {
    background: #5c5e6d;
    border-radius: 100%;
    display: inline-block;
    height: .16rem;
    margin-right: .373333rem;
    opacity: 1;
    width: .16rem
}

.xbfilm-cvideo__list.page-list .swiper-pagination-bullet:last-child {
    margin-right: 0
}

.xbfilm-cvideo__list.page-list .swiper-pagination-bullet-active {
    background: #d8d8d8;
    opacity: 1
}

.xbfilm-cvideo__list.page-list-simple .xbfilm-cvideo__list_item {
    margin-right: .16rem;
    width: 2.933333rem
}

.xbfilm-cvideo__list.page-list-simple .xbfilm-cvideo__list_item.first-row {
    margin-top: 0
}

.xbfilm-cvideo__list.page-list-simple .swiper-pagination {
    text-align: center;
    width: 100%
}

.xbfilm-cvideo__list.page-list-simple .swiper-pagination-bullet {
    background: #5c5e6d;
    border-radius: 100%;
    display: inline-block;
    height: .16rem;
    margin-right: .373333rem;
    opacity: 1;
    width: .16rem
}

.xbfilm-cvideo__list.page-list-simple .swiper-pagination-bullet:last-child {
    margin-right: 0
}

.xbfilm-cvideo__list.page-list-simple .swiper-pagination-bullet-active {
    background: #d8d8d8;
    opacity: 1
}

.xbfilm-cvideo__list.layout-horizontal .xbfilm-cvideo__list_item_title {
    color: #e7edf4;
    font-size: .4rem;
    font-weight: 600;
    line-height: .56rem;
    margin-top: .24rem
}

.xbfilm-cvideo__list.layout-horizontal .xbfilm-cvideo__list_item {
    margin-bottom: .293333rem;
    margin-right: 0;
    width: 100%
}

.xbfilm-cvideo__list.layout-horizontal .xbfilm-cvideo__list_item>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.xbfilm-cvideo__list.layout-horizontal .xbfilm-cvideo__list_item:last-child {
    margin-bottom: 0
}

.xbfilm-cvideo__list.layout-horizontal .xbfilm-cvideo__list_item_tags {
    margin-bottom: .133333rem;
    margin-top: .053333rem
}

.xbfilm-cvideo__list.layout-horizontal .xbfilm-cvideo__list_item_other {
    color: #727379;
    display: block;
    font-size: .32rem;
    font-weight: 400;
    line-height: .453333rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.xbfilm-cvideo__list.layout-horizontal .xbfilm-cvideo__list_item_thumb {
    height: 2.133333rem;
    margin-right: .266667rem;
    width: 3.066667rem
}

.xbfilm-cvideo__list.layout-horizontal-mini .xbfilm-cvideo__list_item_desc {
    display: -webkit-box;
    font-size: .32rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: #92929b;
    font-weight: 400;
    line-height: .426667rem;
    margin-top: .293333rem;
    white-space: normal
}

.xbfilm-cvideo__list.layout-horizontal-mini .xbfilm-cvideo__list_item_title {
    color: #dfe4ea;
    font-size: .533333rem;
    font-weight: 600;
    line-height: .746667rem;
    margin-top: 0
}

.xbfilm-cvideo__list.layout-horizontal-mini .xbfilm-cvideo__list_item_tags {
    color: #fff;
    font-size: .346667rem;
    margin-bottom: .133333rem;
    margin-top: .133333rem
}

.xbfilm-cvideo__list.layout-horizontal-mini .xbfilm-cvideo__list_item_thumb {
    background: #d8d8d8;
    border-radius: .106667rem;
    height: 4.266667rem;
    margin-right: .266667rem;
    width: 2.933333rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.xbfilm-cvideo__list.layout-horizontal-mini .xbfilm-cvideo__list_item {
    background: #1e1f21;
    border-radius: .133333rem;
    margin-bottom: .293333rem;
    margin-right: 0;
    padding: .266667rem .346667rem .266667rem .266667rem;
    width: 100%
}

.xbfilm-cvideo__list.layout-horizontal-mini .xbfilm-cvideo__list_item>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.xbfilm-cvideo__list.layout-horizontal-mini .xbfilm-cvideo__list_item:last-child {
    margin-bottom: 0
}

.xbfilm-category__list_container.border .xbfilm-category__list_item {
    border: .026667rem solid #2c2e3c;
    padding: .213333rem .426667rem
}

.xbfilm-category__list_container.border .xbfilm-category__list_item.active {
    border: .026667rem solid #ac9656;
    color: #ffe291;
    font-weight: 600
}

.xbfilm-category__list_item {
    background: #2c2e3c;
    border-radius: .08rem;
    margin-right: .213333rem;
    padding: .24rem .453333rem;
    word-wrap: normal;
    color: #c2c2ce;
    display: inline-block;
    font-size: .346667rem;
    font-weight: 400;
    line-height: .48rem;
    width: auto;
    word-break: keep-all
}

.xbfilm-category__list_item .swiper-slide {
    width: auto
}

.xbfilm-category__list_item:hover {
    opacity: .8
}

.xbfilm-search__container {
    background: #000;
    border-radius: .48rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: .8rem;
    line-height: .426667rem;
    min-width: 2.346667rem;
    overflow: hidden;
    padding: .186667rem .213333rem;
    position: relative
}

.xbfilm-search__input {
    -webkit-box-flex: 1;
    background: transparent;
    color: #fff;
    -ms-flex: 1;
    flex: 1;
    font-size: .346667rem;
    font-weight: 400;
    height: 100%;
    left: 0;
    line-height: .48rem;
    outline: 0;
    padding: .186667rem .213333rem;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.xbfilm-search .el-input__inner {
    background-color: transparent;
    border: 0 solid #dcdfe6;
    border-radius: 0;
    color: #fff
}

.xbfilm-search__btn {
    color: #92929b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .32rem;
    font-weight: 400;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.xbfilm-search__btn i {
    margin-right: .133333rem
}

.xbfilm-search__submit {
    background: -webkit-gradient(linear, left top, right top, from(#ffe291), to(#d48d39));
    background: linear-gradient(90deg, #ffe291, #d48d39);
    border-radius: 0 .533333rem .533333rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: .746667rem;
    width: 1.12rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.xbfilm-search__submit i.xbfilm-icon {
    color: #000
}

.xbfilm-filter__items {
    padding-left: .426667rem
}

.xbfilm-filter__items ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    width: 100%
}

.xbfilm-filter__items ul::-webkit-scrollbar {
    display: none !important;
    height: 0;
    width: 0
}

.xbfilm-filter__item {
    color: #92929b;
    font-size: .4rem;
    font-weight: 400;
    line-height: .56rem;
    margin-bottom: .346667rem;
    padding-right: .64rem;
    white-space: nowrap
}

.xbfilm-filter__item:hover {
    cursor: pointer;
    opacity: .8
}

.xbfilm-filter__item a {
    color: inherit
}

.xbfilm-filter__item.active {
    color: #d5b765;
    font-weight: 600
}

.xbfilm-pagination {
    margin: .88rem auto 0;
    text-align: center
}

.xbfilm-pagination .el-pagination .btn-next,
.xbfilm-pagination .el-pagination .btn-prev {
    background: #15161d
}

.xbfilm-pagination .el-pager {
    line-height: .48rem
}

.xbfilm-pagination .el-pager .ei-icon {
    color: #fff
}

.xbfilm-pagination .el-pager li {
    background: #15161d;
    color: #727379;
    font-size: .346667rem;
    font-weight: 600
}

.xbfilm-pagination .el-pager li.active {
    color: #ffe291
}

.xbfilm-pagination .el-pager li:hover,
.xbfilm-pagination .el-pagination .btn-next,
.xbfilm-pagination .el-pagination .btn-prev {
    color: #fff
}

.xbfilm-ctags {
    color: #92929b;
    font-size: .373333rem;
    font-weight: 500;
    line-height: .533333rem
}

.xbfilm-ctags.color-light {
    color: #c2c2ce
}

.xbfilm-ctags li:after {
    content: "/";
    padding: 0 .133333rem
}

.xbfilm-ctags li:last-child:after {
    display: none
}

.xbfilm-ctags.space li:after {
    content: " "
}

.xbfilm-player {
    height: 100%;
    position: relative;
    width: 100%
}

.xbfilm-player .vjs-big-play-button {
    border: .053333rem solid #fff;
    border-radius: 50%;
    height: 1.6rem;
    left: 50%;
    line-height: 1.6rem;
    top: 50%;
    -webkit-transform: translate(-.8rem, -.8rem);
    transform: translate(-.8rem, -.8rem);
    width: 1.6rem
}

.xbfilm-player__canvas {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.xbfilm-player.hide-video .xbfilm-player__canvas {
    display: block
}

.xbfilm-player.hide-video video {
    display: none
}

.xbfilm-player * {
    outline: none
}

.xbfilm-player .vjs-menu-content {
    list-style: none
}

.xbfilm-player .vjs-control-bar {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
    background: linear-gradient(180deg, transparent, #000);
    height: .933333rem
}

.xbfilm-player .vjs-subs-caps-button:hover .vjs-menu {
    display: block
}

.xbfilm-player .video-js .vjs-slider {
    background: hsla(0, 0%, 100%, .37);
    border-radius: .053333rem
}

.xbfilm-player .video-js:hover {
    display: block
}

.xbfilm-player .video-js .vjs-load-progress div {
    background: rgba(0, 0, 0, .3)
}

.xbfilm-player .video-js .vjs-play-progress {
    background: #f1aa56;
    border-radius: .053333rem
}

.xbfilm-player .video-js .vjs-play-progress:before {
    background: -webkit-gradient(linear, left top, right top, from(#ffe291), to(#f1a956));
    background: linear-gradient(90deg, #ffe291, #f1a956);
    border-radius: 50%;
    font-size: 0;
    height: .373333rem;
    right: -.053333rem;
    top: -.16rem;
    width: .373333rem
}

.xbfilm-player .vjs-volume-panel {
    left: 8.826667rem;
    position: absolute;
    top: -3.84rem
}

.xbfilm-player .vjs-volume-panel .vjs-icon-placeholder:before {
    font-size: .533333rem;
    line-height: 1
}

.xbfilm-player .video-js .vjs-play-control {
    left: 4.506667rem;
    position: absolute;
    top: -2.826667rem
}

.xbfilm-player .video-js .vjs-play-control .vjs-icon-placeholder {
    display: block;
    font-weight: 400;
    height: 1.013333rem;
    line-height: 1.013333rem;
    width: 1.013333rem
}

.xbfilm-player .video-js .vjs-current-time,
.xbfilm-player .video-js .vjs-duration,
.xbfilm-player .vjs-no-flex .vjs-current-time,
.xbfilm-player .vjs-no-flex .vjs-duration {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vjs-subs-qualities-button.vjs-control.un-quality,
.vjs-subs-qualities-button.vjs-control.un-quality .vjs-control {
    width: auto
}

.vjs-subs-qualities-button.vjs-control.un-quality .vjs-control:hover {
    cursor: pointer
}

.vjs-subs-qualities-button.vjs-control.un-quality .vjs-control .vjs-menu,
.vjs-subs-qualities-button.vjs-control.un-quality .vjs-control:hover .vjs-menu {
    display: block
}

.vjs-subs-qualities-button.vjs-control.un-quality.vjs-menu-button-popup .vjs-menu {
    left: auto;
    right: 1.44rem;
    top: 0
}

.vjs-subs-qualities-button.vjs-control.un-quality.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background: #000;
    border-radius: .213333rem;
    height: 4.853333rem;
    visibility: visible;
    width: 4.133333rem
}

.vjs-subs-qualities-button.vjs-control.un-quality .vjs-menu .vjs-menu-content.vjs-subs-qualities__content {
    bottom: .16rem;
    overflow: visible;
    padding: .266667rem .293333rem
}

.vjs-subs-qualities-button.vjs-control.un-quality .vjs-menu .vjs-menu-content.vjs-subs-qualities__content img {
    background: #d8d8d8;
    border: .026667rem solid #979797;
    height: 3.52rem;
    width: 3.52rem
}

.vjs-subs-qualities-button.vjs-control.un-quality .vjs-menu .vjs-menu-content.vjs-subs-qualities__content p {
    color: #ffe291;
    font-size: .32rem;
    font-weight: 500;
    line-height: .453333rem;
    margin-top: .266667rem
}

.xbfilm-player .vjs-big-play-button .vjs-icon-placeholder,
.xbfilm-player .vjs-play-control .vjs-icon-placeholder {
    font-family: "xbfilm-iconfont" !important;
    font-size: .426667rem;
    font-style: normal !important;
    -webkit-font-smoothing: antialiased !important;
    -webkit-text-stroke-width: .2px !important;
    -moz-osx-font-smoothing: grayscale !important
}

.xbfilm-player .vjs-big-play-button {
    border: 0 !important;
    height: 1.013333rem !important;
    -webkit-transform: translate(-.506667rem, -.506667rem);
    transform: translate(-.506667rem, -.506667rem);
    width: 1.013333rem !important
}

.xbfilm-player .vjs-big-play-button .vjs-icon-placeholder:before {
    font-family: "xbfilm-iconfont" !important;
    font-size: .426667rem;
    font-style: normal !important;
    -webkit-font-smoothing: antialiased !important;
    -webkit-text-stroke-width: .2px !important;
    -moz-osx-font-smoothing: grayscale !important;
    content: "\e624" !important;
    font-size: 1.013333rem;
    line-height: 1.013333rem
}

.xbfilm-player .vjs-play-control.vjs-paused .vjs-icon-placeholder:before {
    content: "\e624" !important
}

.xbfilm-player .vjs-play-control.vjs-paused.vjs-ended .vjs-icon-placeholder:before {
    content: "\e60c" !important
}

.xbfilm-player .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
    content: "\e629" !important
}

.xbfilm-c__list {
    position: relative
}

.xbfilm-c__list_item_thumb {
    height: 2.133333rem;
    width: 3.2rem
}

.xbfilm-c__list.video-list .xbfilm-c__list_item_thumb {
    height: 4.56rem;
    width: 3.173333rem
}

.xbfilm-c__list.video-list .xbfilm-c__list_item_title {
    margin-top: .666667rem
}

.xbfilm-c__list.video-list .xbfilm-c__list_item_tags {
    margin-top: .133333rem
}

.xbfilm-c__list_item {
    border-radius: .133333rem;
    padding: 0 .32rem .4rem;
    width: 100%
}

.xbfilm-c__list_item>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.xbfilm-c__list_item_info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: .186667rem;
    padding-top: .16rem
}

.xbfilm-c__list_item_introduction {
    color: #92929b;
    display: -webkit-box;
    font-size: .346667rem;
    font-weight: 400;
    height: 1.6rem;
    line-height: .533333rem;
    margin-top: .32rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal
}

.xbfilm-c__list_item_time {
    margin-right: .266667rem
}

.xbfilm-c__list_item_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: .266667rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.xbfilm-c__list_item_footer,
.xbfilm-c__list_item_footer .xbfilm-ctags {
    color: #727379;
    font-size: .32rem;
    font-weight: 400;
    line-height: .453333rem
}

.xbfilm-c__list_item_title {
    color: #dfe4ea;
    display: -webkit-box;
    font-size: .373333rem;
    font-weight: 600;
    height: 1.066667rem;
    line-height: .533333rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal
}

.xbfilm-c__list_item_thumb {
    overflow: hidden;
    position: relative
}

.xbfilm-c__list_item_thumb>div {
    -webkit-transition: -webkit-transform .8s;
    transition: -webkit-transform .8s;
    transition: transform .8s;
    transition: transform .8s, -webkit-transform .8s
}

.xbfilm-c__list_item_thumb>div:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.xbfilm-c__list_item_score {
    background: #ff7d1b;
    border-radius: .053333rem;
    color: #fff;
    font-size: .373333rem;
    height: .56rem;
    left: .213333rem;
    line-height: .56rem;
    position: absolute;
    text-align: center;
    top: .213333rem;
    width: 1.173333rem;
    z-index: 10
}

.xbfilm-c__list.layout-full {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.xbfilm-c__list.layout-full .xbfilm-cvideo__list_item {
    margin-bottom: .533333rem
}

.xbfilm-c__list.layout-full .xbfilm-cvideo__list_item:nth-child(6n+0) {
    margin-right: 0
}

.xbfilm-c__list.layout-full .xbfilm-cvideo__list_item.last-item {
    margin-bottom: 0
}

.xbfilm-c__list.layout-full .xbfilm-c__list_item_tags ul li {
    word-break: keep-all
}

.xbfilm-c__list.layout-horizontal .xbfilm-cvideo__list_item_thumb {
    height: 2.133333rem;
    margin-right: .266667rem;
    width: 3.066667rem
}

.xbfilm-c__list.layout-horizontal .xbfilm-cvideo__list_item_title {
    color: #e7edf4;
    font-size: .4rem;
    font-weight: 600;
    line-height: .56rem;
    margin-top: .24rem
}

.xbfilm-c__list.layout-horizontal .xbfilm-cvideo__list_item {
    margin-bottom: .293333rem;
    margin-right: 0;
    width: 100%
}

.xbfilm-c__list.layout-horizontal .xbfilm-cvideo__list_item>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.xbfilm-c__list.layout-horizontal .xbfilm-cvideo__list_item:last-child {
    margin-bottom: 0
}

.xbfilm-c__list.layout-horizontal .xbfilm-cvideo__list_item_tags {
    margin-bottom: .133333rem;
    margin-top: .053333rem
}

.xbfilm-c__list.layout-horizontal .xbfilm-cvideo__list_item_other {
    color: #727379;
    display: block;
    font-size: .32rem;
    font-weight: 400;
    line-height: .453333rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.en-US .xbfilm-img__app_title {
    background-size: 8.106667rem 1.493333rem;
    height: 1.493333rem
}

.xbfilm-img__app_bg {
    background-image: url(build/img/app_bg.eac4116.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 7.413333rem;
    width: 10rem
}

@media not all,
screen and (-webkit-min-device-pixel-ratio:2),
screen and (min-resolution:2dppx) {
    .xbfilm-img__app_bg {
        background-image: url(build/img/app_bg@2x.be8670d.png)
    }
}

.xbfilm-img__app_title {
    background-image: url(build/img/app_title.9da90eb.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 6.826667rem .826667rem;
    height: .826667rem;
    width: 100%
}

@media not all,
screen and (-webkit-min-device-pixel-ratio:2),
screen and (min-resolution:2dppx) {
    .xbfilm-img__app_title {
        background-image: url(build/img/app_title@2x.5073c86.png)
    }
}

.xbfilm-img__404 {
    background-image: url(build/img/404.157d6b7.png);
    background-size: 100% 100%;
    height: 3.066667rem;
    width: 2.64rem
}

@media not all,
screen and (-webkit-min-device-pixel-ratio:2),
screen and (min-resolution:2dppx) {
    .xbfilm-img__404 {
        background-image: url(build/img/404@2x.ee14253.png)
    }
}

.xbfilm-img__try_btn {
    background-image: url(build/img/try_btn.13c8487.png);
    background-size: 100% 100%;
    height: 1.066667rem;
    width: 3.173333rem
}

@media not all,
screen and (-webkit-min-device-pixel-ratio:2),
screen and (min-resolution:2dppx) {
    .xbfilm-img__try_btn {
        background-image: url(build/img/try_btn@2x.df2ed6c.png)
    }
}

.xbfilm-img__empty {
    background-image: url(build/img/empty.c5ab8cd.png);
    background-size: cover;
    height: 2.293333rem;
    width: 2.666667rem
}

@media not all,
screen and (-webkit-min-device-pixel-ratio:2),
screen and (min-resolution:2dppx) {
    .xbfilm-img__empty {
        background-image: url(build/img/empty@2x.80e8992.png)
    }
}

.xbfilm-img__error {
    background-image: url(build/img/error.fd84be2.png);
    background-size: cover;
    height: 3.28rem;
    width: 2.826667rem
}

@media not all,
screen and (-webkit-min-device-pixel-ratio:2),
screen and (min-resolution:2dppx) {
    .xbfilm-img__error {
        background-image: url(build/img/error@2x.ee61ed5.png)
    }
}

.xbfilm-img__error_lazy {
    background-image: url(build/img/default.f79cb05.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%
}

@media not all,
screen and (-webkit-min-device-pixel-ratio:2),
screen and (min-resolution:2dppx) {
    .xbfilm-img__error_lazy {
        background-image: url(build/img/default@2x.56a7c38.png)
    }
}

.xbfilm-img__default_lazy {
    background-image: url(build/img/default.f79cb05.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%
}

@media not all,
screen and (-webkit-min-device-pixel-ratio:2),
screen and (min-resolution:2dppx) {
    .xbfilm-img__default_lazy {
        background-image: url(build/img/default@2x.56a7c38.png)
    }
}

.xbfilm-img__app_download_n {
    background-image: url(build/img/app_download_n.cb95cca.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 2.853333rem 1.2rem;
    display: block;
    height: 100%;
    width: 100%
}

@media not all,
screen and (-webkit-min-device-pixel-ratio:2),
screen and (min-resolution:2dppx) {
    .xbfilm-img__app_download_n {
        background-image: url(build/img/app_download_n@2x.ae4ce93.png)
    }
}

.xbfilm-img__app_download_n1 {
    background-image: url(build/img/app_download_n1.8a491ec.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 8.026667rem 5.306667rem;
    display: block;
    height: 100%;
    width: 100%
}

@media not all,
screen and (-webkit-min-device-pixel-ratio:2),
screen and (min-resolution:2dppx) {
    .xbfilm-img__app_download_n1 {
        background-image: url(build/img/app_download_n1@2x.a4f3b1c.png)
    }
}

.xbfilm-img__icon_movie {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAdVJREFUSEvtlj9IW1EUxr9zX0gMGimFgIt/YltooYN0cXfpoEOnDCF5+ffaoYJToZQOfWuX0JY+F9O85t1M2QRd3RRcHFwMKEQRBCm42OWlL/eUB7a8Ei3hCXHJnc89v3PPPfd+H2FAiwbEQQ+o2WxqrusuKKXuhylCCHERi8W20ul0N7i/B+Q4zgaAxTCQwJ5NXdeXbgRVq9XpaDR6DGAPQD0kLA/gWafTmTEM4+RPjn9OZNv2Y03TDgB803XdCANyHKcKoNztdp8Ui8XWENR3F4etG07d32EZDsPdD0Oj0Rh3XXesXC6fXfeKb31HlUolnkwm3zHzGwAjANY9z1splUqnQeCtQFLKRWb+AmCWmc+IyE8+z8yXAN63223LNE3lA0OBrvTpE4AXADwAX4UQH7LZ7KWU8qVS6iMR3QOwy8yv8vn8fl8gKeVDZj4E4Kvsjl8tgFFm3gbw2k8UbJNt2xNCiM9ElAbwi5krRDQH4DkRPcrlckfX6pFpmpFUKtUiogdXAT+UUm8LhcJ3AHzTF16v15eIyAIw5ccwcysejz8N+oYez1Cr1SY1TVtm5p+e560ahnHRj0ZYljWWSCRKAMYjkchaJpM5/6856SdpmJiB+brf9dFiKgZLcPkAAAAASUVORK5CYII=);
    background-size: 100% 100%;
    display: inline-block;
    height: .666667rem;
    width: .72rem
}

@media not all,
screen and (-webkit-min-device-pixel-ratio:2),
screen and (min-resolution:2dppx) {
    .xbfilm-img__icon_movie {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAAXNSR0IArs4c6QAAA3xJREFUaEPtWl1oFFcU/s5MpbNtbYNECz4IpaZQCi2CvtgX8Q/pg6KFpWT3zmVT6KIFUYop2qoR9UF8UFYR86DLnUnoUys2UPpPX1oKDUhb6osPFeuDikjaiglssp8MGBiH3Z1JuiZLeuf13POd853vnDt37q5ggT2ywPjAEup0Rf+fCg0NDT1fr9ffBbBaRHJzqRLJcQCjjuNcKBaL/6TFTlVoeHi4Z2pq6lsAK9LAnrD9huu6GwuFwrVWcVIJBUHwS6TME042K/yo7/trZk3IGPO6iPwaA7gP4HbW6G1a9yKA56axSL6htf6tGXZLhcIw3Ery8rSziGxWSn3TpkQzwYRhuInk17EctimlPp8VIWPMdhH5LAb2plLqp0yZtGlRGIZrSf4YU2iH1vqSJRRVwCrUpjaLw9iWa1VU23K25dIrYGfIzpA9KaTPSasVdobsDNkZsjP0WAXspmA3Bbsp2E3BbgrxCrS8l7NfrP9tXBp6d9x7aGBgwOnp6Vldq9WWkvyjVCpdnwnvjiIUhuHbJE8AePkRibqIXK7X63u01jeyEOsIQmEYrgRwhuSWJklHl/6HPM+r5PP5qY79HqpWq57ruvsB9APwMigwSvI9rfWVZmvnTaEgCN4CUIm113SOdQAXROQLkscAvJZIfpLk6YmJicPlcvlBkticEzLGrHAc5zTJ7Q2qfMVxnF3FYvHnyDY4OLgol8t9COCjBgr+6bruzkKh8NW8XAVHyXme94GIfAzg2XgSJP8GcDCXy51rNCPGmFdEZBDAusdeiiIk+QmAvb7v34lsc6JQEATrAZwF8GpCFYrI8OTk5L5SqXQrbYaMMX0ATorIkkRB7gHYp7W+2FZCjxL/LhbsvIi8AOAdkslTxlUReV8p9UMakbg9CIJlAE4B6E36iUiEdYdkPmbb4Pv+981itDz6VKvVLtd1byZbKgEWbcFHx8fHT5XL5dpMyCRmZQvJcwBeaoHxr+d5y/P5fBSz4ZPlV/BDAI408haRT2u12t6+vr6/Zksk7jcyMvLM2NjYEZJ7ADyVxCS5W2t9plWsVEKRcxAE/SJygGTUbtHzu4j0K6W+bAeRJIYxZpXjOMdJbgbgArguIoeVUkFavEyEIpBKpfJ0V1dX9CeM+zM9j6Ul0cwexezu7l7c29t7NytGZkJZAed7nSU03wqkxV9wCj0E2p4VYiTFa44AAAAASUVORK5CYII=)
    }
}

.xbfilm-img__icon_like {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAArNJREFUSEu9lktoE1EUhv8zmWoKQVJSQRex0FY3roQu3PjIxupC0E2VgTkzpQi24kIFhaIYCyqoIAaMBqTp3IEqgYJduRBBEFHQjWtt04ULi9ZNQUeSzJGJTenLZlrS3u2983/n8Z/DEDbp0CZxEAqUz+fjkUjkAYCTAH6JSMayrFtrCTIUSCn1AsBRAB8BtADoIKIzpmk+CQurCxoZGenQNO0zgBwz9+fz+WgkEpkSkU+WZXU3DOQ4zgARPSSig6ZpvgmEHccpEtEUM6caCRonosPJZDKRSqXKgbDrut9F5D0zH28IKJfLNUWj0RkiesXMgRGqRynlichzy7JONwSklDoE4LXv+wO2bT8KRAuFwhbP8/4ExhCRwkogIvo5F8hM7X5VMziOc5OIBn3f77Rte2KuPwki+hEik6+6rncZhjEdvF0VpJT6ACDOzLtrwkE5Y7HYvv+BKpVKoHkKwAUAQ8x8fVXQ6Ohoa6lUmtY07bFpmudCZDD/JJPJbI3H47+J6JlpmsYikOu6nSLSTUTVLEVkL4CzInLCsqzxtYBc1+0XkSwRDZimWe3tfOmUUk8BLHKRiJTK5XKir69vNiyoUChEPM/7IiItzc3NiZ6enspS0BgR7dc07UBwUS6XFRElmbktLGSB/TMAzlcqlZ29vb3floEAdNWElVIvAexZKyibzbbEYrF3ALZNTk7uSqfT1SFfWLqxRoCUUpcA3ANwhZnvLJsjpVRDQMPDw+26rk+IyF3Lsi5vGKjmOAAXmfn+hoBEhFzXnQLQqut6m2EY8xuk4T1yHMcFYBSLxaZ0Ou1vSEaBuZRSbwG0M/OOhWOxNKOUiPzbTUTB2tkO4EbIOdKI6IiIHAMwyMy3VwQ5jjNERFfrLdo60Fnf9zO2bV8LttiKoJBRr/tZ3Z+TdSsv+fAvl7U9Kqwn/rMAAAAASUVORK5CYII=);
    height: .666667rem;
    width: .773333rem
}

@media not all,
screen and (-webkit-min-device-pixel-ratio:2),
screen and (min-resolution:2dppx) {
    .xbfilm-img__icon_like {
        background-image: url(build/img/i_like@2x.7a64021.png)
    }
}

.xbfilm-img__icon_share {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAlJJREFUSEvtlj9oE2EYxt/3kuYu+IeiiKN/SjdHQbCDo0rtIngak7xJruAs4p/BJYNLhQ4tWAl3WO67c8mQSRdxUik4SjfBaHAVBEFiyuV7JGJDoklzrTU4+G5338P9nuf93uP7mMZUPCYO7SpIKXXRMIznuVzuy68B+kDlctmYmpq6rLU+RUQTg9IycxRF0ZLjOPXeddd1j5mm+Q7AGjOfFZGvvet9IKVUlYgujWgntNZXisViR9tXSqm7RHQPwLN0Oj1n2/bGpqALCsNwRmv9iogeJ5PJ61EUNQcB2+12u1QqfRtmRim1QES3iahmWZZt23a7o+2ClFLzROQlEokz2Wz2RdwhCYLgNBGdA3AIABuGQVrrq8y8D8BqoVBw+kBBEFwDUGHmmXw+vzYK5HneAdM0QwDnt9C+F5HjOwYtLy+bk5OTL4noJIAHzLzSbDYbqVRK90IbjcZGuVz+8a7buu0k8n3/BjMvEtEdEbk/Kv2OQUqpdSLaY1nW9OZmj4JtO1GlUplIp9MtIloVkc4Axaptg3zfP8jMn4hoUURuDqO4rnvYNM2jIvJ6R62LCwqCYAXAvIhYRIS/lsj3/UfMXKrX64nO5P0HUbVaTbRarZrW2i0UCk+GDcMfty7WLBPRPwESAD4zX8jn80/jOh+mC4KgBmBWRMy+/8jzvCOpVOotEX0AsGQYxsDzKI4BANPMfKtzAIrIbB+o8xCGYQ7AQwB743xwhOZNFEVzjuN8/A30E7YfwAkAA+8McQwkk8nPmUxmnZmxqd/VW9BWJsYG+g6IwYUq52hYVwAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    display: inline-block;
    height: .693333rem;
    width: .693333rem
}

@media not all,
screen and (-webkit-min-device-pixel-ratio:2),
screen and (min-resolution:2dppx) {
    .xbfilm-img__icon_share {
        background-image: url(build/img/i_share@2x.589460d.png)
    }
}

.xbfilm-img__icon_download {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAA0hJREFUSEu9ll2IG1UUx//nzsSEpSJoHyyyFle0UJQ+VR9aRGhBpVophYAh90x2QRYspUVEkUqJoIViF2rBh5WwyZ07G0Hwg6KIoOAilPZlUUG0hUpBKxRtoX51qZl75MpuzIyZQog4j3PPPb/zP18zhP/poWEcY8y9QRBMpmk69LwoNhGRIAh+0FqfzdtkHM3Pz5cmJiYSEamOKfSdSqVSq1ar19f8ZEDGmGeJaI6IjjrnPvERjgpUSu0A8KKIPB9F0WtFoI+J6A5mvm9UwKB9HMdfAviZmT307yejKI7jZQCXmPmxMUEfAJhk5i1FoAsiciqKoto4IGOMJaKHmXmyCHSViBKt9b4ikLV2zjkXRFF0sMjGGHOCiGaYed2/QM1mM5yamrrunDvSaDReugFoaRW0/QagplLqcLlcrqx1Xr9G3W53fa/X+wnAc8w8Nw7IWntARI6HYXh7rVa7lGmGxcXFe9I0Pecla63bY4JYRAyAzcz8TQa0sLDwYBiGp4loj9b6/XFAcRw/AeAkEW3TWp/KgNrt9qNBEHwEwHfLUm4u3nLOnfe1s9b2a9TpdPYqpV5QSu2s1+u/rN0xxmwnos+J6HGt9YcZUKfTeUop1RWRLVEUfZUDnQCwX0SOKaUe8M0A4DgRdQEsVyqVhwbXTZIkm51zXyuldL1eTzIgY8wzRPRGr9e7c2Zm5vtBkIiQtXYewNMA/hSRX4noZiJaLpfLj1Sr1auD9tbaDSLyI4ADzOyD/GczxHF8CMArANYx8+/5GuVgIKIzwyD+XrvdrgRBcI2Imlrrl/OgYz49zFwuaoRV2OsismllZaU6OzubUZJL9x8i8ubaYPfnyBizQEQNEemv9v5UE/0GYCkMw0O1Wu1b/95au0lEXvXNIyL9DTBw5yZvxsxRXtF7APy02yGKbgGwB4Bvgt3OOSEi377+M/IugGHK6gBOM/PuPOgkgLuY+f5hqWu1WhtLpdKnRHT36vl3aZrumJ6evjDMPo7jLwBcZOZdI4G8cavVurVUKjXISxHpRFF0uaieY4GKnI6q6G0AO0WkcP2MAgLwJBF9xsx7M6lLkmSrc64D4LYRHRaZXwEwzcxnMqD/yHmhm5H+28YJ5i+u5JAqJFrzCwAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    display: inline-block;
    height: .693333rem;
    width: .693333rem
}

@media not all,
screen and (-webkit-min-device-pixel-ratio:2),
screen and (min-resolution:2dppx) {
    .xbfilm-img__icon_download {
        background-image: url(build/img/i_download@2x.9cff6cf.png)
    }
}

.bxfilm-lazy-image-d-bg {
    background-color: #2c2e3c
}

.xbfilm-desccard {
    height: 12.8rem;
    margin: 0 auto;
    width: 100%
}

.xbfilm-desccard.layout-left {
    text-align: left
}

.xbfilm-desccard.layout-left .xbfilm-desccard__info {
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: left
}

.xbfilm-desccard.layout-left .xbfilm-desccard__line:after {
    left: auto;
    right: 0
}

.xbfilm-desccard.layout-left .xbfilm-desccard__tags>ul {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.xbfilm-desccard.layout-right {
    text-align: left
}

.xbfilm-desccard.layout-right .xbfilm-desccard__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.xbfilm-desccard:nth-child(odd) {
    background: #15161d
}

.xbfilm-desccard:nth-child(2n) {
    background: #120f13
}

.xbfilm-desccard__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 29.706667rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 auto
}

.xbfilm-desccard__line {
    height: .266667rem;
    margin-bottom: .8rem;
    position: relative
}

.xbfilm-desccard__line:after {
    background: -webkit-gradient(linear, right top, left top, from(#15161d), to(#5e606e));
    background: linear-gradient(270deg, #15161d, #5e606e);
    content: "";
    height: .266667rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 1.76rem
}

.xbfilm-desccard__title {
    color: #fff;
    font-size: 1.28rem;
    font-weight: 600;
    line-height: 1.733333rem;
    margin-bottom: .48rem
}

.xbfilm-desccard__desc {
    color: #dfe4ea;
    font-size: .64rem;
    font-weight: 200;
    line-height: .88rem;
    margin-bottom: .8rem
}

.xbfilm-desccard__tags {
    color: #727379;
    font-size: .533333rem;
    font-weight: 200;
    line-height: .746667rem
}

.xbfilm-desccard__tags li:after {
    content: "|";
    padding: 0 .266667rem
}

.xbfilm-desccard__tags li:last-child:after {
    display: none
}

.xbfilm-status__w {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.xbfilm-status__title {
    color: #fff;
    font-size: .533333rem;
    font-weight: 600;
    height: .746667rem;
    line-height: .746667rem
}

.xbfilm-status__msg {
    color: #727379;
    font-size: .4rem;
    font-weight: 400;
    line-height: .56rem;
    margin-top: .48rem
}

.xbfilm-recommend__article_item {
    margin-bottom: .32rem
}

.xbfilm-recommend__article_item:last-child .xbfilm-recommend__article_item_title {
    margin-bottom: 0
}

.xbfilm-recommend__article_hot {
    margin-bottom: .373333rem;
    position: relative
}

.xbfilm-recommend__article_hot_bg {
    height: 4.346667rem
}

.xbfilm-recommend__article_hot_title {
    background: rgba(0, 0, 0, .52);
    bottom: 0;
    color: #fff;
    display: block;
    font-size: .32rem;
    font-weight: 400;
    height: .8rem;
    left: 0;
    line-height: .8rem;
    overflow: hidden;
    padding: 0 .24rem;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    z-index: 10
}

.xbfilm-recommend__article_item_title {
    color: #dfe4ea;
    font-size: .4rem;
    font-weight: 400;
    line-height: .56rem
}

.xbfilm-recommend__article_item_title:hover {
    color: #fff
}

.xbfilm-recommend__article_item_title>p {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.xbfilm-recommend__article_item_title:before {
    content: "·";
    display: none;
    font-size: .533333rem;
    left: 0;
    position: absolute
}

.xbfilm-cvideo__recommend {
    position: relative
}

.xbfilm-cvideo__recommend_item_thumb {
    height: 3.066667rem;
    margin-right: .293333rem;
    width: 2.133333rem
}

.xbfilm-cvideo__recommend_item {
    margin-bottom: .32rem
}

.xbfilm-cvideo__recommend_item>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.xbfilm-cvideo__recommend_item:last-child {
    margin-bottom: 0
}

.xbfilm-cvideo__recommend_item_title {
    color: #e7edf4;
    display: block;
    font-size: .426667rem;
    font-weight: 600;
    line-height: .586667rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.xbfilm-cvideo__recommend_item_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.xbfilm-cvideo__recommend_tags {
    color: #c2c2ce;
    font-size: .32rem;
    font-weight: 400;
    line-height: .453333rem;
    margin-top: .053333rem
}

.xbfilm-cvideo__recommend_other_tags {
    color: #727379;
    font-size: .32rem;
    font-weight: 400;
    line-height: .453333rem;
    margin-top: .133333rem
}

.xbfilm-nav {
    background: #191a22;
    -webkit-box-shadow: 0 .053333rem .106667rem 0 rgba(0, 0, 0, .15);
    box-shadow: 0 .053333rem .106667rem 0 rgba(0, 0, 0, .15);
    height: 1.28rem;
    position: relative
}

.xbfilm-nav__left {
    left: .426667rem;
    position: absolute;
    top: 0
}

.xbfilm-nav__left i {
    color: #fff;
    font-size: .373333rem;
    line-height: 1.28rem
}

.xbfilm-nav p {
    color: #fff;
    font-size: .426667rem;
    font-weight: 600;
    line-height: 1.28rem;
    text-align: center
}

.xbfilm-list__status {
    background: #101117;
    color: #92929b;
    font-size: .32rem;
    font-weight: 400;
    height: 1.013333rem;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.013333rem
}

@-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.xbfilm-list__status_loading i {
    -webkit-animation: rotating 1.1s linear infinite;
    animation: rotating 1.1s linear infinite;
    font-size: .373333rem;
    line-height: 1;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    vertical-align: middle
}

.xbfilm-list__status_loading span {
    margin-left: .08rem;
    margin-top: -.026667rem
}

.xbfilm-c__episode_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    width: 100%
}

.xbfilm-c__episode_list::-webkit-scrollbar {
    color: transparent;
    height: 0;
    width: 0
}

.xbfilm-c__episode_item {
    margin-right: .16rem;
    width: 3.413333rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.xbfilm-c__episode_item:last-child {
    margin-right: .266667rem
}

.xbfilm-c__episode_title {
    color: #dfe4ea;
    font-size: .4rem;
    line-height: .56rem;
    margin-bottom: .32rem
}

.xbfilm-c__episode_item_title,
.xbfilm-c__episode_title {
    display: block;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.xbfilm-c__episode_item_title {
    color: #fff;
    font-size: .32rem;
    line-height: .453333rem;
    margin-top: .24rem
}

.xbfilm-c__episode_thumb {
    height: 1.92rem;
    width: 3.413333rem
}

.xbfilm-signletab__title {
    color: #ffe291;
    font-size: .373333rem;
    font-weight: 500;
    height: .533333rem;
    line-height: .8rem;
    padding: .16rem 0;
    position: relative
}

.xbfilm-signletab__title:after {
    background: -webkit-gradient(linear, left top, right top, from(#ffe291), to(#ff9f2f));
    background: linear-gradient(90deg, #ffe291, #ff9f2f);
    bottom: -.053333rem;
    content: "";
    display: inline-block;
    height: .053333rem;
    left: 0;
    position: absolute;
    width: 100%
}

.xbfilm-signletab__header {
    border-bottom: .053333rem solid #27272a;
    padding-left: .32rem
}

.xbfilm-ctry {
    background-color: #15161d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 5.813333rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.xbfilm-ctry:after {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
    background: linear-gradient(180deg, transparent, #000);
    bottom: 0;
    content: "";
    display: block;
    height: .933333rem;
    left: 0;
    position: absolute;
    width: 10rem
}

.xbfilm-ctry_title {
    color: #c2c2ce;
    font-size: .32rem;
    font-weight: 600;
    height: .453333rem;
    line-height: .453333rem
}

.xbfilm-ctry_download {
    margin-bottom: .4rem;
    margin-top: .426667rem
}

.xbfilm-ctry_download i {
    font-size: .32rem;
    line-height: .32rem;
    margin-right: .16rem
}

.xbfilm-ctry_again {
    color: #ffe290;
    font-size: .32rem;
    font-weight: 400;
    line-height: .453333rem
}

.xbfilm-ctry_again>span {
    position: relative
}

.xbfilm-ctry_again>span:after {
    background: #ffe290;
    bottom: -.026667rem;
    content: "";
    display: block;
    height: .026667rem;
    left: 0;
    position: absolute;
    width: 100%
}

.xbfilm-ctry_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1.066667rem;
    width: 3.173333rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    color: #ffe291;
    font-size: .4rem;
    font-weight: 500;
    justify-content: center;
    line-height: 1.066667rem;
    text-align: center
}

.xbfilm-search__header {
    background: #15161d;
    padding: .48rem .453333rem .453333rem .426667rem
}

.xbfilm-search__header form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.xbfilm-search__header.is-fixed {
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

.xbfilm-search__header_results {
    background: #15161d;
    height: calc(100vh - 1.89333rem);
    left: 0;
    overflow-y: auto;
    padding: 0 .426667rem;
    position: fixed;
    top: 1.893333rem;
    width: 100%
}

.xbfilm-search__header_results li {
    border-bottom: .026667rem solid #20212b;
    color: #c9c9ca;
    display: block;
    font-size: .4rem;
    font-weight: 400;
    line-height: .56rem;
    overflow: hidden;
    padding: .48rem .533333rem .48rem 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.xbfilm-search__header_results li:first-child {
    padding-top: .08rem
}

.xbfilm-search__header_results li.invalid i {
    display: none
}

.xbfilm-search__header_results li i {
    color: #d8d8d8;
    font-size: .373333rem;
    position: absolute;
    right: .426667rem
}

.xbfilm-search__header_results em {
    color: #ffe291
}

.xbfilm-search__header_container {
    min-width: 2.346667rem;
    -webkit-box-flex: 1;
    background: #000;
    background: #25262c;
    border-radius: .48rem;
    border-radius: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    height: .96rem;
    overflow: hidden;
    padding: .266667rem;
    position: relative;
    width: 8rem
}

.xbfilm-search__header_cancel {
    color: #c9c9ca;
    font-size: .373333rem;
    font-weight: 400;
    line-height: .533333rem;
    margin-left: .373333rem
}

.xbfilm-search__header_input {
    -webkit-box-flex: 1;
    background: transparent;
    color: #fff;
    -ms-flex: 1;
    flex: 1;
    font-size: .346667rem;
    font-weight: 400;
    line-height: .426667rem;
    margin: 0;
    outline: 0;
    outline: none;
    padding: 0;
    z-index: 2
}

.xbfilm-search__header_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    padding-right: .24rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.xbfilm-search__header_icon i.xbfilm-icon {
    color: #92929b
}

.xbfilm-moredesc {
    position: relative
}

.xbfilm-moredesc__more {
    bottom: 0;
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    z-index: 2
}

.xbfilm-moredesc__more i {
    font-size: .32rem;
    margin-left: .106667rem
}

.xbfilm-moredesc__more>span {
    color: #dfe4ea;
    font-size: .32rem;
    font-weight: 400;
    line-height: .453333rem;
    position: relative;
    z-index: 5
}

.xbfilm-moredesc__more:before {
    background: -webkit-gradient(linear, left top, right top, from(rgba(21, 22, 29, .4)), color-stop(50%, #15161d));
    background: linear-gradient(90deg, rgba(21, 22, 29, .4), #15161d 50%);
    content: "";
    height: 100%;
    padding-left: .533333rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 1.333333rem;
    z-index: 0
}

.xbfilm-moredesc__collect i {
    font-size: .32rem;
    margin-left: .106667rem
}

.xbfilm-moredesc__collect>span {
    color: #dfe4ea;
    font-size: .32rem;
    font-weight: 400;
    line-height: .453333rem
}

.xbfilm-moredesc__more_right {
    color: #ffe291
}

.xbfilm-moredesc__more_right i {
    font-size: .373333rem
}

.xbfilm-moredesc__txt {
    position: relative;
    z-index: 1
}

.xbfilm-moredesc__visibel {
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    z-index: 0
}

.xbfilm-moredesc.is-more .xbfilm-moredesc__more {
    display: block
}

.xbfilm-moredesc.is-all {
    -webkit-line-clamp: 100 !important
}

.xbfilm-slide__actions {
    bottom: 4.32rem;
    position: fixed;
    right: 0;
    z-index: 100
}

@font-face {
    font-family: "xbfilm-iconfont";
    src: url(build/fonts/iconfont.130b751.woff2) format("woff2"), url(build/fonts/iconfont.7479dde.woff) format("woff"), url(build/fonts/iconfont.4182284.ttf) format("truetype")
}

.xbfilm-icon {
    font-family: "xbfilm-iconfont";
    font-size: .426667rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

i.xbfilm-icon {
    display: inline-block;
    vertical-align: middle
}

.xbfilm-icon__search:before {
    content: ""
}

.xbfilm-icon__right:before {
    content: ""
}

.xbfilm-icon__left:before {
    content: ""
}

.xbfilm-icon__hd:before {
    content: ""
}

.xbfilm-icon__ios:before {
    content: ""
}

.xbfilm-icon__android:before {
    content: ""
}

.xbfilm-icon__back:before {
    content: ""
}

.xbfilm-icon__share:before {
    content: ""
}

.xbfilm-icon__phone:before {
    content: ""
}

.xbfilm-icon__app:before {
    content: ""
}

.xbfilm-icon__more-txt:before {
    content: ""
}

.xbfilm-icon__more-right:before {
    content: ""
}

.xbfilm-icon__more-collect:before {
    content: ""
}

.xbfilm-icon__close:before {
    content: ""
}

.xbfilm-icon__loading:before {
    content: ""
}

@-webkit-keyframes fade-show {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fade-show {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes slide-show {
    0% {
        top: 100%
    }
    to {
        top: 0
    }
}

@keyframes slide-show {
    0% {
        top: 100%
    }
    to {
        top: 0
    }
}

@-webkit-keyframes flash-show {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes flash-show {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes scale-translate {
    0% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    20% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    40% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    60% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    80% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scale-translate {
    0% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    20% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    40% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    60% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    80% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@media screen and (min-width:769px) {
    html {
        background-color: #000;
        font-size: 75PX !important
    }
    body {
        margin: 0 auto;
        position: relative;
        width: 10rem
    }
    .swiper-slide {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
    .h5-swiper .swiper-wrapper::-webkit-scrollbar,
    .xbfilm-layout .com-filter__items ul::-webkit-scrollbar {
        background: transparent !important;
        display: block !important;
        height: .133333rem !important;
        width: .053333rem !important
    }
    .xbfilm-layout .com-filter__items ul::-webkit-scrollbar-thumb:horizontal {
        background: hsla(0, 0%, 100%, .7);
        border-radius: .266667rem
    }
    .h5-swiper .swiper-wrapper::-webkit-scrollbar-thumb:horizontal {
        background: hsla(0, 0%, 100%, .7);
        border-radius: .266667rem
    }
    .xbfilm-layout__header>div {
        margin: 0 auto;
        width: 10rem
    }
    .com-search__header_results {
        background: transparent !important;
        overflow: hidden
    }
    .com-search__header_results>ul {
        background: #15161d;
        height: 100%;
        margin: 0 auto;
        overflow-y: auto;
        padding: 0 .426667rem;
        width: 10rem
    }
    .com-search__header_results>ul li {
        position: relative
    }
}

.com-download__app {
    background-image: url(build/img/btn_app.af6d484.png);
    background-position: 100%;
    background-size: cover;
    width: 3.093333rem
}

.com-download__app span {
    visibility: hidden
}

.com-search__container {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

@media screen and (max-width:768px) {
    html {
        font-size: 37.5PX
    }
}

.xbfilm-img__icon_like {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAArNJREFUSEu9lktoE1EUhv8zmWoKQVJSQRex0FY3roQu3PjIxupC0E2VgTkzpQi24kIFhaIYCyqoIAaMBqTp3IEqgYJduRBBEFHQjWtt04ULi9ZNQUeSzJGJTenLZlrS3u2983/n8Z/DEDbp0CZxEAqUz+fjkUjkAYCTAH6JSMayrFtrCTIUSCn1AsBRAB8BtADoIKIzpmk+CQurCxoZGenQNO0zgBwz9+fz+WgkEpkSkU+WZXU3DOQ4zgARPSSig6ZpvgmEHccpEtEUM6caCRonosPJZDKRSqXKgbDrut9F5D0zH28IKJfLNUWj0RkiesXMgRGqRynlichzy7JONwSklDoE4LXv+wO2bT8KRAuFwhbP8/4ExhCRwkogIvo5F8hM7X5VMziOc5OIBn3f77Rte2KuPwki+hEik6+6rncZhjEdvF0VpJT6ACDOzLtrwkE5Y7HYvv+BKpVKoHkKwAUAQ8x8fVXQ6Ohoa6lUmtY07bFpmudCZDD/JJPJbI3H47+J6JlpmsYikOu6nSLSTUTVLEVkL4CzInLCsqzxtYBc1+0XkSwRDZimWe3tfOmUUk8BLHKRiJTK5XKir69vNiyoUChEPM/7IiItzc3NiZ6enspS0BgR7dc07UBwUS6XFRElmbktLGSB/TMAzlcqlZ29vb3floEAdNWElVIvAexZKyibzbbEYrF3ALZNTk7uSqfT1SFfWLqxRoCUUpcA3ANwhZnvLJsjpVRDQMPDw+26rk+IyF3Lsi5vGKjmOAAXmfn+hoBEhFzXnQLQqut6m2EY8xuk4T1yHMcFYBSLxaZ0Ou1vSEaBuZRSbwG0M/OOhWOxNKOUiPzbTUTB2tkO4EbIOdKI6IiIHAMwyMy3VwQ5jjNERFfrLdo60Fnf9zO2bV8LttiKoJBRr/tZ3Z+TdSsv+fAvl7U9Kqwn/rMAAAAASUVORK5CYII=);
    background-size: 100% 100%;
    display: inline-block;
    height: .469333rem;
    width: .469333rem
}

@media not all,
screen and (-webkit-min-device-pixel-ratio:2),
screen and (min-resolution:2dppx) {
    .xbfilm-img__icon_like {
        background-image: url(build/img/i_like@2x.7a64021.png)
    }
}

.xbfilm-img__icon_success {
    background-image: url(build/img/i_success.b81b7b0.png);
    background-size: 100% 100%;
    display: inline-block;
    height: 1.173333rem;
    width: 1.173333rem
}

@media not all,
screen and (-webkit-min-device-pixel-ratio:2),
screen and (min-resolution:2dppx) {
    .xbfilm-img__icon_success {
        background-image: url(build/img/i_success@2x.b31bfdb.png)
    }
}

[theme=light] {
    background-color: #f2f2f2
}

[theme=light] body {
    background-color: #fff
}

.peacock .com-header__app span {
    background: -webkit-gradient(linear, left top, right top, from(#19d7ce), to(#2d99ff));
    background: linear-gradient(90deg, #19d7ce, #2d99ff)
}

.peacock .navs>div.active {
    color: #6cecff
}

.peacock .navs>div.active:after {
    background: -webkit-gradient(linear, left top, right top, from(#19d7ce), to(#2d99ff));
    background: linear-gradient(90deg, #19d7ce, #2d99ff)
}

.peacock .com-card__header:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#19d7ce), to(#2d99ff));
    background: linear-gradient(180deg, #19d7ce, #2d99ff)
}

.peacock .com-card__right .more-text {
    color: #fff
}

.peacock .com-filter__item.active,
.peacock .scoreDetail-score {
    color: #6cecff
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex-row {
    -webkit-box-orient: horizontal;
    -ms-flex-flow: row;
    flex-flow: row
}

.flex-column,
.flex-row {
    -webkit-box-direction: normal
}

.flex-column {
    -webkit-box-orient: vertical;
    -ms-flex-flow: column;
    flex-flow: column
}

.flex-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.w50 {
    width: 50%
}

.w100 {
    width: 100%
}

.pointer:hover {
    cursor: pointer
}

.flex-shrink {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.text-right {
    text-align: right
}

.rewards-friends.com-card {
    background: transparent;
    height: auto
}

.rewards-friends.com-card .com-card__header {
    padding: 0 .32rem .426667rem
}

.rewards-friends.com-card .com-card__header:after {
    top: .106667rem
}

.rewards-friends.com-card .com-card__body {
    padding: 0 .32rem
}

.rewards-task.com-card {
    background: transparent;
    height: auto
}

.rewards-task.com-card .com-card__header {
    padding: 0 .32rem .08rem
}

.rewards-task.com-card .com-card__header:after {
    top: .106667rem
}

.rewards-task.com-card .com-card__body {
    padding: 0
}

.el-message {
    font-size: .373333rem;
    min-width: 90% !important
}

.is-app .rewards-header {
    position: fixed;
    z-index: 3000 !important
}

.is-app .webpage {
    padding-top: 1.493333rem
}

.is-app .webpage.luckywheel {
    padding-top: 1.653333rem
}

.is-app .xbfilm-header {
    padding-top: .96rem;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3000
}

.xbfilm-layout {
    font-size: .32rem
}

.cover-image {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}