@import url(/static/css/page.css);

#bookintro i,
#chaptercontent i,
.book-info-list ul li i,
.book-list-chapter ul li i {
    font-family: yahei !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html {
    line-break: anywhere
}

.am-active>.am-dropdown-content,
.am-modal-actions.am-modal-active,
.am-offcanvas.am-active {
    z-index: 9999999999
}

hr {
    margin: 1rem 0
}

[class*=am-u-]+[class*=am-u-]:last-child {
    float: left
}

.am-breadcrumb {
    margin-bottom: 1rem
}

.am-thumbnail {
    margin-bottom: unset;
}

.am-gallery-item .am-thumbnail {
    height: 180px !important;
}

#wrapper .am-panel {
    background: unset
}

.am-panel-hd {
    padding: .75rem 1.25rem
}

.am-list-news-hd h2,
.am-panel-title,
.login h3 {
    font-size: 1.8rem
}

.book-info {
    border-bottom: 1px solid #ddd
}

.book-info h1,
.book-info h2,
.book-info p {
    margin: 0 0 .5rem 0
}

.book-info h2 {
    display: flex
}

.book-info h2 .am-badge {
    margin-right: .5rem
}

.book-info .book-info-cover {
    width: 12rem;
    float: left;
    margin-right: 1rem
}

.book-list-1 .book-list-1-cover,
.book-list-lastupdate .book-list-lastupdate-cover,
.book-list-postdate .book-list-postdate-cover {
    float: left;
    margin-right: 1rem;
    overflow: hidden;
    width: 9rem;
    position: relative;
    height: 12rem
}

.book-list-1 .book-list-1-cover img,
.book-list-lastupdate .book-list-lastupdate-cover img,
.book-list-postdate .book-list-postdate-cover img {
    width: 9rem;
    height: 12rem;
    background: #f6f7f9;
    transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s
}

.book-list-1 .book-list-1-cover img:hover,
.book-list-lastupdate .book-list-lastupdate-cover img:hover,
.book-list-postdate .book-list-postdate-cover img:hover {
    transform: scale(1.2)
}

.book-list-1 h4,
.book-list-lastupdate h4,
.book-list-postdate h4 {
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.book-list-1 p,
.book-list-lastupdate p,
.book-list-postdate p {
    margin: 0;
    font-size: 1.4rem;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis
}

.book-list-1 .book-list-1-intro,
.book-list-lastupdate .book-list-lastupdate-intro,
.book-list-postdate .book-list-postdate-intro {
    height: 5.1rem;
    line-height: 1.7rem;
    margin-bottom: .1rem;
    overflow: hidden;
    font-size: 1.4rem;
    white-space: normal;
    text-align: justify
}

.book-list-chapter h1 {
    margin-top: 1rem
}

.book-list-chapter .am-list-news {
    margin: 0
}

.listpage .left {
    float: left;
    width: 25%
}

.listpage .right {
    float: right;
    width: 25%
}

.listpage .left a,
.listpage .right a {
    display: inline-block;
    width: 90%;
    border-radius: 3px;
    font-size: 1.4rem;
    line-height: 1.2;
    padding: .5em 0;
    border: 1px solid transparent;
    text-align: center
}

.listpage .left a {
    float: left
}

.listpage .right a {
    float: right
}

.listpage .onclick {
    background: #3bb4f2;
    color: #fff
}

.listpage .before {
    background: #ddd;
    color: #999
}

.book-read h1 {
    font-size: 2rem;
    margin: 3rem 5rem
}

.book-read .book-read-page {
    margin: 0 auto;
    display: table
}

.book-read .book-read-content {
    font-size: 2.2rem;
    text-align: justify;
    line-height: 1.8;
    color: #111;
    word-break: break-word;
    margin: 0
}

.book-read .book-read-content p {
    text-indent: 2em;
    margin: 1em 15px;
    word-break: break-word;
    word-wrap: break-word
}

.book-read .book-read-content .book-read-report {
    margin: 15px 0
}

.book-info h2 .am-badge,
.book-list-1 p .am-badge,
.book-list-chapter h2 .am-badge,
.book-list-lastupdate p .am-badge,
.book-list-postdate p .am-badge {
    font-weight: 400;
    padding: .25em
}

.book-list-1 p .am-badge:nth-child(n+2),
.book-list-lastupdate p .am-badge:nth-child(n+2),
.book-list-postdate p .am-badge:nth-child(n+2) {
    float: right;
    margin-left: .5rem
}

.setting-background,
.setting-fontsize {
    margin: 1.5rem 0;
    text-align: left;
    float: left;
    width: 100%
}

.setting-background a,
.setting-background span,
.setting-fontsize a,
.setting-fontsize span {
    text-align: left;
    float: left;
    width: 100%
}

.setting-background a {
    height: 3rem;
    line-height: 3rem;
    border: 1px solid #ddd;
    margin-top: 1rem;
    border-radius: 3px;
    text-align: center
}

.setting-fontsize a {
    margin-top: 1rem
}

.am-pagination {
    margin: 2.5rem 0 1rem 0
}

.am-pagination>li>a,
.am-pagination>li>span {
    padding: .25em .5em
}

.book-mark {
    height: 11rem
}

.book-mark a:first-child {
    float: left;
    width: calc(100% - 6rem)
}

.book-mark .book-mark-cover {
    float: left;
    width: 9rem;
    height: 11rem;
    margin-right: 1rem
}

.book-mark .book-mark-cover img {
    width: 9rem;
    height: 11rem
}

.book-mark .book-mark-info {
    width: auto
}

.book-mark .book-mark-info h4 {
    margin: 0;
    line-height: 1;
    margin-bottom: .75rem
}

.book-mark .book-mark-info p {
    margin: 0;
    color: #333
}

.book-mark .book-mark-del {
    float: right;
    width: 5rem;
    padding-top: 4rem
}

.book-mark .book-mark-del a {
    width: 100%
}

.am-footer p {
    margin: 0 0 .25rem 0;
    font-size: 14px
}

.am-gotop-fixed {
    bottom: 10%
}

#wrapper div,
hr {
    border-color: rgba(100, 100, 100, .1)
}

#wrapper .am-panel-hd {
    background: rgba(100, 100, 100, .05)
}

@media only screen and (max-width:640px) {

    #m-header,
    .book-list-1,
    a,
    button {
        z-index: 2147483582
    }

    #m-header-login {
        position: absolute;
        bottom: 0;
        width: 100%
    }

    .am-container {
        margin-top: 1rem;
        padding-left: 0;
        padding-right: 0
    }

    .min-height {
        min-height: calc(100vh - 17.8rem)
    }

    .m-no-margin {
        margin-top: 0
    }

    .am-header .am-header-title {
        font-size: 1.6rem;
        margin: 0 4rem
    }

    .am-offcanvas-bar {
        width: 180px
    }

    .am-menu-offcanvas1 .am-menu-sub {
        padding: 5px 0
    }

    .am-menu-offcanvas1 .am-menu-nav>li>a {
        text-indent: unset;
        height: 48px;
        line-height: 48px
    }

    .am-menu-offcanvas1 .am-menu-nav>.am-parent>a:after {
        content: "\f105"
    }

    .book-catagory {
        margin: 1.25rem;
        padding: 0
    }

    .book-catagory li {
        list-style: none;
        float: left;
        width: 20%;
        text-align: center
    }

    .book-catagory li:nth-child(n+6) {
        margin-top: 1rem
    }

    .book-catagory li.am-active {
        background: #0e90d2;
        border-radius: 2px
    }

    .book-catagory li.am-active a {
        color: #fff
    }

    .book-search {
        margin: 1.25rem
    }

    .am-panel {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-bottom: 0
    }

    .am-panel-default>.am-panel-hd {
        border: none;
        background: 0 0
    }

    .book-info .book-info-cover {
        width: 10rem
    }

    .book-info h2 {
        font-weight: 400;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .book-info .book-info-last {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .book-info .book-info-cover-m {
        width: 10rem;
        float: left;
        margin-right: 1rem
    }

    .book-info .book-info-btn,
    .book-read .book-read-page {
        width: 100%;
        display: flex
    }

    .book-info .book-info-btn>.am-btn,
    .book-info .book-info-btn>.am-btn-group,
    .book-read .book-read-page>.am-btn,
    .book-read .book-read-page>.am-btn-group {
        float: none;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .book-read {
        background: unset
    }

    .book-read h1 {
        margin: 0
    }

    .book-read-next,
    .book-read-prev,
    .book-read-setting {
        position: fixed;
        left: 0;
        right: 0;
        z-index: 1
    }

    .book-read-prev {
        top: 0;
        bottom: 65%
    }

    .book-read-next {
        top: 65%;
        bottom: 0
    }

    .book-read-setting {
        top: 35%;
        bottom: 35%
    }

    .am-container>.am-g.book-list-index {
        margin: 0
    }

    .book-info-list .am-list>li>a:after,
    .book-list-chapter .am-list>li>a:after {
        content: "阅读";
        color: #ccc;
        position: absolute;
        right: 0;
        background: #fff;
        padding-left: 1rem;
        padding-top: 3px;
        font-size: small
    }

    .book-list-left,
    .book-list-right {
        padding: 0;
        margin: 0
    }

    .book-list-1:nth-child(n+2),
    .book-list-lastupdate:nth-child(n+2) {
        margin-top: 1.25rem
    }

    .book-list-news h4 {
        margin: 1rem 0
    }

    .book-list-news ul.am-list,
    .book-list-right ul.am-list {
        padding: 0;
        margin: 0 1.25rem
    }

    .book-list-news ul.am-list li a,
    .book-list-right ul.am-list li a {
        padding: 1rem 0
    }

    .login {
        margin: 0 !important;
        padding: 5vw 10%
    }

    .book-mark:nth-child(n+2) {
        margin-top: 1.25rem
    }

    .hidden-xs {
        display: none !important
    }
}

@media only screen and (min-width:641px) {
    #pc-header .am-topbar-right {
        margin-top: 2px
    }

    #wrapper .am-panel.book-read {
        background: rgba(240, 240, 240, .25)
    }

    .book-search {
        margin: 3rem 30% 5rem
    }

    .book-info .book-info-book {
        float: left;
        width: calc(100% - 13rem)
    }

    .book-read .book-read-content {
        letter-spacing: .1em;
        margin: 0 15px;
        padding: 0 10px;
    }

    .book-list-news .am-panel-hd {
        border-bottom: none
    }

    .login {
        margin: 0 !important;
        padding: 50px 10%
    }

    .book-mark:nth-child(2n+1) {
        padding-right: 1.25rem
    }

    .book-mark:nth-child(n+3) {
        margin-top: 1.25rem
    }
}

@media only screen and (min-width:641px) and (max-width:1024px) {
    .min-height {
        min-height: calc(100vh - 16.9rem)
    }

    .book-list-1:nth-child(n+3),
    .book-list-lastupdate:nth-child(n+3) {
        margin-top: 1.25rem
    }

    .book-list-1:nth-child(2n+1) .book-list-1-info,
    .book-list-lastupdate:nth-child(2n+1) .book-list-lastupdate-info {
        padding-right: 1rem
    }
}

@media only screen and (min-width:1025px) {
    .am-container {
        width: calc(100vw - 9.5rem);
        max-width: 114rem
    }

    .min-height {
        min-height: calc(100vh - 19.4rem)
    }

    .book-list-1:nth-child(n+4) {
        margin-top: 1.25rem
    }

    .book-list-1:nth-child(2n+1) .book-list-1-info {
        padding-right: 0
    }

    .book-list-1:nth-child(3n+1) .book-list-1-info,
    .book-list-1:nth-child(3n+2) .book-list-1-info {
        padding-right: 1rem
    }

    .book-list-lastupdate:nth-child(n+3) {
        margin-top: 1.25rem
    }

    .book-list-lastupdate:nth-child(2n+1) .book-list-lastupdate-info {
        padding-right: 1rem
    }

    .book-list-right ul li a {
        padding: 0.26rem
    }

    .am-gotop-fixed {
        bottom: 14.8rem;
        right: 1.25rem
    }
}

@media only screen and (min-width:1220px) {
    .am-gotop-fixed {
        left: 50%;
        right: 0;
        margin-left: 56.5rem
    }
}