:root {
    --vh: 1vh;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
}

html,
body,
#app {
    width: 100%;
    height: 100%;
    background-color: #000000;
    -webkit-text-size-adjust: 100%;
    transition: height 100ms;
}

body {
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 0;
}

#app {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    width: 100%;
    height: calc(var(--vh) * 100);
    max-height: 100vh;
    overflow: hidden;
}

img {
    -webkit-touch-callout: none;
}

#drama_download_banner {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 1.46rem;
}

.top_banner_btn {
    width: 100%;
    height: 1.2rem;
    align-items: center;
    padding: 0 0.32rem;
    background-color: #f0f0f0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}

.adLeft {
    flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    flex-direction: row;
    column-gap: 0.16rem;
}

.topBannerLogo {
    width: 0.88rem;
    height: 0.88rem;
}

.topBannerIntro h2 {
    font-weight: bold;
    font-size: 0.32rem;
    color: rgba(0, 0, 0, 0.9);
    line-height: 0.44rem;
}

.topBannerIntroText {
    height: 0.34rem;
    font-size: 0.26rem;
    font-weight: 400;
    line-height: 0.32rem;
    color: rgba(0, 0, 0, 0.4);
    display: inline-block;
    width: 2.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.openBtn {
    display: inline-block;
    width: 3rem;
    height: 0.64rem;
    background-color: rgb(234, 111, 113);
    border-radius: 0.32rem;
    font-size: 0.3rem;
    font-weight: 500;
    color: #ffffff;
    line-height: 0.64rem;
    text-align: center;
    white-space: nowrap;
}

.bagImg {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    object-fit: cover;
    filter: blur(4px);
    border: 0;
}

.bagAlpha {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 1) 51%, #000000 100%);
}

.logoIcon {
    display: none;
    position: absolute;
    top: 1.52rem;
    left: 50%;
    width: 1.81rem;
    height: 0.4rem;
    justify-content: center;
    z-index: 99;
    transform: translateX(-50%);
}

.contentBox {
    position: relative;
    z-index: 10;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-y: auto;
    transition: height 100ms;
    padding: 0.3rem 0.32rem 2.42rem;
    width: 100vw;
    overflow-x: hidden;
}

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

#drama_download_cover {
    min-height: 5.76rem;
    min-width: 3rem;
    padding: 0.3rem 0.32rem 0.16rem;
    position: relative;
}

.bookCover {
    border: 0.1rem solid transparent;
    height: 6.14rem;
    border-radius: 0.23rem;
}

.bookViews {
    position: absolute;
    right: 0.53rem;
    bottom: 0.51rem;
    z-index: 2;
    font-size: 0.24rem;
    color: #ffffff;
    white-space: nowrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    flex-direction: row;
    visibility: hidden;
}

.bookViews::before {
    content: "";
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADnRSTlMA5tJNmhMGiIJewjksHU4PQUIAAACBSURBVCjPY6AZSG6fhiHGs1BQyABdMEhQUFAkAE2wUBAIlNEEFwqCgCuqIFgMYSxCEMNYQShQxhREGIsQRBiLEEQYixDENFYQCUzAJiiNTVAEm6AQPkHC2qWJdZIybm8SDhBXQoEMN5BgxClCDSScGC5hSzY8iggDESC5w4yBxgAA6rkdwvedDaoAAAAASUVORK5CYII=) 0 0/100% 100% no-repeat;
    margin-right: 0.05rem;
}

.bookInfo {
    width: 100%;
    max-width: 6.84rem;
    line-height: 1.5;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.bookInfo .bookName {
    font-size: 0.36rem;
    font-weight: 500;
    color: #ffffff;
    line-height: 0.56rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-bottom: 0.1rem;
    text-align: center;
}

.bookTag {
    padding: 0 0 0.12rem;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    display: none;
}

.bookTagItem {
    font-size: 0.26rem;
    display: inline-block;
    max-width: 6.84rem;
    text-align: center;
    padding: 0 0.24rem;
    height: 0.56rem;
    line-height: 0.56rem;
    border-radius: 0.28rem;
    background-color: rgba(255, 255, 255, 0.15);
    margin: 0.06rem 0.08rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bookInfo .bookDec {
    font-size: 0.26rem;
    font-weight: 400;
    text-align: left;
    color: rgba(255, 255, 255, 0.6);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

#drama_download_btn {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0.9rem;
    padding: 0.32rem;
    z-index: 99;
    width: 270px;
    height: 1.52rem;
}

.downloadBtn {
    position: relative;
    width: 100%;
    height: 100%;
    box-shadow: 0 0.04rem 0.12rem 0.04rem #0505051f;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.44rem;
    background: radial-gradient(50% 50% at 50% 50%, #E82F59, rgba(255, 255, 255, 0)), radial-gradient(100% 50% at 32% 50%, rgba(255, 255, 255, 0), #E82F5914 99.99%, rgba(255, 255, 255, 0)), linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.5) 3.65%, rgba(255, 255, 255, 0) 80.73%, rgba(255, 255, 255, 0.4)), #E82F59;
    border: 1px solid;
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.1) 27.67%, rgba(255, 255, 255, 0.04) 89.06%, rgba(255, 255, 255, 0.08) 100%), radial-gradient(25.51% 10.08% at 50% 0%, #FFFFFF 0%, rgba(24, 21, 21, 0) 100%);
    font-size: 0.32rem;
    font-weight: 500;
    white-space: nowrap;
}

.downloadBtn::before {
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANIAAADSCAMAAAAIR25wAAAAY1BMVEUAAAD/+OP/+93///7/++H///7///7/////++L//////////////////N///d7///////7///////////7//eH/+97///3//eD//OP/+eL//fD//vP//ej//OT//Oj//uv//esQOj7ZAAAAIXRSTlMADBOeKpaohxuPXoBnNCFwsHp1tjpMvURWQISObF5kdHticqQrAAASW0lEQVR42uzYi07bQBCFYcxFLaqKhETVhub2/k/ZnfXZ/DuedRoROxjJJ+GSFqg/zuyQcrdmzZo1a9asWbOcdLqXF958wXDdSCB+PRiYDoYe1cQvoXJXTht041D6sAXD9L0HMNYSYntZ9hh2OLhmOjnT0gKnkKusW0oPW5HFfdrSmqIXvvdcv+7VDVn5tGXtQXo5qboOQzMUyE5ZyJ7wB6YrHij33LkphUxDC1mA7hyoATzZ4tL/kStMugUsCl2GQHAo50z0Ia5TWvq8Q8UxkIduLors+mT2xG1BNFS3BKjF+V4lshRUdH/LdLz1nkAZy2AIWYSfg1IzBURampd0c6ke1izyGSiDUJFYbDbHsbtPNiLzKG11f58xcACx4Tyopjy+PCqeFlVs9bk1UcXWpiD6KZQzKSzFN8Xw3QLGP8JWABQ5F7NYFfq6PKuYVdUN1hweQHAuZzlUVum4zgxyozA4QyOenyPxKlBM321UtERHARQ5l7BiU2705hKpIL1qgVqct5yNbumeElwRxepjw04P4pUyAnKYjeV3lY3lzRJUzfFjw5LJS4qiCDKMKL9CRIM1bIrdd1eN30wqfqEQQRRkHjB/BgG2oasWiiVBT3M88VbczA0LMo8su91+v99WSQ93uwLry/ovar4fT2w6RIDw5HpMkyyHw/H47nI8HA4m2/UsugIVTPzomLwjebwIEP0kTtIY5q/l6ZT8sIdtrS5jUVU06bkEoKk7Us6A+n62W+PUlIecmmas7TapVFUTRU8yddNhEDUrEsg8adrEMYcomfNgN6Vi7a0qoZg+9nn4beZEoniMAOkIWUE2b8kDxxghFSupEipXBYqi7jFNVxNfio4QuYYMdLR+uGYyxrKujoeIiiZqmgilkgTyIoHsAMkD57mRouo/VlXt8vj12699oDgB14LYDIjc0G36hvLE0U/g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) 0 / 100% no-repeat;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    animation: beforeScale 1s infinite linear;
    position: absolute;
    top: 0.15rem;
    right: .4rem;
    z-index: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.downloadBtn::after {
    content: "";
    background: url(data:image/png;base64,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) 0/100% no-repeat;
    width: 0.7rem;
    height: 0.7rem;
    animation: afterScale 1s infinite linear;
    position: absolute;
    top: 0.55rem;
    right: 0.2rem;
    z-index: 2;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

@-webkit-keyframes afterScale {
    0%,
    100% {
        top: 0.55rem;
        right: 0.1rem;
    }
    50% {
        top: 0.4rem;
        right: 0.1rem;
    }
}

@keyframes afterScale {
    0%,
    100% {
        top: 0.55rem;
        right: 0.1rem;
    }
    50% {
        top: 0.4rem;
        right: 0.1rem;
    }
}

@-webkit-keyframes beforeScale {
    0%,
    100% {
        transform: scale(1);
        opacity: 0;
    }
    25% {
        transform: scale(1.5);
        opacity: 1;
    }
    50% {
        transform: scale(2);
        opacity: 0.8;
    }
    75% {
        transform: scale(2);
        opacity: 0.1;
    }
}

@keyframes beforeScale {
    0%,
    100% {
        transform: scale(1);
        opacity: 0;
    }
    25% {
        transform: scale(1.5);
        opacity: 1;
    }
    50% {
        transform: scale(2);
        opacity: 0.8;
    }
    75% {
        transform: scale(2);
        opacity: 0.1;
    }
}

/*横屏 css*/
@media screen and (orientation: landscape) and (min-width: 500px) {
    #app {
        transform: translateZ(1px);
    }
    #drama_download_banner {
        display: none !important;
    }
    .logoIcon {
        display: inline-block !important;
        top: 0.24rem;
    }
    .contentBox {
        padding: 0.88rem 0 !important;
        flex-direction: row;
        justify-content: center;
    }
    .bagImg {
        top: 0;
    }
    .bookCoverWrap {
        flex: 0;
    }
    #drama_download_cover {
        padding: 0;
        min-width: 2.5rem;
        min-height: 4.4rem;
    }
    .bookCover {
        width: auto;
        height: 4.4rem !important;
    }
    .bookViews {
        right: 0.21rem;
        bottom: 0.19rem;
    }
    .bookInfo {
        margin-left: 0.8rem;
        padding-bottom: 0;
    }
    #drama_download_btn {
        margin-top: 0.32rem;
        position: relative;
        transform: translateX(0%);
        left: 0;
        bottom: 0;
        padding: 0;
        z-index: 99;
        width: 100%;
        height: 0.88rem;
    }
}

.pauseIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 1.12rem;
    height: 1.12rem;
    transform: translate(-50%, -50%);
    display: none;
}