#epapers-show {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    background-color: #484848;
}

#epapers-show #header {
    position: relative;
    height: 0.66667rem;
    font-size: 0.21333rem;
    line-height: 0.66667rem;
    text-align: center;
    color: #7B7A7A;
    background-image: none;
    background-color: transparent;
}

#epapers-show #header .title {
    font-size: 0.26667rem;
    line-height: 0.66667rem;
    text-align: center;
}

#epapers-show #header .back {
    display: inline-block;
    position: absolute;
    left: 0;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-size: 0.24rem;
    background-position: center center;
    font-size: 0;
    width: 0.4rem;
    height: 0.66667rem;
    padding: 0 0.26667rem;
}

#epapers-show #header .download {
    display: inline-block;
    position: absolute;
    right: 0.13333rem;
    top: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADH0lEQVR42u2YTWgTQRTHN1ap4qEXhWpR8KKgYAWtXhQDeklREGkoFJWcApYGmuzHfGxLxIsHj+rJb7TqQUEqKIJ4EC/iqWpR9OBFvCj9QGiL3/8Xd5dpNTRhd90EZuDBbjKZ+f/evPdmJoahm26N2TjnWSnENGzcsqwNTQfgOM5RV8pfZPTcfCugAHANoAE0gAbQABpAA2gADaABNIAGSLJlMplWyVgfblc7aunPGDviA9Bzjb/phPVls9mWqPWnpJQnSQzuuBO2be+lzyIESJVKpU7J+UfqLxizIgdwhSj5gmCzALKLxeKKsACFQqEV3x+HY6b8/hhbLOaguls6nV4KDw0rEN/gqVNhc4BzLiD+q99XCHG2jLniSoUUIExM+CXwFucXMenqegFM01wlOD8TjCPEHGCGy+XykliTOZ/PL0MOdGPSSX8lMPmDXC63vA6AFoCP0m898TMQ30vh9N+qkkAiw4Nvg6VnbMyyrK2LASDet0D8c8Xz77GC3YmUVoTBZkz+zBPyk4DgyV0VobZ9LEhiPNNnruPshPg31Nf7zUv5BzplJNUQTu0Q8lhJbqo6B7Ff9AT/zJlmD0APqH3w/hRVrCO0gCiSxnXdDpS+q75nYR+wGreV8LpDnwXvnN8A5PpoYpmxe7Andn9/e9jkhlfPAeK76mnV8N0PgJ6nvmHmkoODa0gzVrlkKPF4IawzaGPDwBzjTfxD/BS+G0KirwztdCEu+eMGAEi+kcgqFOJ/3l6BZ27bvZEdFDm/+RcA4vJ6lMmN5T2MsV/AXtFzlGOjko3EDlCBGBhYG0mlqQWAxwAQ212jCsC1ZgGgaFEBZr2N5WGzAEDzIy/s5+jlnffyCRAbG138kONsgubPXnUbo5p6OtgLpLwcx3UuqkbacLG6Epy9aCND7G/Hy2vljHIXZe8QDmpddEcF1LYkjTSQFtJE2pS9ZRzX0HWVSwog9i/YNWe8K95kIxhpIU3zNEq5b+HRuAv19T5yYbraWSZpI22k0a32zwiWqw0XlT3odAKdb9FBD6szmqRVDpvQQpqgbzfL59sM3Rqo/QYiNyc7AFdv8QAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: 0.24rem;
    background-position: center center;
    font-size: 0;
    width: 0.4rem;
    height: 0.66667rem;
}

#epapers-show #main {
    flex: 1;
    width: 100%;
    padding: 0 0 0 0;
    margin-left: 0;
}

#epapers-show #main .swiper-wrapper {
    height: 100%;
}

#epapers-show #main .edition {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#epapers-show #main .edition .thumbnail {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    text-align: center;
}

#epapers-show #main .edition .thumbnail img {
    max-width: 100%;
    max-height: 100%;
}

#epapers-show #main .edition .prev {
    text-align: center;
    color: #7B7A7A;
    font-size: 0.16rem;
    line-height: 0.4rem;
}

#epapers-show #main .edition .next {
    text-align: center;
    color: #7B7A7A;
    font-size: 0.16rem;
    line-height: 0.53333rem;
}

#epapers-show #daodu {
    visibility: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 9;
}

#epapers-show #daodu .phase {
    position: absolute;
    bottom: 0;
    width: 75%;
    height: 100%;
    margin: 0 25% 0 0;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.9);
    text-align: justify;
}

#epapers-show #daodu .phase>.title {
    position: absolute;
    top: 0.4rem;
    padding: 0 0.13333rem;
    border-radius: 0.26667rem;
    font-size: 0.24rem;
    line-height: 0.24rem;
    white-space: nowrap;
    vertical-align: middle;
}

#epapers-show #daodu .phase>.title span {
    margin-right: 0.2rem;
    font-size: 0.21333rem;
    line-height: 0.24rem;
}

#epapers-show #daodu .phase>.editions {
    width: 100%;
    position: absolute;
    top: 0.9rem;
    bottom: 0;
    margin: 0 0 0.2rem 0;
}

#epapers-show #daodu .phase>.editions .edition {
    overflow: auto;
    width: auto;
    height: auto;
    max-width: calc(100% - 0.4rem);
    max-height: calc(100% - 0.2rem);
    margin-bottom: 0.2rem;
    border-radius: 0.13333rem;
    padding: 0.13333rem 0.2rem;
}

#epapers-show #daodu .phase>.editions .edition .name {
    height: 0.26667rem;
    line-height: 0.26667rem;
    margin-top: 0rem;
    font-size: 0.21333rem;
    color: #1E1E1E;
}

#epapers-show #daodu .phase>.editions .edition .media {
    overflow: hidden;
    zoom: 1;
    padding: 0 0 0 0.26667rem;
    margin-top: 0.13333rem;
}

#epapers-show #daodu .phase>.editions .edition .media .medium {
    display: block;
    text-decoration: none;
    margin-bottom: -0.01333rem;
    overflow: hidden;
    zoom: 1;
}

#epapers-show #daodu .phase>.editions .edition .media .medium .title {
    padding: 0.1rem 0;
    font-size: 0.21333rem;
    line-height: 0.26667rem;
    overflow: hidden;
    zoom: 1;
    color: var(--theme_color);
}

#epapers-show.collapsed #daodu {
    visibility: visible;
}

#epapers-show #purchase {
    display: inline-block;
    position: fixed;
    bottom: 0.4rem;
    left: 50%;
    padding: 0.13333rem 1rem 0.13333rem;
    transform: translateX(-50%);
    background-color: var(--theme_background_color);
    background-size: 100% 100%;
    overflow: hidden;
    font-size: 0.24rem;
    line-height: 0.24rem;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    vertical-align: middle;
    text-decoration: none;
    z-index: 9;
    border-radius: 0.4rem;
    box-shadow: 0 0.06667rem 0.13333rem rgba(0, 0, 0, 0.3);
}

#jingxuan {
    position: absolute;
    width: 50px;
    top: 7.5px;
    right: 40px;
    z-index: 9;
    animation-name: shake;
    animation-duration: 500ms;
    animation-timing-function: ease-in-out;
    animation-delay: 1000ms;
    animation-iteration-count: infinite;
}

@keyframes shake {
    0% {
        transform: translate(0px, 0px) rotate(0deg)
    }

    4% {
        transform: translate(0.75px, -1.25px) rotate(-1.5deg)
    }

    8% {
        transform: translate(-1.25px, 0.25px) rotate(-0.5deg)
    }

    20% {
        transform: translate(0px, 0px) rotate(0deg)
    }
}