@font-face {
    font-family: 'Archivo';
    src: url("../font/Archivo.woff2");
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    font-size: calc(16px + 2 * (Min(100vw,750px) - 375px) / 39);
}

body {
    line-height: 1.5;
    fill: currentColor;
    color: #1A1A1A;
    font-family: 'Archivo', Arial, Helvetica, sans-serif;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -webkit-text-size-adjust: none;
    -webkit-touch-callout: none;
    background-color: #F6F7F9;
}

h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select {
    font-size: 100%;
}

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

.header a {
    color: #539cd7;
}

.header-operate>.icon,
.header-operate-a {
    float: left;
    width: 2.25rem;
    height: 2.25rem;
    overflow: hidden;
    color: #539cd7;
}

.page {
    background-color: #FFF;
    box-shadow: 0 200px #FFF;
    max-width: 750px;
    margin: 0 auto;
}

.content {
    background-color: #F6F7F9;
    padding-bottom: .1px;
}
.page > .content {
    padding-top: 2.75rem;
}

.header {
    height: 2.75rem;
    box-sizing: border-box;
    padding-top: 0.6875rem;
    padding-bottom: 0.625rem;
    border-bottom: 1px solid #f0f1f2;
    background-color: #FFF;
    position: relative;
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    max-width: 750px;
}

.header-back-title {
    position: absolute;
    left: 1.5275rem;
    line-height: 1.375rem;
    font-size: 1rem;
    font-weight: 400;
    max-width: 60%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.header-operate {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0.25rem 0.375rem;
}

.header-operate svg {
    display: block;
    margin: 0.625rem auto;
}

svg.icon,
.icon>svg {
    width: 1em;
    height: 1em;
    vertical-align: -.15ex;
    fill: currentColor;
}

a.icon-more:empty {
    position: relative;
    width: 2.25rem;
    height: 2.25rem;
}

a.icon-more:empty::before,
a.icon-more:empty::after {
    content: '';
    position: absolute;
    border-top: 1px solid;
    width: 1.125rem;
    top: 1.125rem;
    left: 50%;
    margin-left: -0.5625rem;
    margin-top: -1px;
    -webkit-transition: all .15s;
    transition: transform .15s;
}

a.icon-more:empty::before {
    height: 4px;
    border-bottom: 1px solid;
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

a.icon-more:empty::after {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

a[href]:active,
button:active {
    background-image: none;
    background-image: none;
}

a.icon-more.active::before {
    height: 0;
    border-bottom: 0;
    -webkit-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
}

a.icon-more.active::after {
    -webkit-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
}

.guide {
    position: fixed;
    max-width: 750px;
    margin: 0 auto;
    left: 0;
    top: 2.5rem;
    right: 0;
    bottom: 0;
    visibility: hidden;
    -wekit-transition: visibility .25s;
    transition: visibility .25s;
    z-index: 3;
    overflow: hidden;
}

.active.guide {
    -wekit-transition: none;
    transition: none;
    visibility: visible;
}

.full,
.footer-backtop-circle svg,
.aside,
.aside-overlay,
.guide-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.aside-overlay,
.guide-overlay {
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
}

.active>.aside-overlay,
.active>.guide-overlay {
    opacity: .6;
}

.guide-content {
    padding: 0 1rem;
    position: relative;
    background-color: #FFF;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .15s;
    transition: transform .15s;
    overflow: hidden;
}

.active>.guide-content {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.guide-nav {
    text-align: justify;
    font-size: 0;
}

.guide-nav-a {
    display: inline-block;
    width: 3.5rem;
    height: 3.625rem;
    text-align: center;
    font-size: 0.75rem;
    position: relative;
}

.guide-nav .guide-nav-a {
    margin: .75rem 1.5rem;
}

.icon-home {
    background-image: url(../images/sprite@2x-1b00bd3f04.png);
    background-size: 188px 176px;
    background-position: 0px -80px;
    width: 36px;
    height: 36px;
}

.icon-sort {
    background-image: url(../images/sprite@2x-1b00bd3f04.png);
    background-size: 188px 176px;
    background-position: -120px -40px;
    width: 36px;
    height: 36px;
}

.icon-rank {
    background-image: url(../images/sprite@2x-1b00bd3f04.png);
    background-size: 188px 176px;
    background-position: 0px -40px;
    width: 36px;
    height: 36px;
}

.icon-end {
    background-image: url(../images/sprite@2x-1b00bd3f04.png);
    background-size: 188px 176px;
    background-position: -120px 0px;
    width: 36px;
    height: 36px;
}

.icon-newbook {
    background-image: url(../images/sprite@2x-1b00bd3f04.png);
    background-size: 188px 176px;
    background-position: -40px -40px;
    width: 36px;
    height: 36px;
}

.guide-nav-a>.icon {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1.625rem;
    margin: auto;
}

.guide-nav-h {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.1875rem;
    font-weight: normal;
}

.search-popup {
    background-color: #fff;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    max-width: 750px;
    margin: 0 auto;
    z-index: 101;
}

.search-area {
    height: 2rem;
    background-color: #F6F7F9;
    border-radius: .25rem;
    position: absolute;
    left: 1rem;
    right: 3.75rem;
    top: 0;
    bottom: 0;
    margin: auto;
}

.search-area .icon-search {
    position: absolute;
    left: .5rem;
    top: 0;
    bottom: 0;
    color: #808080;
    margin: auto;
}

.search-input {
    border: 0 none;
    background: none;
    height: inherit;
    width: 100%;
    padding: 0 2rem;
    font-size: 0.875rem;
}

.search-cancel {
    background-color: #FFF;
    width: 3.25rem;
    height: 2rem;
    line-height: 2rem;
    position: absolute;
    right: .25rem;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 0.875rem;
    text-align: center;
}

.white-content {
    background: #fff;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    box-shadow: 0 -0.5px 0px 0px #EBEBEB;
}

.search-guide {
    display: block;
    line-height: 2rem;
    margin: 0.375rem 0.75rem 0;
    background-color: #F7F7F7;
    border-radius: .25rem;
    font-size: 0.8125rem;
    text-align: center;
    color: #808080;
}

.search-guide .icon-find {
    margin-right: 0.3125rem;
    vertical-align: middle;
}

#quote {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    min-width: 190px;
}

.home-nav {
    display: flex;
    display: -webkit-box;
    justify-content: space-between;
    -webkit-box-pack: justify;
    background-color: #FFF;
    padding: 0.75em 0.625rem;
}

.home-nav .guide-nav-a {
    display: block;
}

.module {
    margin: 0.75rem 0;
    background-color: #FFF;
}

.module-header {
    height: 2.75rem;
    border-top: 1rem solid transparent;
    padding: 0 1rem;
}

.module-header-l {
    float: left;
}

.module-title {
    display: inline;
    color: #1A1A1A;
    font-weight: 600;
}

.module-title::before {
    content: '';
    height: 1em;
    width: 0.625rem;
    display: inline-block;
    box-sizing: border-box;
    border-left: 2px solid #539cd7;
    color: transparent;
    vertical-align: -.22ex;
}

.module-header::after {
    content: '';
    display: table;
    clear: both;
}

.module-slide-ol {
    display: none;
    padding: 0 1rem;
    white-space: nowrap;
    min-height: 10.75rem;
    position: relative;
}

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

.module-slide-ol:only-child {
    display: flex;
    flex-wrap: wrap;
}

.module-slide>.active {
    display: block;
}

.module-slide-li {
    vertical-align: top;
    white-space: normal;
    width: 33.333%;
}

.module-slide-a {
    display: block;
    width: 100%;
    padding: .75rem .5rem .5rem;
}

.module-slide-img {
    display: block;
    width: inherit;
    height: 9.5rem;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(51, 55, 61, 0.1);
}

.book-cover img,
.module-slide-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
    transition: all .5s;
}

.module-slide-caption {
    margin: .5rem 0 .25rem;
    font-size: 0.8125rem;
    max-height: 2.125rem;
    line-height: 1.125rem;
    overflow: hidden;
    font-weight: 600;
}

.module-slide-author {
    font-size: .75rem;
    color: #808080;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.clip,
aria {
    position: absolute;
    clip: rect(0 0 0 0);
}

ol.book-ol li {
    width: 100%;
    display: block;
}

.book-layout {
    display: block;
    padding: 1rem;
    position: relative;
    overflow: hidden;
    -webkit-transition: padding-left .15s;
    transition: padding-left .15s;
}

.book-cover {
    width: 4.125rem;
    height: 5.5rem;
    float: left;
    margin-right: .5rem;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(51, 55, 61, 0.1);
    overflow: hidden;
    font-size: 0;
}

.book-cover a {
    display: block;
}

.book-cover:not(img) {
    background-color: #F6F7F9;
}

.book-cell {
    margin-left: 4.625rem;
    overflow: hidden;
}

.book-title {
    line-height: 1.4;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600;
}

.book-desc {
    margin: 0.375rem 0;
    line-height: 1.125rem;
    font-size: 0.8125rem;
    color: #808080;
    overflow: hidden;
}

.book-ol-normal .book-desc,
.book-ol-time .book-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.1875rem;
    height: 2.25rem;
}

.book-meta {
    font-size: .75rem;
    height: 1.5rem;
    overflow: hidden;
}

.book-meta-l {
    float: left;
    height: 1.5rem;
    overflow: hidden;
}

.book-author {
    display: block;
    color: #808080;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 17em;
    max-width: calc(120vw - 2rem - (176rem / 16));
    font-size: 0.75rem;
    overflow: hidden;
}

.book-author .icon-human {
    margin-right: 0.1875rem;
    font-size: .75rem;
    vertical-align: -.15ex;
}

.book-meta-r {
    float: right;
    position: relative;
}

.tag-small-group,
:not(.tag-small-group)>.tag-small,
:not(.tag-small-group)>.tag-solid {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

.origin-right,
.origin-right .tag-small,
.origin-right .tag-solid {
    -webkit-transform-origin: right center;
    transform-origin: right center;
}

.tag-small-group {
    display: inline-block;
}

.book-meta-r .tag-small-group {
    position: absolute;
    top: -0.375rem;
    right: 0;
    white-space: nowrap;
}

.module-header-r {
    float: right;
    position: relative;
    min-width: 4rem;
}

.module-header-btn {
    line-height: 1.5rem;
    padding: 0.5rem 0.5rem 0.5rem 0.75rem;
    color: #808080;
    font-size: 0.8125rem;
    position: absolute;
    right: -.75rem;
    top: -.5rem;
    white-space: nowrap;
}

.module-header-btn .icon-arrow-r {
    margin-left: 0.25rem;
}

.tag-small,
.tag-solid {
    display: inline-block;
    line-height: 1.5;
    padding: 0 .25em;
    margin: 0 .15em;
    font-size: 1.25rem;
    -webkit-transform: scale(1);
    transform: scale(1);
    vertical-align: bottom;
}

.yellow {
    color: #d50e0e;
}

.tag-small-group>.tag-small:first-child,
.tag-small-group>.tag-solid:first-child {
    margin-left: 0;
}

.tag-small::before,
.tag-solid::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    bottom: 1px;
    border: 1px solid;
    border-radius: 0.11111em;
    opacity: .5;
    z-index: -1;
}

.red {
    color: #539cd7;
}

.blue {
    color: #5a2c83;
}

.orange {
    color: rgba(255, 126, 0, .65);
}

.gray {
    color: #808080;
}

.white {
    color: #FFF;
}

.tag-small-group>.tag-small:last-child,
.tag-small-group>.tag-solid:last-child {
    margin-right: 0;
}

.tag-small a {
    display: block;
}

.book-li::after {
    content: '';
    display: block;
    border-bottom: 1px solid #f0f1f2;
    margin: 0 1rem;
    margin-top: -1px;
    -webkit-transition: margin-left .15s;
    transition: margin-left .15s;
}

.book-li:last-child::after {
    display: none;
}

.footer {
    background-color: #FFF;
}

.footer-copy {
    padding-top: .25rem;
    padding-bottom: 1rem;
    font-size: .75rem;
    text-align: center;
    color: #808080;
    font-weight: 300;
}

.sort-li-title {
    display: block;
    padding: 0 1rem;
    padding-top: .75rem;
    font: bold .75rem / 1.5rem a;
    position: relative;
}

svg.icon-arrow-down {
    position: absolute;
    right: 1rem;
    width: 1.6em;
    height: 1.6em;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

svg.icon-arrow-down.active {
    transform: rotate(180deg);
    transition: all .3s ease-in-out;
}

.sort-li-header::after,
.sort-li-title::after {
    content: '';
    border-bottom: 1px solid #f0f1f2;
    left: 1rem;
    right: 0;
    position: absolute;
    bottom: 0;
}

.sort-li-detail {
    padding: 0 1rem;
    text-align: justify;
    line-height: 0;
    font-size: .75rem;
    max-height: 3.875rem;
    overflow: hidden;
}

.sort-li-detail.active {
    max-height: none;
}

.sort-ul {
    padding-bottom: 1rem;
}

.module-filter-list .sort-li-detail {
    text-align: left;
}

.btn-line,
.btn-line-gray,
.btn-line-gray~i:empty,
.btn-tag {
    display: inline-block;
    line-height: 1.6875rem;
    border: 1px solid;
    border-radius: 99px;
    padding: 0 0.625rem;
    font-size: 0.8125rem;
    text-align: center;
}

.btn-tag {
    line-height: 1.25rem;
    border-color: transparent;
    padding: 0 0.625rem;
}

.module-filter-list .btn-tag {
    margin-top: 0.5625rem;
}

.btn-tag.active {
    border-color: #539cd7;
}

.module-filter-list .btn-tag.active {
    background-color: #539cd7;
    color: #FFF;
}

.pagelink {
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagelink a {
    display: block;
    background: #e4dddd;
    padding: .2rem .5rem;
    color: #fff;
    font-size: .8rem;
}

.pagelink .active a {
    background: #f44336;
    padding: .25rem .3rem;
    color: #fff;
    font-size: .9rem;
    font-weight: 600;
}

.module-merge {
    margin: 0;
}

.book-detail-x {
    position: relative;
    overflow: hidden;
}

.book-cover-blur {
    position: absolute;
    top: 0;
    width: 100%;
    height: 175vw;
    opacity: .02;
    opacity: calc(0.1 + 0.15);
    -webkit-filter: blur(calc(17px + 1px));
    filter: blur(calc(17px + 1px));
}

.book-detail-info {
    position: relative;
    padding-top: 2.75rem;
    background: #FFF;
    background: -webkit-linear-gradient(bottom, #FFF, rgba(255, 255, 255, 0) 108px) no-repeat center bottom;
    background: linear-gradient(to top, #FFF, rgba(255, 255, 255, 0) 8rem) no-repeat center bottom;
}

.book-layout {
    display: block;
    padding: 1rem;
    position: relative;
    overflow: hidden;
    -webkit-transition: padding-left .15s;
    transition: padding-left .15s;
}

.book-detail-x .module-book-cover {
    width: 46%;
    margin: 0 auto;
    height: auto;
    position: relative;
    z-index: 1;
    border-radius: 10px;
    box-sizing: content-box;
    border: 2px solid rgba(255, 255, 255, .9);
    float: none;
    box-shadow: 0 25px 50px -30px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 25px 50px -25px rgba(0, 0, 0, .9);
}

.module-item-cover {
    position: relative;
    height: 0;
    padding-top: 140%;
    background-position: 50% 50%;
    background-size: cover;
    overflow: hidden;
    border-radius: 8px;
}

.module-item-cover::before {
    content: '';
    opacity: .1;
    background-image: radial-gradient(transparent 0%, rgba(0, 0, 0, 0.1) 44%, rgba(0, 0, 0, 0.56) 100%);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 9px;
    z-index: 1;
    pointer-events: none;
}

.book-detail-x .module-item-cover img {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    margin-right: 0;
    object-fit: cover;
    position: absolute;
    border-radius: 4px;
}

.book-detail-info .book-cell {
    text-align: center;
    height: auto;
    padding: 30px 0 10px;
    width: 100%;
    line-height: 1.4rem;
    margin-left: 0;
}

.book-detail-info .book-meta {
    height: auto;
}

.book-cell h1 {
    font-size: 1.725rem;
    line-height: 1.3;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
    text-overflow: ellipsis;
    padding: 0 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
}

.book-detail-info .book-title,
.authorname {
    font-weight: 600;
    color: #212832;
}

em {
    font-style: normal;
}

.book-detail-info .tag-small-group {
    transform: scale(1);
}

.book-detail-btn {
    padding: 0 1rem 1rem;
}

.btn-group {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-left: auto;
    margin-right: auto;
}

.btn-group-cell {
    display: table-cell;
    font-size: 100%;
    font-weight: 400;
}

.btn-normal {
    display: inline-block;
    line-height: 1.875rem;
    padding: 0 1rem;
    font-size: 0.8125rem;
    border-radius: 0.125rem;
    background-color: currentColor;
    text-align: center;
}

.btn-group-cell>.btn-normal {
    display: block;
    width: calc(100% - .6667rem);
    margin-left: .3333rem;
    padding: 0;
}

.btn-group-cell:first-child>.btn-normal {
    margin-left: 0;
}

.btn-normal::first-line {
    color: #FFF;
}

.btn-normal.white::first-line {
    color: #1A1A1A;
}

.book-detail-btn .icon {
    margin-right: 0.25rem;
}

.btn-group-cell:has(.share_list) {
    position: relative;
}

.share_list {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    justify-content: space-around;
    align-items: center;
    top: 2rem;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.share_list.active {
    top: -1.875rem;
    opacity: 1;
    transition: all 0.3s ease-in-out;
}

.book-layout-inline {
    display: inline-block;
}

.book-detail-info .tag-small-group .tag-small {
    font-size: .725rem;
}

.book-rand-a {
    font-size: 0.8125rem;
    margin-bottom: 10px;
}

.book-rand-a span {
    background: #539cd7;
    color: #fff;
    margin: 0 3px 0 0;
    padding: 0 10px;
    line-height: 20px;
    border-radius: 10px;
    display: inline-block;
}

.btn-normal.white {
    box-shadow: inset 1px 0 #e3e4e6, inset 0 1px #e3e4e6, inset 0 -1px #e3e4e6, inset -1px 0 #e3e4e6;
}

.book-summary {
    margin: 0 1rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
    box-shadow: 0 1px #f0f1f2, 0 -1px #f0f1f2;
    text-align: justify;
    overflow: hidden;
    position: relative;
}

.book-summary content {
    display: block;
}

.detail .module-title::before {
    display: none;
}

.page-book-detail .module-header,
.page-book-end .module-header {
    border-top: 0;
    padding: .5rem 1rem;
    line-height: 1.75rem;
    overflow: hidden;
}

.vol-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600;
}

.page-book-detail .module-content::before, .page-book-end .module-content::before {
    content: '';
    display: block;
    border-top: 1px solid #f0f1f2;
}

.chapter-li-a {
    display: block;
    font: 14px / 20px a;
    padding: 12px 1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.chapter-title {
    margin-left: 1ch;
}

.chapter-title:first-child {
    margin-left: 0;
}

.chapter-li::after {
    content: '';
    display: block;
    margin: 0 1rem;
    border-top: 1px solid #f0f1f2;
    margin-top: -1px;
}

nav[aria-label="breadcrumb"] {
    margin-bottom: 0;
    padding: 10px 16px 0;
}

nav ol.breadcrumb {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0.9rem;
}

nav ol.breadcrumb li {
    display: inline;
    word-break: break-all;
}

.atitle {
    text-align: center;
    font-size: 1.1em;
    padding: 20px 20px 15px;
    border-bottom: 1px solid #9e9e9e;
    clear: both;
}

#acontent {
    word-break: break-all;
    text-align: unset;
    padding: 10px 15px;
    font-size: 16px;
    line-height: 1.6;
}

#acontent p {
    text-indent: 2em;
    word-wrap: break-word;
    word-break: break-word;
    margin: .4rem 0;
}

.footlink {
    margin: 0.8em auto 3em;
    padding: 0.4em 0px;
    text-align: center;
    line-height: 2;
    font-size: 115%;
    border-top: 1px dashed #999;
}

.footlink a {
    border-radius: 7px;
    padding: 5px 10px;
    box-shadow: 0 0 1px rgba(150, 150, 150, .8);
    text-decoration: none;
    margin: 0 .7em;
    cursor: pointer;
}

.footlink a:nth-child(1) {
    display: inline-block;
    margin-bottom: 10px;
    width: 90%;
}

.footlink a:nth-child(2) {
    padding: 5px 10px;
    float: left;
    width: 35%;
    margin-left: 5%;
}

.footlink a:nth-child(3) {
    padding: 5px 10px;
    float: right;
    width: 35%;
    margin-right: 5%;
}

.footlink a:nth-child(4) {
    display: inline-block;
    margin-top: 10px;
    width: 90%;
}

#fontsize {
    display: flex;
    justify-content: center;
    gap: 10px;
}

#fontsize li {
    height: 2em;
    line-height: 2em;
    text-align: center;
    border: #1a1a1a 1px solid;
    border-radius: 20px;
    font-size: 14px;
    width: 30%;
    max-width: 120px;
}

.module-rank-nav {
    float: left;
    position: fixed;
}

.rank-btn-tag {
    position: relative;
    color: #808080;
    font-size: 0.75rem;
    line-height: 0.75rem;
    width: 5rem;
    height: 2.75rem;
    text-align: center;
    display: table;
}

.rank-btn-tag.active {
    color: #539cd7;
    font-size: 0.875rem;
    line-height: 0.875rem;
}

.rank-btn-tag::before {
    position: absolute;
    left: 0;
    top: 0.625rem;
    box-sizing: border-box;
    width: 0.125rem;
    height: 1.5rem;
    content: '';
    vertical-align: middle;
    color: transparent;
    border-left: 2px solid #fff;
    padding-right: 1.0625rem;
}

.active.rank-btn-tag::before {
    border-left: 2px solid #539cd7;
    top: .7rem;
}

.rank-list {
    display: table-cell;
    font-weight: 400;
    vertical-align: middle;
}

.module-rank-booklist {
    margin-left: 5rem;
    overflow-y: scroll;
    overflow: hidden;
    border-left: 1px solid #f0f1f2;
    display: none;
    min-height: 80vh;
}

.module-rank-booklist.active {
    display: block;
}

.top-number {
    min-width: .625rem;
    padding: 0 .125rem;
    width: auto;
    height: 0.875rem;
    display: block;
    color: #fff;
    background-color: #539cd7;
    text-align: center;
    line-height: 0.875rem;
    position: absolute;
    border-radius: 4px 0;
    font-size: 0.625rem;
}

.book-intro {
    font-size: .8125rem;
    line-height: 1.2;
    overflow: hidden;
    height: .9rem;
    margin: .4rem 0 0.35rem 0;
    margin-right: 0;
    word-break: break-all;
    color: #808080;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.book-cover.rank {
    width: 2.8125rem;
    height: 3.75rem;
    float: left;
    margin-right: .5rem;
    box-shadow: 0 4px 8px rgba(51, 55, 61, 0.1);
    overflow: hidden;
    font-size: 0;
    border-radius: 4px;
}

@media (min-width:410px) {
    .guide-nav .guide-nav-a {
        margin: .75rem 1.4rem;
    }
}

/* 廣告位 */

.positionFixed {
    bottom: 0px;
    left: 50%;
    position: fixed;
    transform: translate(-50%, 0%);
    z-index: 999;
    width: 100%;
    display: flex;
    justify-content: center;
}

.ad-div {
    width: 100%;
}

.t_de {
    height: 0.2rem;
    max-width: 100%;
    line-height: 0.3rem;
    font-size: 0.6rem;
    padding: 0.5rem 0 1rem 0;
    box-sizing: border-box;
    color: #707070;
    text-align: center;
}

.grecaptcha-badge {
    visibility: hidden;
}