/* Source: public/css/index.less */
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

blockquote,body,dd,dir,dl,h1,h2,h3,h4,hr,menu,ol,optgroup,p,pre,ul {
    margin: 0;
    padding: 0
}

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

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-touch-callout: none;
    font-size: .3rem;
    height: 100%;
    -webkit-user-select: none;
    width: 100%
}

input[type=button],input[type=number],input[type=password],input[type=tel],input[type=text],textarea {
    -webkit-appearance: none;
    outline: none
}

body {
    -ms-text-autospace: ideograph-alpha ideograph-numeric ideograph-parenthesis;
    text-autospace: ideograph-alpha ideograph-numeric ideograph-parenthesis;
    font-family: "sans-serif",helvetica neue,tahoma,hiragino sans gb,stheiti,wenquanyi micro hei,\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif
}

b,strong {
    font-weight: 700
}

em,i {
    font-style: normal
}

li,ul {
    list-style: none
}

img {
    border: 0;
    vertical-align: top;
    width: 100%;
    font-size: 14px;
}

* {
    box-sizing: border-box;
    outline: none
}

.positionFixed{
    max-width: 18.75rem;
    left: 50%;
    transform: translateX(-50%);
}

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

aria {
    font-size: 0
}

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

.flex1 {
    -webkit-box-flex: 1;
    box-flex: 1;
    flex: 1
}

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

.btn-list .btn-list-cell {
    display: table-cell
}

.btn-list .btn-list-cell .btn-list-tab {
    display: block;
    text-align: center
}

body {
    background: #f5f7f9
}

.page {
    box-shadow: 0 5rem #f5f7f9
}

.page .module:last-of-type:after {
    display: none
}

.home-bg {
    height: 17rem;
    position: absolute;
    width: 18.75rem;
    overflow: hidden;
}

.home-bg:before {
    background: linear-gradient(294deg,rgba(255,234,241,0) -27%,#ffeaf1 95%);
    border-radius: 50%;
    height: 20rem;
    left: -12.5rem;
    top: -10rem;
    width: 25rem
}

.home-bg:after,.home-bg:before {
    content: "";
    filter: blur(.625rem);
    position: absolute
}

.home-bg:after {
    background: linear-gradient(55deg,rgba(247,250,255,.62) 40%,#e5f4fb);
    height: 7.5rem;
    right: 0;
    top: 0;
    width: 18.75rem
}

[hidden] {
    display: none
}

.header-keep-position .header {
    box-sizing: border-box;
    height: 1.1rem;
    padding: .3rem 0;
    position: relative;
    top: .5rem
}

.header-keep-position .header .logo-a {
    height: 1.85rem;
    padding: 0 .575rem 0 .75rem;
    display: block;
    width: 6.475rem
}

.header-keep-position .header .logo-a .logo {
    bottom: 0;
    font-size: .9rem;
    height: 1.4rem;
    margin-top: .45rem;
    position: absolute;
    top: 0;
    width: 5.15rem
}

.header-keep-position .header-index {
    height: auto
}

.header-keep-position .header-index .header-more .search-guide span {
    color: #afb2b9;
    display: inline-block;
    font-size: .7rem;
    margin-left: 2rem;
    vertical-align: top
}

.header-keep-position .header-index.fixed {
    background-color: #f5f7f9;
    width: 100%;
    max-width: 18.75rem;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 0;
    position: fixed;
    top: 0;
    z-index: 10
}

.header-keep-position .header-index .header-more {
    display: flex;
    margin-top: 0;
    position: absolute;
    right: .75rem;
    top: .525rem
}

.header-keep-position .header-index .header-more .search-guide {
    background: url(../images/11780c83.png) no-repeat 50%;
    background-size: 1.15rem 1.15rem;
    border: 0;
    box-shadow: none;
    flex: 0 auto;
    height: 1.15rem;
    margin: 0;
    padding: 0;
    width: 1.15rem
}

.footer {
    padding: 0;
    background: #fff;
}

.footer .footer-copy {
    color: #8d8e91;
    font-size: .55rem;
    padding: 1rem .75rem;
    text-align: center;
}

.footer .footer-copy .footer-copy-line {
    line-height: .95rem;
}

.footer .footer-copy .footer-copy-line a{
    color: #8d8e91;
}

#searchPopup {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    overflow-y: auto;
    right: 0;
    z-index: 99
}

#searchPopup,#searchPopup .header {
    background: #f5f7f9;
    position: fixed;
    top: 0;
    width: 18.75rem;
}

#searchPopup .header {
    height: 2.2rem;
    width: 100%;
    z-index: 1
}

#searchPopup .header .search-area {
    background: url(../images/38de2127.png) no-repeat .5rem #fff;
    background-size: 1.15rem;
    border-radius: .875rem;
    bottom: 0;
    height: 1.75rem;
    left: .75rem;
    margin: .225rem 0;
    position: absolute;
    right: 2.9rem;
    top: 0
}

#searchPopup .header .search-area .search-input {
    background: 0 0;
    border: 0;
    color: #2d3035;
    font-size: .7rem;
    height: inherit;
    line-height: .7rem;
    padding: 0 .75rem 0 2rem;
    width: 100%
}

#searchPopup .header .search-area .search-input::placeholder {
    color: #bcbfc5
}

#searchPopup .header .search-cancel {
    bottom: 0;
    color: #2d3035;
    font-size: .7rem;
    line-height: 2.2rem;
    position: absolute;
    right: .25rem;
    text-align: center;
    top: 0;
    width: 2.5rem
}

html {
    background-color: #fff
}

body {
    margin: 0 auto;
    max-width: 18.75rem;
    position: relative
}

.module {
    padding: 1.2rem 0 0
}

.module:after {
    border-bottom: .025rem solid #e9e9e9;
    content: "";
    display: block;
    height: .375rem;
    margin-left: .75rem;
    margin-right: .75rem;
    margin-top: -.025rem
}

.module .module-header {
    -webkit-box-pack: justify;
    box-pack: justify;
    display: -webkit-box;
    display: box;
    display: flex;
    height: 2.05rem;
    justify-content: space-between;
    padding: 0 .75rem .8rem
}

.module .module-header .module-header-tit {
    -webkit-box-flex: 1;
    box-flex: 1;
    flex: 1
}

.module .module-header .module-header-tit .module-title {
    color: #2d3035;
    font-size: .9rem;
    font-weight: 500
}

.module .module-header .module-header-more {
    height: 1.15rem;
    width: 2.75rem
}

.module .module-header .module-header-more .module-more-btn {
    background: url(../images/60ffa95b.png) no-repeat 1.75rem .275rem;
    background-size: .6rem .6rem;
    border: .025rem solid #d8d8d8;
    border-radius: .725rem;
    color: #8d8e91;
    display: block;
    font-size: .6rem;
    height: 1.15rem;
    line-height: 1.15rem;
    padding: 0 0 0 .5rem
}

.module .module-header .module-header-tab {
    -webkit-box-flex: 1;
    box-flex: 1;
    flex: 1
}

.module .module-header .module-header-tab .btn-list-cell {
    font-size: .8rem;
    font-weight: 500;
    line-height: .8rem
}

.module .module-header .module-header-tab .btn-list-cell .btn-list-tab {
    color: #919397;
    margin: 0 .2rem
}

.module .module-header .module-header-tab .btn-list-cell .btn-list-tab.active {
    color: #2d3035;
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.05rem
}

.module .module-header .module-header-tab .btn-list-cell .btn-list-tab.active:after {
    background: linear-gradient(170deg, #ff776f, #eb312b);
    border-radius: .175rem;
    content: "";
    display: block;
    width: 1.7rem;
    height: .3rem;
    margin-top: -.175rem;
    margin-left: 2.4rem;
    padding: 0 .825rem;
}

.module .book-ul .book-layout {
    -webkit-box-pack: justify;
    box-pack: justify;
    display: -webkit-box;
    display: box;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    padding: 0 .75rem .8rem;
    position: relative
}

.module .book-ul .book-layout .book-cover {
    border: .025rem solid #dcdddf;
    border-radius: .3rem;
    flex-shrink: 0;
    height: 4.533rem;
    margin-right: .6rem;
    overflow: hidden;
    width: 3.4rem
}

.module .book-ul .book-layout .book-cell {
    -webkit-box-flex: 1;
    box-flex: 1;
    flex: 1;
    flex-grow: 1
}

.module .book-ul .book-layout .book-cell .book-title {
    -webkit-line-clamp: 1;
    color: #2d3035;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
    margin-bottom: .4rem
}

.module .book-ul .book-layout .book-cell .book-desc,.module .book-ul .book-layout .book-cell .book-title {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    overflow-wrap: break-word;
    white-space: normal;
    word-break: break-all
}

.module .book-ul .book-layout .book-cell .book-desc {
    -webkit-line-clamp: 2;
    color: #8d8e91;
    font-size: .65rem;
    font-weight: 400;
    line-height: .9rem
}

.module .book-ul .book-layout .book-cell .book-meta {
    bottom: .875rem;
    left: 4.775rem;
    position: absolute
}

.module .book-ul .book-layout .book-cell .book-meta span {
    color: #8d8e91;
    font-size: .6rem;
    line-height: .6rem
}

.module .book-box {
    -webkit-box-pack: justify;
    box-pack: justify;
    display: -webkit-box;
    display: box;
    display: flex;
    justify-content: space-between;
    padding: 0 .75rem
}

.module .book-box .book-box-li {
    padding-bottom: 1rem;
    width: 5.4rem
}

.module .book-box .book-box-li .book-layout {
    overflow: hidden
}

.module .book-box .book-box-li .book-layout .book-cover {
    border: .025rem solid #dcdddf;
    border-radius: .3rem;
    height: 7.2rem;
    margin-bottom: .25rem;
    overflow: hidden;
    width: 5.4rem
}

.module .book-box .book-box-li .book-layout .book-title {
    -webkit-line-clamp: 2;
    color: #2d3035;
    font-size: .7rem;
    height: 2rem;
    line-height: 1rem
}

.module .book-box .book-box-li .book-layout .book-author,.module .book-box .book-box-li .book-layout .book-title {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    overflow-wrap: break-word;
    white-space: normal;
    word-break: break-all
}

.module .book-box .book-box-li .book-layout .book-author {
    -webkit-line-clamp: 1;
    color: #8d8e91;
    font-size: .6rem;
    line-height: .6rem;
    padding-top: .225rem
}

.module .rank-ul {
    padding-top: .375rem
}

.module .rank-ul .rank-li em {
    border-top-left-radius: .3rem;
    color: #fff;
    font-size: .6rem;
    height: .7rem;
    left: .75rem;
    line-height: .7rem;
    padding-left: .35rem;
    position: absolute;
    top: 0;
    width: 1.125rem
}

.module .rank-ul .rank-li .top1 {
    background: url(../images/597ba52f.png) no-repeat;
    background-size: 1.125rem .7rem
}

.module .rank-ul .rank-li .top2 {
    background: url(../images/e4d95f72.png) no-repeat;
    background-size: 1.125rem .7rem
}

.module .rank-ul .rank-li .top3 {
    background: url(../images/1f3bceaa.png) no-repeat;
    background-size: 1.125rem .7rem
}

.module .rank-ul .rank-li .top-all {
    background: url(../images/b4bdcf3d.png) no-repeat;
    background-size: 1.125rem .7rem
}

.module .rank-ul .book-layout {
    -webkit-box-pack: justify;
    box-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: box;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    padding: 0 .75rem .8rem;
    position: relative
}

.module .rank-ul .book-layout .book-cover {
    border: .025rem solid #dcdddf;
    border-radius: .3rem;
    height: 4.5rem;
    margin-right: .6rem;
    overflow: hidden;
    width: 3.4rem
}

.module .rank-ul .book-layout .book-cell {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.module .rank-ul .book-layout .book-cell .book-title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    color: #2d3035;
    display: -webkit-box;
    font-size: .75rem;
    font-weight: 500;
    line-height: .85rem;
    overflow: hidden;
    overflow-wrap: break-word;
    white-space: normal;
    word-break: break-all
}

.module .rank-ul .book-layout .book-cell .book-author {
    color: #8d8e91;
    font-size: .6rem;
    line-height: .6rem
}

.module .module-two {
    margin-top: -.425rem;
    padding: 0 .75rem .375rem
}

.module .module-two .book-ul {
    -webkit-box-pack: justify;
    box-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: box;
    display: flex;
    flex-wrap: wrap;
    height: 11.55rem;
    justify-content: space-between
}

.module .module-two .book-ul .book-li {
    flex: none;
    width: 48%
}

.module .module-two .book-ul .book-li .book-layout {
    align-items: center;
    flex-flow: row nowrap;
    height: 2.933rem;
    padding: 0 .25rem 0 0
}

.module .module-two .book-ul .book-li .book-layout .book-cover {
    display: block;
    height: 2.933rem;
    margin-right: .4rem;
    overflow: hidden;
    width: 2.2rem
}

.module .module-two .book-ul .book-li .book-layout .book-cell {
    display: flex;
    flex: 1;
    height: 100%
}

.module .module-two .book-ul .book-li .book-layout .book-cell .book-title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    font-size: .7rem;
    height: 2rem;
    line-height: 1rem;
    margin: 0;
    overflow: hidden;
    overflow-wrap: break-word;
    padding: 0;
    white-space: normal;
    word-break: break-all
}

.module .module-two .book-ul .book-li .book-layout .book-cell .book-meta {
    -webkit-box-pack: justify;
    box-pack: justify;
    bottom: 0;
    display: -webkit-box;
    display: box;
    display: flex;
    justify-content: space-between;
    left: 2.6rem;
    position: absolute
}

.module .module-two .book-ul .book-li .book-layout .book-cell .book-meta .book-author {
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    flex: 1;
    height: .6rem;
    max-width: 3rem;
    overflow: hidden;
    overflow-wrap: break-word;
    white-space: normal;
    word-break: break-all
}

.module .module-two .book-ul .book-li .book-layout .book-cell .book-meta .book-label {
    padding-left: .225rem;
    white-space: nowrap
}

.home-nav {
    -webkit-box-pack: justify;
    box-pack: justify;
    display: -webkit-box;
    display: box;
    display: flex;
    justify-content: space-between;
    margin: 1.05rem 1.25rem 0;
    position: relative
}

.home-nav .guide-nav-a {
    display: block;
    height: 3.05rem;
    position: relative;
    text-align: center;
    width: 3.05rem
}

.home-nav .guide-nav-a .nav-icon {
    bottom: 1.35rem;
    height: 1.5rem;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 1.5rem
}

.home-nav .guide-nav-a .guide-nav-h {
    bottom: .35rem;
    color: #8d8e91;
    font-size: .6rem;
    font-weight: 400;
    left: 0;
    line-height: .6rem;
    position: absolute;
    right: 0
}

.slide-container {
    /* margin: .8rem .75rem .5rem; */
    overflow: hidden;
    position: relative;
    width: 17.25rem
}

.slide-container .slide-ul {
    border-radius: .5rem;
    height: 100%;
    white-space: nowrap;
    width: 100%
}

.slide-container .slide-ul .slide-li {
    border-radius: .5rem;
    display: inline-block;
    height: 100%;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 100%
}

.slide-container .slide-ul .slide-li .slide-a {
    color: transparent;
    display: block;
    height: 100%;
    overflow: hidden;
    padding: 0 .0125rem;
    position: relative
}

.slide-container .slide-ul .slide-li .slide-a .slide-img {
    height: 5.5rem;
    width: 17.25rem
}

.filter-panel {
    padding: .5rem .75rem  .3rem;
    position: relative;
}

.filter-panel .filter{
    margin-bottom: .45rem;
    overflow: hidden;
    position: relative;
}

.filter .filter-tit{
    font-size: .7rem;
    line-height: 2;
}

.zk{
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    transition: transform .3s ease-in-out;
}

.zk.rota{
    transform: rotate(180deg);
}

.zk svg{
    display: block;
    width: 1rem;
    height: 1.4rem;
}

.filter-panel .filter{
    height: 1.4rem;
    overflow: hidden;
}

.filter-panel .filter.open{
    height: auto;
}

.filter-panel .filter .all {
    line-height: 1.45rem;
    white-space: nowrap;
    display: flex;
    flex-wrap: wrap;
}

.filter-panel .filter .all a {
    font-size: .65rem;
    color: inherit;
    line-height: .9rem;
    padding: .275rem .65rem;
    width: auto !important;
}

.filter-panel .filter .all a.cur {
    border: .05rem solid #e60000;
    border-radius: .775rem;
    color: #e60000;
    padding: .225rem .6rem;
}

.cate-book-list {
    padding: 0 .75rem;
}

.cate-book-list .cate-item {
    margin-bottom: .8rem;
}

.flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.cate-book-list .cate-item .cate-book-img {
    border: .025rem solid #dcdddf;
    border-radius: .3rem;
    height: 4.5rem;
    margin-right: .6rem;
    overflow: hidden;
    width: 3.4rem;
}

.cate-book-list .cate-item .cate-book-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.flex .flex--fluid {
    flex: 1;
}

.cate-book-list .cate-item .cate-book-info h3 {
    color: #2d3035;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.05rem;
    margin-bottom: .25rem;
}

.cate-book-list .cate-item .cate-book-info .dec {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    color: #8d8e91;
    display: -webkit-box;
    font-size: .7rem;
    height: 2rem;
    line-height: 1rem;
    margin-bottom: .25rem;
    overflow: hidden;
    overflow-wrap: break-word;
    white-space: normal;
    width: 13.25rem;
    word-break: break-all;
}

.cate-book-list .cate-item .cate-book-info .cate-book-label {
    color: #8d8e91;
    font-size: .6rem;
    justify-content: left;
}

.cate-book-list .cate-item .cate-book-info .cate-book-label span {
    line-height: .85rem;
    padding: 0 .25rem;
}

.PAGE {
    padding: 0 0 25px;
    text-align: center;
    list-style: none;
    display: flex;
    justify-content: center;
}

.PAGE a,.PAGE li span {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    margin: 0 4px;
    color: inherit;
}

.PAGE li.active{
    pointer-events: none;
}

.PAGE a.now,
.PAGE a:hover,
.PAGE li.active span,
.PAGE li.active a {
    background: #e60000;
    color: #fff
}

.simple_header {
    background-color: #f5f7f9;
    height: 2.2rem;
    justify-content: space-between;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 .75rem;
    position: fixed;
    top: 0;
    width: 18.75rem;
    z-index: 99
}

.simple_header,.simple_header .l {
    align-items: center;
    display: flex
}

.simple_header .l em.sh_back {
    background-image: url(../images/343cf6df.png);
    background-size: .9rem .9rem;
    height: .9rem;
    margin-right: .225rem;
    width: .9rem;
    cursor: pointer;
}

.simple_header .l h3.sh_tit {
    color: #2d3035;
    font-family: PingFang SC,PingFang SC-Regular;
    font-size: .75rem;
    font-weight: 400;
    height: 1.05rem;
    line-height: 1.05rem;
    margin-right: .8rem;
    text-align: left
}

.simple_header .r {
    align-items: center;
    display: flex
}

.simple_header .r .sh_search {
    background-image: url(../images/11780c83.png);
    margin-right: .8rem
}

.simple_header .r .sh_menu,.simple_header .r .sh_search {
    background-size: 1.15rem 1.15rem;
    height: 1.15rem;
    width: 1.15rem
}

.simple_header .r .sh_menu {
    background-image: url(../images/8f478603.png);
    cursor: pointer;
}

.simple_header_place {
    background-color: #f5f7f9;
    height: 2.2rem;
    width: 18.75rem
}

.menus {
    background-color: rgba(0,0,0,.5);
    height: calc(100vh - 2.5rem);
    left: 50%;
    transform: translateX(-50%);
    position: fixed;
    top: 2.2rem;
    width: 18.75rem;
    z-index: 999
}

.menus-contant {
    background: #fff;
    border-radius: .5rem;
    height: 9rem;
    margin: .2rem auto 0;
    width: 17.25rem
}

.menus-contant .menus-items {
    align-items: space-between;
    display: flex;
    flex-wrap: wrap;
    height: 8.3rem;
    justify-content: space-between;
    padding: 1rem .75rem 0;
    width: 17.25rem
}

.menus-contant .menus-items .menus-item {
    align-items: center;
    display: flex;
    height: 3.05rem;
    justify-content: center;
    width: 25%
}

.menus-contant .menus-items .menus-item>a {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    width: 3.05rem
}

.menus-contant .menus-items .menus-item>a>div {
    height: 1.5rem;
    margin-bottom: .3rem;
    width: 1.5rem
}

.menus-contant .menus-items .menus-item>a>p {
    color: #8d8e91;
    font-family: PingFang SC,PingFang SC-Regular;
    font-size: .6rem;
    font-weight: 400;
    line-height: .6rem;
    text-align: left
}

.menus-contant .menus-btn {
    background: #ffece8;
    border: .05rem solid #e60000;
    border-radius: 1rem;
    color: #e60000;
    font-family: PingFang SC,PingFang SC-Medium;
    font-size: .65rem;
    font-weight: 500;
    height: 1.9rem;
    line-height: 1.9rem;
    margin: .4rem auto 0;
    text-align: center;
    width: 13.25rem
}

.menus.hide {
    display: none
}

.detail {
    margin-top: .8rem;
}

.detail .de-header {
    margin-bottom: 1.05rem;
    padding: 0 .75rem;
    position: relative;
}

.detail .de-header img {
    border-radius: .3rem;
    height: 5.05rem;
    margin-right: .6rem;
    width: 3.8rem;
}

.detail .de-header .de-header-title {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    color: #2d3035;
    display: -webkit-box;
    font-family: Source Han Serif SC, Source Han Serif SC-Bold;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.25rem;
    margin-bottom: .5rem;
    overflow: hidden;
    overflow-wrap: break-word;
    text-align: left;
    white-space: normal;
    word-break: break-all;
}

.detail .tags {
    color: #8d8e91;
    font-size: .65rem;
    font-weight: 400;
    margin-left: -.4rem;
    overflow: hidden;
    text-align: left;
}

.detail .de-header .de-header-line {
    font-size: .65rem;
    margin-left: -.4rem;
}

.detail .tags span,.detail .tags a {
    display: block;
    float: left;
    margin-bottom: .2rem;
    padding: 0 .4rem;
}

.detail .tags .line {
    background: #d8d8d8;
    display: block;
    float: left;
    height: .4rem;
    margin-top: .275rem;
    width: .025rem;
}

.detail .de-header .de-header-line {
    font-size: .65rem;
    margin-left: -.4rem;
}

.detail .de-summary {
    color: #2d3035;
    font-size: .75rem;
    line-height: 1.8;
    margin-bottom: 1rem;
    padding: 0 .75rem;
    position: relative;
}

.detail .de-summary span {
    display: block;
    text-align: justify;
}

.detail .de-summary.hide span {
    max-height: 3.3rem;
    overflow: hidden;
}

.detail .bt-center-operate-con {
    padding: 0 .75rem 1rem;
}

.detail .bt-center-operate-con .bt-center-read {
    border: .025rem solid #e60000;
    border-radius: .975rem;
    color: #e60000;
    font-size: .7rem;
    height: 1.9rem;
    line-height: 1.95rem;
    margin-right: .8rem;
    text-align: center;
    width: 6.2rem;
}

.take-wrap{
    display: flex;
    gap: 10px;
}

.take-wrap a{
    white-space: nowrap;
    font-size: .7rem;
    height: 1.9rem;
    line-height: 1.9rem;
}

.take-wrap .blue svg.icon {
    width: .7rem;
    height: 1.9rem;
  }

  .take-wrap .blue svg.icon,
.take-wrap .blue svg.icon path{
  fill: #4A4A4A;
}

.take-wrap .blue svg.icon:hover,
.take-wrap .blue svg.icon:hover path {
  fill: #e60000;
}

.de-line {
    background: #e9e9e9;
    height: .025rem;
    width: 100%;
}

.detail .de-update-chapter {
    line-height: 2rem;
    padding: 0 .75rem;
    font-size: .65rem;
}

.detail .de-update-chapter a {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    background: url(../images/8b4b4a04.png) no-repeat 0;
    background-size: 1.5rem;
    display: -webkit-box;
    overflow: hidden;
    overflow-wrap: break-word;
    padding-left: 1.9rem;
    white-space: normal;
    word-break: break-all;
}

.detail .de-update-chapter .time {
    color: #8d8e91;
}

.detail .de-chapters {
    margin-top: .8rem;
    padding: 0 .75rem;
}

.detail .de-chapters .de-chapters-ml {
    font-weight: 400;
    margin-bottom: .45rem;
}

.detail .de-chapters .de-chapters-ml span {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4rem;
}

.detail .de-chapters .de-chapters-ml span i {
    color: #8d8e91;
    font-size: .7rem;
    font-weight: 400;
}

.detail .de-chapters .de-chapters-ml .btn {
    background: url(../images/e2f28ee2.png) no-repeat 0;
    background-size: .8rem;
    color: #8d8e91;
    font-size: .6rem;
    height: .8rem;
    line-height: .8rem;
    margin-top: .375rem;
    padding-left: .85rem;
}

.detail .de-chapters .de-chapters-ml .btn.cur {
    background-image: url(../images/1e8bbe4f.png);
}

.detail .de-chapters .de-chapters-item {
    font-size: .75rem;
    line-height: 2.2rem;
}

.detail .de-chapters .de-chapters-item a {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    color: #2d3035 !important;
    display: -webkit-box;
    overflow: hidden;
    overflow-wrap: break-word;
    white-space: normal;
    word-break: break-all;
}

.de-gray-btn {
    background: rgba(0, 0, 0, .04);
    border-radius: 1rem;
    color: #2d3035;
    display: block;
    height: 2rem;
    line-height: 2rem;
    margin-bottom: .8rem;
    margin-top: .6rem;
    text-align: center;
    font-size: .65rem;
}

.detail .de-chapters ul.detpage{
    height: auto;
    max-height: 19.8rem;
    overflow: hidden;
}

@media (min-width:750px) {
    .read-now{
        display: none;
    }
}

.read-now{
    position: fixed;
    width: 100%;
    max-width: 18.75rem;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background: #e60000;
    font-size: .7rem;
    text-align: center;
    color: #fff;
    line-height: 3;
}

.theme1,.theme1 .botshadow-box,.theme1 .ctl_top,.theme1~#view_status,.theme1~#view_status .botshadow-box,.theme1~#view_status .ctl_top {
    background-color: #f5f7f9!important
}

.theme1 .botshadow-opacity,.theme1~#view_status .botshadow-opacity {
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#f5f7f9)!important
}

.theme1 .chapterName-modul,.theme1~#view_status .chapterName-modul {
    color: #2c2c2e!important
}

.theme1~#chapter-top-menu .chapter-top-menu__btn .chapter-btn.btn_addshelf,.theme1~#chapter-top-menu .chapter-top-menu__content-item .chapter-menu-icon,.theme1~#view_status~#chapter-top-menu .chapter-top-menu__btn .chapter-btn.btn_addshelf,.theme1~#view_status~#chapter-top-menu .chapter-top-menu__content-item .chapter-menu-icon {
    background-color: rgba(245,247,249,.7)!important
}

.theme2,.theme2 .botshadow-box,.theme2 .ctl_top,.theme2~#view_status,.theme2~#view_status .botshadow-box,.theme2~#view_status .ctl_top {
    background-color: #d4ddcb!important
}

.theme2 .botshadow-opacity,.theme2~#view_status .botshadow-opacity {
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#d4ddcb)!important
}

.theme2 .chapterName-modul,.theme2~#view_status .chapterName-modul {
    color: #2c2c2e!important
}

.theme2 .ctl_panel .ctl_bottom,.theme2~#view_status .ctl_panel .ctl_bottom,.theme2~#view_status~.chapter-top-menu,.theme2~.chapter-top-menu {
    background: #dde4d6!important
}

.theme3,.theme3 .botshadow-box,.theme3 .ctl_top,.theme3~#view_status,.theme3~#view_status .botshadow-box,.theme3~#view_status .ctl_top {
    background-color: #d3dde1!important
}

.theme3 .botshadow-opacity,.theme3~#view_status .botshadow-opacity {
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#d3dde1)!important
}

.theme3 .chapterName-modul,.theme3~#view_status .chapterName-modul {
    color: #2c2c2e!important
}

.theme3 .ctl_panel .ctl_bottom,.theme3~#view_status .ctl_panel .ctl_bottom,.theme3~#view_status~.chapter-top-menu,.theme3~.chapter-top-menu {
    background: #dbe5e9!important
}

.theme4,.theme4 .botshadow-box,.theme4 .ctl_top,.theme4~#view_status,.theme4~#view_status .botshadow-box,.theme4~#view_status .ctl_top {
    background-color: #ece3e8!important
}

.theme4 .botshadow-opacity,.theme4~#view_status .botshadow-opacity {
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#ece3e8)!important
}

.theme4 .chapterName-modul,.theme4~#view_status .chapterName-modul {
    color: #2c2c2e!important
}

.theme4 .ctl_panel .ctl_bottom,.theme4~#view_status .ctl_panel .ctl_bottom,.theme4~#view_status~.chapter-top-menu,.theme4~.chapter-top-menu {
    background: #f4ecf1!important
}

.theme5,.theme5 .botshadow-box,.theme5 .ctl_top,.theme5~#view_status,.theme5~#view_status .botshadow-box,.theme5~#view_status .ctl_top {
    background-color: #eedaa9!important
}

.theme5 .botshadow-opacity,.theme5~#view_status .botshadow-opacity {
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#eedaa9)!important
}

.theme5 .chapterName-modul,.theme5~#view_status .chapterName-modul {
    color: #2c2c2e!important
}

.theme5 .ctl_panel .ctl_bottom,.theme5~#view_status .ctl_panel .ctl_bottom,.theme5~#view_status~.chapter-top-menu,.theme5~.chapter-top-menu {
    background: #f0e0b9!important
}

#page_reader {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
    position: relative;
    word-break: break-all;
    font-size: 20px;
}

#page_reader .chapterName-line {
    background: rgba(0,0,0,.05);
    height: .025rem;
    margin: 3.85rem auto 0;
    width: 17.25rem
}

#page_reader .chapterName {
    align-items: center;
    color: #8d8e91;
    display: flex;
    font-family: PingFang SC,PingFang SC-Regular;
    font-weight: 400;
    margin: 2.6rem 0 2.8rem;
    padding: 0 1.25rem;
    text-align: left
}

#page_reader .chapterName-modul {
    border-left: .2rem solid #990913;
    font-family: SourceHanSerifCN;
    font-weight: 700;
    padding-left: .4rem
}

#page_reader .chapterName-modul p {
    font-size: .95rem;
    margin-bottom: .4rem
}

#page_reader .chapterName-modul span {
    font-size: 1.45rem;
}

#page_reader .content {
    flex-grow: 1;
    line-height: 1.8;
    overflow-wrap: break-word;
    padding: 0 1.225rem;
    width: 100%;
    word-break: break-all
}

#page_reader .content .content_chapterbar {
    height: 2.5rem;
    margin-top: 2.5rem
}

#page_reader .content p {
    letter-spacing: .025rem;
    line-height: 2;
    text-indent: 2em
}

#page_reader .content p i {
    display: inline-block;
    height: .025rem;
    opacity: 0;
    overflow: hidden;
    width: .025rem
}

#page_reader .content p.fandao_use,#page_reader .content p.kxjagxqzgy,#page_reader .content p.nkpcwuwuhf,#page_reader .content p.ntbxxtctnb,#page_reader .content p.nwgrlnetuc,#page_reader .content p.oaqiakfuqb,#page_reader .content p.odobvgfgow,#page_reader .content p.state-hide,#page_reader .content p.use_zhf1,#page_reader .content p.vbsqfnqvag,#page_reader .content p.xwqibpnzcq,#page_reader .content p.ytogzctppd,#page_reader .content p.zimmqtwasg {
    display: none
}

#page_reader .ctl_panel {
    display: none;
    position: relative;
    z-index: 900
}

#page_reader .ctl_panel .btn_addshelf {
    align-items: center;
    background: #e60000;
    border-radius: 1.15rem 0 0 1.15rem;
    box-shadow: 0 .075rem .25rem 0 rgba(226,68,68,.36);
    color: #fff;
    display: flex;
    font-size: .75rem;
    height: 1.75rem;
    justify-content: center;
    position: fixed;
    right: 0;
    top: 5.375rem;
    width: 4.45rem
}

#page_reader .ctl_panel .ctl_bottom {
    background: #fff;
    bottom: 0;
    height: 9rem;
    padding: .7rem 0 0;
    position: fixed;
    z-index: 999;
    width: 100%;
    max-width: 18.75rem;
}

#page_reader .ctl_panel .ctl_bottom .c_line1 {
    display: flex;
    justify-content: space-between;
    padding: .5rem .75rem
}

#page_reader .ctl_panel .ctl_bottom .c_line1 .c_font {
    align-items: center;
    display: flex
}

#page_reader .ctl_panel .ctl_bottom .c_line1 .c_font .font_tit {
    color: #8d8e91;
    font-size: .65rem;
    line-height: .65rem;
    margin-right: .75rem;
    white-space: nowrap
}

#page_reader .ctl_panel .ctl_bottom .c_line1 .c_font .btn_fontsize {
    align-items: center;
    background: #f5f7f9;
    border-radius: .8rem;
    color: #2d3035;
    display: flex;
    font-size: .65rem;
    height: 1.6rem;
    justify-content: center;
    width: 4.05rem
}

#page_reader .ctl_panel .ctl_bottom .c_line1 .c_font .font_num {
    align-items: center;
    color: #2d3035;
    display: flex;
    font-size: .65rem;
    justify-content: center;
    width: 2rem
}

#page_reader .ctl_panel .ctl_bottom .c_line1 .btn_night {
    align-items: center;
    background: #f5f7f9;
    border-radius: .8rem;
    display: flex;
    height: 1.6rem;
    justify-content: center;
    margin-left: .6rem;
    width: 4.7rem
}

#page_reader .ctl_panel .ctl_bottom .c_line1 .btn_night span {
    color: #2d3035;
    font-size: .65rem
}

#page_reader .ctl_panel .ctl_bottom .c_line1 .btn_night .ico_night {
    background-image: url(../images/09da4949.png);
    background-size: .85rem .85rem;
    height: .85rem;
    margin-left: .05rem;
    width: .85rem
}

#page_reader .ctl_panel .ctl_bottom .c_line2 {
    display: flex;
    justify-content: space-between;
    padding: .5rem .75rem 1rem
}

#page_reader .ctl_panel .ctl_bottom .c_line2 .font_bgcolor {
    border-radius: .825rem;
    height: 1.6rem;
    width: 2.95rem
}

#page_reader .ctl_panel .ctl_bottom .c_line2 .font_bgcolor.active {
    border: .05rem solid #e60000
}

#page_reader .ctl_panel .ctl_bottom .c_line3 {
    border-top: .025rem solid #e9e9e9;
    display: flex;
    height: 2.6rem;
    padding: 0 1.25rem
}

#page_reader .ctl_top {
    align-items: center;
    background: #fff;
    border-bottom: .025rem solid hsla(0,0%,100%,.05);
    display: flex;
    width: 18.75rem;
    height: 2.2rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 .75rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999
}

#page_reader .ctl_top .ico_back {
    background-image: url(../images/343cf6df.png);
    background-size: .9rem .9rem;
    flex-shrink: 0;
    height: .9rem;
    margin-right: .2rem;
    width: .9rem
}

#page_reader .ctl_top .bookname {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    color: #2d3035;
    display: -webkit-box;
    flex-grow: 1;
    flex: 1;
    font-size: .75rem;
    overflow: hidden;
    overflow-wrap: break-word;
    text-align: left;
    white-space: normal;
    word-break: break-all
}

#page_reader .ctl_top .icon_more_chapter {
    background: url(../images/0c68222c.png) no-repeat 50%
}

#page_reader .ctl_top .icon_top_chapter {
    background-size: 100% 100%;
    height: 1.15rem;
    width: 1.15rem;
    cursor: pointer;
}

.chapter-top-menu {
    background: #fff;
    display: none;
    height: 3.65rem;
    width: 18.75rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.5rem 1.2rem;
    position: fixed;
    right: 0;
    top: 2rem;
    z-index: 999;
}

.chapter-top-menu__content {
    display: flex;
    gap: .6rem;
    justify-content: center;
}

.chapter-top-menu__content-item .chapter-menu-icon {
    background: #fff;
    background-image: url(../images/285f5d1e.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1.8rem 1.8rem;
    border-radius: .6rem;
    height: 2rem;
    margin: 0 auto;
    margin-bottom: .3rem;
    width: 2rem;
}

.chapter-top-menu__content-item .chapter-menu-detail {
    background-image: url(../images/11333c0d.png)
}

.chapter-top-menu__content-item p {
    color: rgba(0,0,0,.4);
    font-size: .6rem;
    font-weight: 400;
    line-height: .6rem;
    text-align: center
}

.comm_chapter_bar {
    align-items: center;
    color: #2d3035;
    display: flex;
    flex-grow: 1;
    font-size: .7rem;
    justify-content: space-between
}

.comm_chapter_bar a span {
    color: #2d3035
}

.comm_chapter_bar>div {
    align-items: center;
    display: flex
}

.comm_chapter_bar .c_vline {
    background: #d8d8d8;
    flex-shrink: 0;
    height: .8rem;
    width: .025rem
}

.comm_chapter_bar .c_prev {
    align-items: center;
    display: flex;
    justify-content: center
}

.comm_chapter_bar .c_prev .ico_prev {
    background-image: url(../images/219301e2.png);
    background-size: .6rem .6rem;
    height: .6rem;
    margin-right: .1rem;
    transform: scaleX(-1);
    width: .6rem
}

.comm_chapter_bar .c_clist {
    align-items: center;
    display: flex;
    justify-content: center
}

.comm_chapter_bar .c_clist .ico_list {
    background-image: url(../images/5ff53a39.png);
    background-size: 1.1rem 1.1rem;
    height: 1.1rem;
    margin-right: .3rem;
    width: 1.1rem
}

.comm_chapter_bar .c_next {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: .5rem 0
}

.comm_chapter_bar .c_next .ico_next {
    background-image: url(../images/219301e2.png);
    background-size: .6rem .6rem;
    height: .6rem;
    margin-left: .1rem;
    width: .6rem
}

#page_reader.theme0 {
    background-color: #0f0f0f;
    color: #666
}

#page_reader.theme0 #dom_chapterBottomFix,#page_reader.theme0 #dom_chapterInnerBanner,#page_reader.theme0 #dom_chapterTopBanner {
    opacity: 1
}

#page_reader.theme0 .ctl_top .ico_back {
    background-image: url(../images/4c35c2c5.png)
}

#page_reader.theme0 .ctl_panel .ctl_bottom,#page_reader.theme0 .ctl_top {
    background-color: #17181a;
    border-bottom: none
}

#page_reader.theme0 .comm_chapter_bar .c_vline {
    background-color: #d8d8d8
}

#page_reader.theme0 .ctl_panel .ctl_bottom .c_line1 .btn_night,#page_reader.theme0 .ctl_panel .ctl_bottom .c_line1 .c_font .btn_fontsize {
    background-color: #222;
    color: #9a9aa7
}

#page_reader.theme0 .ctl_panel .btn_addshelf {
    background: #990913;
    border-radius: 1.15rem 0 0 1.15rem;
    box-shadow: 0 .075rem .25rem 0 rgba(158,38,38,.36)
}

#page_reader.theme0 .ctl_panel .ctl_bottom .c_line2 .font_bgcolor {
    opacity: .4
}

#page_reader.theme0 .ctl_panel .ctl_bottom .c_line3 {
    border-top-color: #2f2f2f
}

#page_reader.theme0 .ctl_panel .ctl_bottom .c_line1 .c_font .font_tit {
    color: hsla(0,0%,100%,.3)
}

#page_reader.theme0 .comm_chapter_bar a span,#page_reader.theme0 .ctl_panel .ctl_bottom .c_line1 .btn_night span,#page_reader.theme0 .ctl_panel .ctl_bottom .c_line1 .c_font .font_num,#page_reader.theme0 .ctl_top .bookname {
    color: hsla(0,0%,100%,.6)
}

#page_reader.theme0 .ctl_panel .ctl_bottom .c_line1 .btn_night .ico_night {
    background-image: url(../images/d1bb168e.png)
}

#page_reader.theme0 .comm_chapter_bar .c_next .ico_next,#page_reader.theme0 .comm_chapter_bar .c_prev .ico_prev {
    background-image: url(../images/59fbc47f.png)
}

#page_reader.theme0 .comm_chapter_bar .c_clist .ico_list {
    background-image: url(../images/7c8eccbc.png)
}

#page_reader.theme0 .ctl_top .icon_more_chapter {
    background: url(../images/faa56a37.png) no-repeat 50% 50%/100% 100%
}

#page_reader.theme0~.chapter-top-menu {
    background-color: #17181a!important
}

#page_reader.theme0~.chapter-top-menu .chapter-btn {
    background-color: #990913!important;
    color: hsla(0,0%,100%,.7)
}

#page_reader.theme0~.chapter-top-menu .chapter-top-menu__btn .chapter-btn.btn_addshelf,#page_reader.theme0~.chapter-top-menu .chapter-top-menu__content-item .chapter-menu-icon {
    background-color: #222!important;
    color: hsla(0,0%,100%,.4)!important
}

#page_reader.theme0~.chapter-top-menu .chapter-top-menu__content-item p {
    color: hsla(0,0%,100%,.4)!important
}

#page_reader.theme0~.chapter-top-menu .chapter-top-menu__content-item .chapter-menu-icon {
    background-image: url(../images/87f67ea6.png)
}

#page_reader.theme0~.chapter-top-menu .chapter-top-menu__content-item .chapter-menu-detail {
    background-image: url(../images/c45fbec9.png)
}

#page_reader.theme0 .comm_chapter_bar a span {
    color: hsla(0,0%,100%,.3)!important
}

h1#list_title {
    color: #2d3035;
    font-size: .9rem;
    font-weight: 500;
    padding-bottom: .8rem;
}

nav[aria-label="breadcrumb"] {
    padding: 0 .75rem .5rem;
}

nav[aria-label="breadcrumb"] .breadcrumb {
    font-size: .65rem;
}

nav[aria-label="breadcrumb"] .breadcrumb li {
    display: inline;
}