body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6 { font-family: "Roboto", STHeiti, "Microsoft YaHei", arial, sans-serif;}

#content {}
#setting {background: rgb(88 137 202 / 50%); line-height: 2.1rem !important; font-size: 1.25rem !important; max-height: 2.1rem; max-width: 2.2rem; cursor: pointer;}
#setting i {transition: .5s;}
#setting i:hover {transform:rotate(180deg);}
@media only screen and (max-width: 768px) {
.movie-link .col-4.col-sm-4.col-md-2.col-lg-2.p-2:nth-child(n+4) {display: none;}
}
.bg_mode0 {background-color: #000000 !important; color: #eeeeee !important;}
.bg_mode1 {background-color: #ffffff !important;}
.bg_mode2 {background-color: #c5d9c2 !important;}
.bg_mode3 {background-color: #cfdde1 !important;}
.bg_mode4 {background-color: #ebe5d0 !important;}
.bg_mode5 {background-color: #bfbfbf !important;}
.pc {display:none;}
.folder {padding: 1rem 0;background-color: #eaedf1;}
.folder-top {padding: 0.8rem 0.5rem;border-radius: 0.8rem 0.8rem 0 0;background-color: #eaedf1;}
.folder-bottom {padding: 1rem 0;border-radius: 0 0 0.8rem 0.8rem;background-color: #eaedf1;}
.folder h3 {font-size: 1rem;padding-left: .8rem;}
.folder .vol-title {display: flex;color: #989898;justify-content: center;align-items: center;}
.vol-title i {width: 40px;height: 1px;background: #dadada;}
.show_hide_button {color: #ff2a14;cursor: pointer;font-size: .875rem;font-weight: 600;}
.noflex {display:block !important; margin-right:0!important; margin-left:0!important;}
.footer {padding: 30px 0;border-top: 1px solid #e5e5e5;margin-top: 70px;}
.fixed-top {z-index: 99 !important;}
.d-none-4 {margin-top: 4.5em;}
.d-none-5 {margin-top: 5em;}
.d-none-6 {margin-bottom:6rem;}
.vh-75 {min-height: 75vh;}
.bom_flex {display: flex;max-width: 1140px;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: space-around;align-items: center;margin: 0 auto;list-style: none;}
.bom_flex img {width: 100px;}
.bottom_form {background: rgb(238 238 238 / 20%);display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;padding: 0.5rem 0;margin: 0.5rem 0 2.5rem 0;}
.border_gray {border: 1px solid #eaeaea;}
.bmark-checkbox {-webkit-appearance: none;position: relative;width: 1.4rem;height: 1.4rem;background-color: #fff;border: solid 1px #d9d9d9;border-top-left-radius: 1rem;border-top-right-radius: 1rem;border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;background-clip: padding-box;display: inline-block; }
.bmark-checkbox:focus {outline: 0 none;outline-offset: -2px; }
.bmark-checkbox:checked {background-color: #c41052;border: solid 1px #fff; }
.bmark-checkbox:checked:before {display: flex;justify-content: center;content: "\2713";color: #fff;}
.bmark_link {-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.bmark_update,.bmark_eps {text-indent: 0.5rem;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.bmark_fav {position: absolute;bottom: 1rem;right: 1rem;}
.btn-darkyellow{color:#e8bc30 !important;background-color:rgba(0, 0, 0, 0.8) !important;border-color:rgba(158, 134, 34, 0.8) !important;}
.btn-darkyellow:hover{color:#fff !important;background-color:rgba(50, 50, 50, 0.8) !important;border-color:rgba(158, 134, 34, 0.8) !important;}
.btn-darkyellow.focus,.btn-darkyellow:focus{color:#e8bc30 !important;background-color:rgba(0, 0, 0, 0.8) !important;border-color:rgba(158, 134, 34, 0.8) !important;box-shadow:0 0 0 .2rem rgba(38,143,255, 0.5) !important;}
.claw_div {position: absolute;z-index: 1;background: #cea9397a;border-radius: 0.25rem;max-width: 10rem;overflow: hidden;white-space: nowrap;padding: 0.1rem;}
.def_nav_lg {background-color: #58A1CA;padding: .3rem;}
.def_nav_lg_div {display: flex;justify-content: space-between;align-items: center;}
.def_nav_lg_ul {display: flex;flex-wrap: nowrap;align-items: center;flex-direction: row;align-content: center;list-style: none;font-size: 1rem;}
.def_nav_lg_btn {display: flex;}
.def_top_lg {display: flex;align-items: center;justify-content: space-between;align-content: center;flex-wrap: nowrap;}
.def_top_lg img {width: 150px;}
.def_top_lg li {list-style: none;}
.def_title_bar {background: #f5f5f5;border-radius: .2rem;display: flex;justify-content: space-between;align-items: center;}
.def_title_bar h6 i, .def_title_barsm h6 i {font-size: .8rem;}
.def_title_barsm {background: #f5f5f5;border-radius: .2rem;}
div#history li {padding: 0.2rem;line-height: 1rem;}
div#history img {border: 1px solid #b5b5b5;border-radius: 0.3rem;}
div#history h6 {font-size: 80%}
small.historysmall {background: #dcd3b7;padding: 0.1rem 0.2rem;border-radius: 0.2rem;position: absolute;top: 1rem;right: 0.2rem;}
h6.historytitle {color: #a92633;line-height: 1rem;}
.historyimg {width: 100%;}
.nav-footer-gap {margin-bottom:4.5rem;}

#subtitle {font: bold 1.4rem 'lucida sans', 'trebuchet MS', 'Tahoma';line-height: 1.6rem;margin: .8rem auto;}
.subtitles {}
select.fav_sort option{font-size: 1rem;}
.top-bt {font-size: 3rem; color: rgba(85, 85, 85, 28%);}
.dark{opacity: 0.8;background: #131313;color: #c8c8c8 !important;}
body.dark_mode {background-color: #000000 !important; color: #eeeeee !important;}
.row li {list-style-type:none;}
.row_detail {font-size: 75% !important;text-indent: 2em;-webkit-line-clamp: 4;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.text {padding-left: .5rem!important; padding-right: .5rem!important;}
.text br {display:block; line-height: 1;}
.text-blue {color: #49728e !important;}
.text-blue:link {color: #49728e;}
.text-blue:visited {color: #49728e;}
.text-blue:hover {color: #f17b13 !important;}
.text-pink {color: #ef4e6e !important;}
.text-orange {color: #FF8D29 !important;}
.text-gray-sm {color: #bfbfbf !important;font-size:0.75em;}
.text-gray {color: #bfbfbf !important;}
.item-bg {overflow: hidden;background-size: cover !important;max-width: 1140px;margin: 0 auto;position: relative;}
.item-box-top {background: #fff;box-shadow: 0px 10px 5px rgba(149, 157, 165, .22);margin: 5px 7px 20px;border-radius: 0.5rem;min-height: 16.5rem;}
.item-favorate {background: linear-gradient(to right, #fc000c 0, #f9444d 100%);border-radius: 1.25rem;padding: 0 20px;color: #fff;cursor: pointer;font-size: 1rem;display: inline-block;text-align: center;line-height: 2.5rem;}
.item-readto {background: linear-gradient(90deg, #ff2a14, #ff9800) !important;line-height: 2.5rem;display: inline-block;font-size: 1rem;border-radius: 1.25rem;padding: 0 20px;cursor: pointer;}
.item-navbar {position: relative;z-index: 12;margin: .5rem auto;transition: margin .3s;}
.item-navbar-text {}
.item-navbar-text a {}
.item-navbar-btn {padding:.4rem;border-radius: .2rem;background: rgb(108 108 108 / 50%);}
.item-back-btn {padding:.25rem .5rem;border-radius: .2rem;background-color: #5889ca;font-size:.875rem;}
.item-row-div {}
.item-info-line2 {line-height: 1.8rem;}
.item-info-author {padding: 0 10px;line-height: 2rem;font-size: 1rem;border-radius: 1rem;display: inline-block;background: #fef0e5;margin: 0;color: rgba(0, 0, 0, .68);}
.item-info-date {padding: 0 10px;line-height: 2rem;font-size: 1rem;border-radius: 1rem;display: inline-block;background: #eaedf1;margin: 0;color: rgba(0, 0, 0, .68);}
.item-info-num {font-size: 150%;color: #be1e3e;}
.item-info-status {color: #be1e3e;}
.full_text {text-indent: 2em;word-wrap: break-word;word-break: break-all;}
.img-thumbnail {width:100px;max-width:100px;}
.list_text_height {line-height: 1.5rem;}
.more-right {padding: .2rem;word-wrap: break-word; width:56%;}
.more-right-eps {color: #fff; background-color: #89c9d3;font-weight: normal !important;}
.more-right-end {background-color: #a6bfc9; color: #eee;font-weight: normal !important;}
.cat-smbtn {background: #adc1a9;color: #fff;padding: .1rem  .2rem;border-radius: .2rem;font-size: 75%;}

.pager {margin-bottom:2rem;}
.pager ul {padding:0;}
.pager ul li {display: inline-table;margin:0.2rem;width: 3rem;height: 3rem; line-height:3rem; background: rgba(35, 105, 165, 0.9);border-radius: 50%;color: #fff; font-size: 1.2rem; cursor:pointer;}
.pager ul li a {color: #fff;}
.pager ul li:first-child {display:none;}
.pager ul li:last-child {display:none;}
.pager tr td {display: inline-table;margin:0.2em;width: 2rem;height: 2rem;background: rgba(35, 105, 165, 0.9);border-radius: 50%;color: #fff;}
.pager tr td span {color:#fff;}
.pager tr td:first-child {display:none;}
.pager tr td:last-child {display:none;}

.pager_admin ul {display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;align-content: center;flex-direction: row;margin-top: 1rem;padding: 0;}
.pager_admin ul li {margin:0.2rem;width: 2rem;height: 2rem;background: #8f8f8f;border-radius: 50%;color: #fff;cursor:pointer;list-style: none;display: flex;justify-content: center;align-items: center;align-content: center;flex-wrap: nowrap;}
.pager_admin ul li a {color: #fff;}
.pager_admin tr td {display: inline-table;margin:0.2em;width: 2rem;height: 2rem;background: rgba(35, 105, 165, 0.9);border-radius: 50%;color: #fff;}
.pager_admin tr td span {color:#fff;}

.fa-rotate-20{-webkit-transform: rotate(20deg);transform: rotate(20deg);}

.content_bg {background: rgb(238 238 238 / 15%);overflow: inherit !important;}

.contentbts {text-align: center;position: fixed;z-index: 999;bottom: 2rem;height:4rem; line-height: 4rem; white-space: nowrap;background: rgba(0,0,0,.4);margin: 0 auto;border-radius: 0.5rem;display:block; left: 50%; max-width: 1000px; width:90%; -webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);transform: translate(-50%, 0);}
@media screen and (min-width: 1005px) {.contentbts {bottom: 9rem !important;}}

.contentbts_menu {background: rgb(238 238 238 / 20%);display: flex;align-items: center;justify-content: flex-end;align-content: center;margin-top: .5rem;}

#backgrounds {position:absolute;left:50%;bottom:45px;}
#backgroundset {background: rgb(238 238 238 / 20%);margin-top: .5rem;padding: .5rem;border-radius: .25rem;}
#backgrounds ul{display: flex;align-items: center;justify-content: center;list-style: none;padding: 0;}
#backgroundset ul{display: flex;align-items: center;justify-content: flex-end;list-style: none;padding: 0;margin-bottom: 0;}
#backgrounds li{width:2.5rem;height:2.5rem;margin:0.1rem;cursor:pointer;-webkit-border-radius: 50%;border-radius: 50%;border:solid 1px #c0c0c0;}
#backgroundset li{width:2.5rem;height:2.5rem;cursor:pointer;-webkit-border-radius: 20%;border-radius: 20%;border:solid 1px #c0c0c0;margin-right: .35rem;}
.setbgcolor_circle {width: 100%;position: absolute;left: 50%;right: 50%;transform: translate(-50%, -50%);bottom: 1.5rem;}
    
.barcode {width: 120px; display: inline-block; border-radius: 0.5rem; background-color: #fff;}

.btn-market {display: inline-block; padding: .15rem .75rem; padding-left: 2.8125rem; border-radius: .4375rem; background-position: center left .75rem; background-color: #2b3445; background-size: 1.5rem 1.5rem; background-repeat: no-repeat;}
.btn-apple {background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMDUgMzA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDUgMzA1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnIGlkPSJYTUxJRF8yMjhfIj4KCTxwYXRoIGlkPSJYTUxJRF8yMjlfIiBkPSJNNDAuNzM4LDExMi4xMTljLTI1Ljc4NSw0NC43NDUtOS4zOTMsMTEyLjY0OCwxOS4xMjEsMTUzLjgyQzc0LjA5MiwyODYuNTIzLDg4LjUwMiwzMDUsMTA4LjIzOSwzMDUgICBjMC4zNzIsMCwwLjc0NS0wLjAwNywxLjEyNy0wLjAyMmM5LjI3My0wLjM3LDE1Ljk3NC0zLjIyNSwyMi40NTMtNS45ODRjNy4yNzQtMy4xLDE0Ljc5Ny02LjMwNSwyNi41OTctNi4zMDUgICBjMTEuMjI2LDAsMTguMzksMy4xMDEsMjUuMzE4LDYuMDk5YzYuODI4LDIuOTU0LDEzLjg2MSw2LjAxLDI0LjI1Myw1LjgxNWMyMi4yMzItMC40MTQsMzUuODgyLTIwLjM1Miw0Ny45MjUtMzcuOTQxICAgYzEyLjU2Ny0xOC4zNjUsMTguODcxLTM2LjE5NiwyMC45OTgtNDMuMDFsMC4wODYtMC4yNzFjMC40MDUtMS4yMTEtMC4xNjctMi41MzMtMS4zMjgtMy4wNjZjLTAuMDMyLTAuMDE1LTAuMTUtMC4wNjQtMC4xODMtMC4wNzggICBjLTMuOTE1LTEuNjAxLTM4LjI1Ny0xNi44MzYtMzguNjE4LTU4LjM2Yy0wLjMzNS0zMy43MzYsMjUuNzYzLTUxLjYwMSwzMC45OTctNTQuODM5bDAuMjQ0LTAuMTUyICAgYzAuNTY3LTAuMzY1LDAuOTYyLTAuOTQ0LDEuMDk2LTEuNjA2YzAuMTM0LTAuNjYxLTAuMDA2LTEuMzQ5LTAuMzg2LTEuOTA1Yy0xOC4wMTQtMjYuMzYyLTQ1LjYyNC0zMC4zMzUtNTYuNzQtMzAuODEzICAgYy0xLjYxMy0wLjE2MS0zLjI3OC0wLjI0Mi00Ljk1LTAuMjQyYy0xMy4wNTYsMC0yNS41NjMsNC45MzEtMzUuNjExLDguODkzYy02LjkzNiwyLjczNS0xMi45MjcsNS4wOTctMTcuMDU5LDUuMDk3ICAgYy00LjY0MywwLTEwLjY2OC0yLjM5MS0xNy42NDUtNS4xNTljLTkuMzMtMy43MDMtMTkuOTA1LTcuODk5LTMxLjEtNy44OTljLTAuMjY3LDAtMC41MywwLjAwMy0wLjc4OSwwLjAwOCAgIEM3OC44OTQsNzMuNjQzLDU0LjI5OCw4OC41MzUsNDAuNzM4LDExMi4xMTl6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8cGF0aCBpZD0iWE1MSURfMjMwXyIgZD0iTTIxMi4xMDEsMC4wMDJjLTE1Ljc2MywwLjY0Mi0zNC42NzIsMTAuMzQ1LTQ1Ljk3NCwyMy41ODNjLTkuNjA1LDExLjEyNy0xOC45ODgsMjkuNjc5LTE2LjUxNiw0OC4zNzkgICBjMC4xNTUsMS4xNywxLjEwNywyLjA3MywyLjI4NCwyLjE2NGMxLjA2NCwwLjA4MywyLjE1LDAuMTI1LDMuMjMyLDAuMTI2YzE1LjQxMywwLDMyLjA0LTguNTI3LDQzLjM5NS0yMi4yNTcgICBjMTEuOTUxLTE0LjQ5OCwxNy45OTQtMzMuMTA0LDE2LjE2Ni00OS43N0MyMTQuNTQ0LDAuOTIxLDIxMy4zOTUtMC4wNDksMjEyLjEwMSwwLjAwMnoiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);}
.btn-google {background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPHBvbHlnb24gc3R5bGU9ImZpbGw6IzVDREFERDsiIHBvaW50cz0iMjkuNTMsMCAyOS41MywyNTEuNTA5IDI5LjUzLDUxMiAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNCREVDQzQ7IiBwb2ludHM9IjM2OS4wNjcsMTgwLjU0NyAyNjIuMTc1LDExOS40NjcgMjkuNTMsMCAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNEQzY4QTE7IiBwb2ludHM9IjI5LjUzLDUxMiAyOS41Myw1MTIgMjYyLjE3NSwzODMuNTUxIDM2OS4wNjcsMzIyLjQ3IDI5OS4wMDQsMjUxLjUwOSAiLz4KPHBhdGggc3R5bGU9ImZpbGw6I0ZGQ0E5NjsiIGQ9Ik0zNjkuMDY3LDE4MC41NDdsLTcwLjA2Myw3MC45NjFsNzAuMDYzLDcwLjk2MWwxMDguNjg4LTYyLjg3N2M2LjI4OC0zLjU5Myw2LjI4OC0xMS42NzcsMC0xNS4yNyAgTDM2OS4wNjcsMTgwLjU0N3oiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);}

.btn-market .btn-market-subtitle {display: block; margin-bottom: -.125rem; color: rgba(255,255,255,0.6); font-size: .6875rem;}
.btn-market .btn-market-title {display: block; color: #fff; font-size: 1rem;}

.nowraphide {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.book-wrap {padding: .6rem 0;}
.book-wrap .book-cover {position: relative; z-index: 4; width: 52px; height: 91px; margin-top: -3px; margin-right: 8px; text-align: center;}
.book-wrap .book-cover .link {position: relative; z-index: 10; display: inline-block; transform: translateZ(50px);}
.book-wrap .book-cover img {width: 60px; height: 87px; outline: 1px solid transparent;}
.book-wrap .book-cover span {position: absolute; z-index: -1;}
:root .book-cover {-webkit-transform: perspective(60px) rotateY(-10deg); -moz-transform: perspective(60px) rotateY(-10deg); transform: perspective(60px) rotateY(-10deg);}
:root .book-cover:before {position: absolute; z-index: 3; top: 3%; left: 10%; width: 100%; height: 90%; background-color: #999;}
:root .book-cover:after {position: absolute; z-index: 2; top: 2%; left: 100%; width: 10%; height: 92%; content: ' '; -webkit-transform: perspective(60px) rotateY(30deg); -moz-transform: perspective(60px) rotateY(30deg); transform: perspective(60px) rotateY(30deg); background-color: #efefef; box-shadow: inset 0 0 5px #333;}
:root .book-cover span {position: absolute; z-index: -1; top: 84.1%; left: 7px; width: 20px; height: 10px; content: ''; -webkit-transform: perspective(74px) rotateX(-70deg) rotateY(-5deg); -moz-transform: perspective(74px) rotateX(-70deg) rotateY(-5deg); -ms-transform: scale(0); transform: perspective(74px) rotateX(-70deg) rotateY(-5deg); box-shadow: 25px 0 5px 5px #adadad;}
:root .book-cover img {width: 52px; height: 87px;}

.recommend_detail {font-size: 75% !important;text-indent: 2em;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.run_cover {}
.flip_cover {position:relative;display:block;background:#f2f2f2;background-size:cover;overflow:visible;width:150px;height:200px;-webkit-perspective:800px;perspective:800px}
.flip_cover img{position:relative;z-index:10;top:0;left:0;width:100%;height:100%;transition:transform ease-out .3s; -webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;}
.flip_cover:hover img{-webkit-transform:rotateY(-25deg);transform:rotateY(-25deg)}
.flip_cover i:after,.flip_cover i:before,.flip_cover:after,.flip_cover:before{position:absolute;content:''}
.flip_cover:before{top:1px;right:-1px;bottom:1px;left:0;border:1px solid #ccc}
.flip_cover:after{top:2px;bottom:2px;left:100%;width:1px;margin-left:1px;background-color:#d9d9d9}
.flip_cover i{position:absolute;top:3px;bottom:3px;left:100%;width:1px;margin-left:2px;background-color:#e6e6e6}
.flip_cover i:before{top:1px;bottom:1px;left:100%;width:1px;background-color:#f2f2f2}
.flip_cover i:after{top:2px;bottom:2px;left:100%;width:1px;margin-left:1px;background-color:#e6e6e6}
.flip_cover span{position:absolute;top:6px;bottom:6px;left:100%;width:1px;margin-left:5px;background-color:#c7c7c7}

.run_cover-mid {}
.flip_cover-mid {position:relative;display:block;background:#f2f2f2;background-size:cover;overflow:visible;-webkit-perspective:800px;perspective:800px}
.flip_cover-mid img{position:relative;z-index:10;top:0;left:0;width:100%;height:100%;transition:transform ease-out .3s; -webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;}
.flip_cover-mid:hover img{-webkit-transform:rotateY(-25deg);transform:rotateY(-25deg)}
.flip_cover-mid i:after,.flip_cover-mid i:before,.flip_cover-mid:after,.flip_cover-mid:before{position:absolute;content:''}
.flip_cover-mid:before{top:1px;right:-1px;bottom:1px;left:0;border:1px solid #ccc}
.flip_cover-mid:after{top:2px;bottom:2px;left:100%;width:1px;margin-left:1px;background-color:#d9d9d9}
.flip_cover-mid i{position:absolute;top:3px;bottom:3px;left:100%;width:1px;margin-left:2px;background-color:#e6e6e6}
.flip_cover-mid i:before{top:1px;bottom:1px;left:100%;width:1px;background-color:#f2f2f2}
.flip_cover-mid i:after{top:2px;bottom:2px;left:100%;width:1px;margin-left:1px;background-color:#e6e6e6}
.flip_cover-mid span{position:absolute;top:6px;bottom:6px;left:100%;width:1px;margin-left:5px;background-color:#c7c7c7}

.picsize{position:relative; overflow:hidden; border-radius: .25rem;}
.picsize fav_date {background: rgba(0, 0, 0, 0.6);color: #dee2e6;border-radius: 10%;position: absolute;left: 0.3em;z-index: 1;text-align: center;font-size: 0.8em;top: 0.3em;display: block;height: 1rem;line-height: 1rem;padding: 0 5px 0 5px;}
.picsize fav_del {background: rgba(23, 51, 71, 0.7);color:#fff; border-radius: 0.2rem;position: absolute;right: 0.2rem;z-index: 1;text-align: center;font-size: 0.75rem;bottom: 0.2rem;display: block;padding: 0 0.3rem; height: 1.6rem; line-height: 1.6rem; border: 1px solid rgba(0, 123, 255, 0.5);}
.picsize fav_del:hover{background: rgba(0, 0, 0, 0.85);transition: all 0.5s;}
.picsize eps{color: #fff;position: absolute;right: 0.3em;z-index: 1;text-align: center;font-size: .75rem;bottom: .1rem;display: block;background: rgba(0, 0, 0, 0.7);border-radius: .2rem;padding: 0 .2rem;}
.picsize num{padding: .1em .3em;background: rgba(186, 230, 205, 0.35);color: #dee2e6;border-radius: .2em;position: absolute;right: 0.3em;z-index: 1;text-align: right;font-size: 0.8em;bottom: 0.3em;display: block;}
.picsize bak{}
.picsize img{width:100%;}
.pictitle{margin:2px auto 15px auto;text-align:center;}
.pictitle_font{font-size:14px;color:#6D6D72;}

.item-cover img{border: 1px solid #b5b5b5;border-radius: .3rem;max-width: 100%;height: auto;}
.eps-end-btn {margin: 0 .1rem; padding: 0 .2rem; color: #fff; font-size: .75rem; background: rgba(73, 114, 142, 0.7); border-radius: .2rem;}

.mybook-border {border: .0625rem solid rgba(231,234,243,.35) !important; border-radius: .75rem !important; position: relative;}
.mybook-bak-img {width: 100%; height: 7.5rem;border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; object-fit: cover; vertical-align: top; border-radius: .75rem;}
.mybook-btn-ssm {padding: .1rem .2rem !important; font-size: 80% !important;}
.mybook-btn-psn {position: absolute; bottom:2.3rem; right:1rem;}
.mybook-cover {display: flex; margin: -6.3rem auto .5rem auto;transition: .2s;width: 7.875rem; height: 7.875rem;border: .1875rem solid #fff;border-radius: 50%;}

.comic_funtion_btn{position:relative;line-height: 2rem;}
.cover120 {max-width:120px;}
@media screen and (min-width: 1200px)  {.cover120 {max-width:120px !important;}}
@media screen and (max-width: 1200px)  {.cover120 {max-width:100px !important;}}

.more-right3 {}
@media screen and (min-width: 1000px)  {.more-right3 {max-width:60%;}}
@media screen and (min-width: 768px) and (max-width: 1000px)  {.more-right3 {max-width:45%;}}
@media screen and (max-width: 768px)  {.more-right3 {max-width:65%;}}

.nav-item {letter-spacing: .1rem;}
@media screen and (min-width: 1166px)  {.nav-item {letter-spacing: .4rem; font-size: 1rem;}}
@media screen (min-width: 768px) and (max-width: 11165px)  {.nav-item {letter-spacing: .1rem; font-size: .9rem;}}
.nav-item a:hover {border-bottom: 1px solid #ccc !important; transition: all 0.2s ease !important;}

.episode_li {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 1rem;}
.subtitles a:link {color: #282828;background: #f7f8f9;padding: .5rem;border-radius: .5rem;}
.subtitles a:visited {color: #c5c5c5;}

.search-box-main {width: 28rem;height:2.5rem;padding: .1rem;margin: 0;background: rgba(0,0,0,.08);-moz-border-radius: .2rem;-webkit-border-radius: .2rem;border-radius: .2rem;-moz-box-shadow: 0 0 0 rgba(0,0,0,.4) inset, 0 0 0 rgba(255,255,255,.2);}
.search-box-main input {width: 21.7rem;height: 2.3rem;padding: 2px 2px 2px 8px;float: left;font: bold 1rem 'lucida sans', 'trebuchet MS', 'Tahoma';border: 0;background: #eee;-moz-border-radius: .2rem 0 0 .2rem;-webkit-border-radius: .2rem 0 0 .2rem;border-radius: .2rem 0 0 .2rem;}
.search-box-main input:focus {outline: 0;background: #fff;-moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;-webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;box-shadow: 0 0 2px rgba(0,0,0,.8) inset;}
.search-box-main input::-webkit-input-placeholder {color: #999;font-weight: normal;font-style: normal;}
.search-box-main input:-moz-placeholder {color: #999;font-weight: normal;font-style: normal;}
.search-box-main input:-ms-input-placeholder {color: #999;font-weight: normal;font-style: normal;}    
.search-box-main button {margin: -.1rem;overflow: visible;position: relative;float: right;border: 0;cursor: pointer;height: 2.5rem;width: 6.25rem;font: bold 1rem/1.2rem 'lucida sans', 'trebuchet MS', 'Tahoma';color: #fff;text-transform: uppercase;background: #d3556e;-moz-border-radius: 0 .2rem .2rem 0;-webkit-border-radius: 0 .2rem .2rem 0;border-radius: 0 .2rem .2rem 0;text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);}   
.search-box-main button:hover{background: #b75757;}	
.search-box-main button:active,.search-box-main button:focus{background: #c42f2f;}
.search-box-main button:hover:before{border-right-color: #b75757;}
.search-box-main button:focus:before{border-right-color: #c42f2f;}    
.search-box-main button::-moz-focus-inner {border: 0;padding: 0;}
.search_key_top {overflow: hidden;width: 28rem;white-space: nowrap;padding-top: 0.2rem;text-overflow: ellipsis;list-style: none;}
.search_key_top a {padding-left: 0.2rem;}

.search_top_sm {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;background-color: #5889ca2e;border-radius: 0.2rem;}
.search_top_sm_ipt {width:78%; max-width: 78%;}
.search_top_sm_ipt input {border: 1px solid #cccc;border-radius: 0.2rem;padding-right: 0.5rem;padding-left: 0.5rem;width: 100%!important;margin: 0;line-height: 2.6;}
.search_top_sm_smt {max-width: 22%;text-align:left;}
.search_top_sm_smt button {border: none;border-radius: .2rem;color: #fff;cursor: pointer;letter-spacing: .1rem;line-height: 1.2;outline: none;padding: .7rem 1.2rem;background-color: #34495e;white-space: nowrap;}
.search_top_sm_li {list-style: none;line-height: 2rem;}
.search_top_sm_li a {background: rgb(213 193 133 / 20%);border-radius: .3rem;margin: 0 .2rem;padding: .2rem;font-weight: bold;}
.search_author {position: absolute;left: 0;bottom: 0;display: block;width: 100%;padding: .25em .4em;font-size: 75%;text-align: center; background-color: rgb(24 78 114 / 70%);color: #fff;}

.prev,.next {width: 30%;}
.chmenus {width: 22%;}
#pch,#nch,#ppbt,#npbt,.chmenu {width: 100%;display: block;padding: 0.4rem 0.1rem;border: 1px solid #456382;border-radius: 0.3rem;vertical-align: middle;text-align: center;white-space: nowrap;cursor: pointer;-ms-touch-action: manipulation;touch-action: manipulation;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: #456382;color: #e5e5e5;font-size: 1rem;font-weight: bold;}
#pch:hover,#nch:hover,#ppbt:hover,#npbt:hover,.chmenu:hover {background-color: #4f7092;border: 1px solid #4f7092;color: #e5e5e5;}

.m-bomnavbar{background-color: #ECECEC;border-top: 1px solid #dedede;transform: translateZ(1030px);}
.m-topnavbar{background-color: #58A1CA;transform: translateZ(1030px);}
.badge_more{font-size: 90% !important;font-weight: 400 !important;line-height: 1.2 !important;}
.card{border: 1px solid rgb(0 0 0 / 5%) !important;}
.btn_cricle_big{display: flex !important;align-items: center;width: 2.2rem;height: 2.2rem;border-radius: 50% !important;justify-content: center;}
.btn_cricle_sm{display: flex !important;align-items: center;width: 1.8rem;height: 1.8rem;border-radius: 50% !important;justify-content: center;}
.d_top_btn {transition: all 0.3s ease;}
.d_top_btn:hover {background: #49728e;border-radius:.2rem;transition: all 0.5s ease !important;}
.menu_top_md {display: flex;justify-content: space-around;flex-direction: row;flex-wrap: nowrap;align-content: center;align-items: center;background-color: #fff;border-radius: 0.25rem;border: 1px solid rgb(0 0 0 / 5%);}
.menu_top_md div {display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: center;align-items: center;align-content: center;}
.menu_top_md div i {height: 2rem;line-height: 2rem;}
.menu_top_md div h6 {font-size: 75%;}

.menu_top_div {position: fixed;top: 0;width: 100%;box-sizing: border-box;background: #58A1CA;line-height: 2.6rem;height: 2.6rem;z-index: 999;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: space-between;align-items: center;}
#main-nav{display:none}
.cf::before,.cf::after{content:'';display:block;height:0;overflow:hidden}
.cf::after{clear:both}
.wrapper{margin:0 auto;padding:0 .8rem;}
.menu_top_yscroll{overflow-y:scroll}
.menu_top_open{position:fixed;width:100%;min-height:100%}
.menu-top-right {display: flex;padding-right: .3rem;}
.menu-top-mid a {display: flex;}
.menu-top-mid img {width: 78px;}
.menutopclose {width: 2.6rem;position: absolute;top: 0;right: 0;bottom: 0;text-align: center;cursor: pointer;line-height: 2.6rem;}

.menu-top-nav{display:none;position:fixed;top:0;height:100%;z-index:9999;overscroll-behavior:none}
.menu-top-nav.is-ios *{cursor:pointer !important}
.menu-top-nav .nav-container{position:fixed;z-index:9998;top:0;width:220px;max-width:100%;height:100%;transition:transform .4s ease}
.menu-top-nav .nav-wrapper{width:100%}
.menu-top-nav .nav-wrapper.nav-wrapper-1{position:static;height:100%;overflow:scroll;overflow-x:visible;overflow-y:auto}
.menu-top-nav ul{list-style:none;margin:0;padding:0}
.menu-top-nav li{position:relative;display:block}
.menu-top-nav li.level-open>.nav-wrapper{visibility:visible}
.menu-top-nav input[type="checkbox"]{display:none}
.menu-top-nav label{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;cursor:pointer}
.menu-top-nav a{position:relative;display:block;box-sizing:border-box;cursor:pointer}
.menu-top-nav a,.menu-top-nav a:hover{text-decoration:none}
.menu-top-nav.disable-body:not(.nav-open)::after{pointer-events:none}
.menu-top-nav.disable-body::after,.menu-top-nav.disable-body .nav-wrapper::after{content:'';position:fixed;z-index:9990;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overscroll-behavior:none;visibility:hidden;opacity:0;transition:visibility 0s ease .4s,opacity .4s ease}
.menu-top-nav.disable-body.nav-open::after,.menu-top-nav.disable-body .sub-level-open::after{visibility:visible;opacity:1;transition-delay:.05s}
.menu-top-nav.nav-levels-expand .nav-wrapper::after{display:none}
.menu-top-nav.nav-levels-expand ul .nav-wrapper{min-width:0;max-height:0;overflow:hidden;transition:height 0s ease .4s}
.menu-top-nav.nav-levels-expand .level-open>.nav-wrapper{max-height:none}
.menu-top-nav.nav-levels-overlap ul .nav-wrapper{position:absolute;z-index:9999;top:0;height:100%;visibility:hidden;transition:visibility 0s ease .4s,transform .4s ease}
.menu-top-nav.nav-levels-overlap ul ul{height:100%;overflow:scroll;overflow-x:visible;overflow-y:auto}
.menu-top-nav.nav-levels-overlap ul li.nav-parent{position:static}
.menu-top-nav.nav-levels-overlap ul li.level-open>.nav-wrapper{visibility:visible;transition:transform .4s ease}
.menu-top-nav.side-left{left:0}.menu-top-nav.side-left .nav-container{left:0;transform:translate3d(-100%, 0, 0)}
.menu-top-nav.side-left.nav-levels-overlap li.level-open>.nav-wrapper{transform:translate3d(-40px, 0, 0)}
.menu-top-nav.side-left.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(-100%, 0, 0)}
.menu-top-nav.side-right{right:0}
.menu-top-nav.side-right .nav-container{right:0;transform:translate3d(100%, 0, 0)}
.menu-top-nav.side-right.nav-levels-overlap li.level-open>.nav-wrapper{transform:translate3d(40px, 0, 0)}
.menu-top-nav.side-right.nav-levels-overlap li .nav-wrapper{right:0;transform:translate3d(100%, 0, 0)}
.menu-top-nav.nav-open .nav-container{transform:translate3d(0, 0, 0)}
.menu-top-nav::after,.menu-top-nav .nav-wrapper::after{background:rgba(0,0,0,0.3)}
.menu-top-nav .nav-wrapper{background: #234358;}
.menu-top-nav.nav-open .nav-wrapper{box-shadow:1px 0 2px rgba(0,0,0,0.2)}
.menu-top-nav h2{font-size: 1.2rem;padding:1.3rem 1rem;color:#cac698;}
.menu-top-nav a{padding: .6rem 1rem;color:#FFF;z-index:1;border-bottom:1px solid #2b4d62;letter-spacing: .2rem;}
.menu-top-nav:not(.touch-device) a:hover{background:#182f3d;color: #fff;}
.menu-top-nav li{text-align:left}
.menu-top-nav li.nav-back a{background:#182f3d;border-top:1px solid #2b4d62;border-bottom:1px solid #2b4d62;}
.menu-top-nav li.nav-back a:hover{background:#182f3d;}
.menu-top-nav li.nav-parent a{padding-right:58px}
.menu-top-nav li.nav-parent span.nav-next,.menu-top-nav li.nav-back span{width:45px;position:absolute;top:0;right:0;bottom:0;text-align:center;cursor:pointer;transition:background .2s ease}
.menu-top-nav a[href]:not([href="#"])>span.nav-next{border-left:1px solid #2b4d62;}
.menu-top-nav span.nav-next::before,.menu-top-nav li.nav-back span::before{content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;margin-left:-2px;box-sizing:border-box;border-top:2px solid #fff;border-left:2px solid #fff;transform-origin:center}
.menu-top-nav span.nav-next::before{transform:translate(-50%, -50%) rotate(135deg)}
.menu-top-nav li.nav-back span::before{transform:translate(-50%, -50%) rotate(-45deg)}
.menu-top-nav.side-right span.nav-next::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(-45deg)}
.menu-top-nav.side-right li.nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(135deg)}
.menu-top-nav.nav-levels-expand .nav-container ul .nav-wrapper,.menu-top-nav.nav-levels-none .nav-container ul .nav-wrapper{box-shadow:none;background:transparent}
.menu-top-nav.nav-levels-expand .nav-container ul h2,.menu-top-nav.nav-levels-none .nav-container ul h2{display:none}
.menu-top-nav.nav-levels-expand .nav-container ul ul a,.menu-top-nav.nav-levels-none .nav-container ul ul a{font-size:14px}
.menu-top-nav.nav-levels-expand .nav-container li,.menu-top-nav.nav-levels-none .nav-container li{transition:background .3s ease}
.menu-top-nav.nav-levels-expand .nav-container li.level-open,.menu-top-nav.nav-levels-none .nav-container li.level-open{background:#2e6296}
.menu-top-nav.nav-levels-expand .nav-container li.level-open a,.menu-top-nav.nav-levels-none .nav-container li.level-open a{border-bottom:1px solid #295887}
.menu-top-nav.nav-levels-expand .nav-container li.level-open a:hover,.menu-top-nav.nav-levels-none .nav-container li.level-open a:hover{background:#2f649a}
.menu-top-nav.nav-levels-expand .nav-container li.level-open>a .nav-next::before,.menu-top-nav.nav-levels-none .nav-container li.level-open>a .nav-next::before{margin-top:2px;transform:translate(-50%, -50%) rotate(45deg)}
.menu-top-nav.nav-levels-expand .nav-container span.nav-next::before,.menu-top-nav.nav-levels-none .nav-container span.nav-next::before{margin-top:-2px;transform:translate(-50%, -50%) rotate(225deg)}
.nav-log-1 {display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;}
.nav-log-text {font-size: 1.2em;}
header{position:relative;padding:0}
header .toggle{height: 1rem;position: relative;top: auto;left: auto;display: block;cursor: pointer;box-sizing: content-box;font-size: 20px;width: 1.6rem;}
header .toggle span{width:25px;top:60%;transform:translateY(-50%);transform-origin:50% 50%}
header .toggle span,header .toggle span::before,header .toggle span::after{position:absolute;left:0;height:3px;background:#FFF;transition:all .1s ease}
header .toggle span::before,header .toggle span::after{content:'';width:100%}
header .toggle span::before{top:-8px}
header .toggle span::after{bottom:-8px}
.cover5rem {width: 5rem;}
.rank_detail {font-size: 75% !important;text-indent: 2em;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.rank_num {position: absolute;bottom: .8rem;left: .2rem;color: #fff;width: 1.6rem;height: 1.6rem;background: #b10b1ab8;line-height: 1.6rem;text-align: center;border-radius: 50%;}
.rank_txt_num {font-size: 1.2rem;color: #ccc;}
.read_sbtn {margin-left: .2rem;padding: 0 3 !important;color: e5e5e5 !important;font-weight: normal !important;}
.read_spans {display: inline-block;margin-bottom: 0.8rem;text-indent: 2em;word-wrap: break-word;word-break: break-all;}
.read_nav {background: rgb(188 188 188 / 30%); list-style: none;}
.read_nav_li {line-height: 1.2rem;}
.read_nav_li a {color: #8c8c8c;}
.read_btn_gp {clear: both !important;display: flex;font-size: 1rem;margin: 0 5%;background: #4f788f;border: 0.05rem solid #eeeeee;flex-wrap: nowrap;justify-content: center;align-items: center;align-content: center;border-radius: 0.3rem;white-space: nowrap;}
.read_btn_gp a {display: flex;padding: 0;width: 100%;line-height: 2.2rem;border-right: 0.05rem solid #eeeeee;align-items: center;justify-content: center;align-content: center;color:#e5e5e5;}
.read_btn_gp a:hover {font-weight: bold;color:#e5e5e5;}
.read_btn_gp a:last-child {border-right: none;}
.read-top-set {display: flex;margin: 0 auto 0.5rem auto;align-content: center;align-items: center;justify-content: flex-end;}
.read-top-set a.cb {border: 1px solid #898989;display: inline-block;width: 1.6rem;height: 1.6rem;margin-right: 0.5rem;overflow: hidden;vertical-align: middle;border-radius: 50%;}
.read-top-set a.cf {padding: 0 5px;font-size: 1rem;font-weight: bold;color: #888;}
.submitErrorModalbtn {cursor: pointer;color:#e5e5e5 !important;}
.submiterrordialog {color:#333333 !important;}
#ifr {width:0;height:0;border:0;margin:0;}
#ifrdomain {width:0;height:0;border:0;margin:0;}
.empty {font-size: 2rem;line-height: 2.4;font-weight: bold;color: #f00;overflow: hidden;display: flex;justify-content: center;animation: blinks 1s linear infinite;}
@keyframes blinks {0% { color: red; } 50% { color: green; } 100% { color: yellow; }}
.ls-div-bar {background-image:radial-gradient(circle at 30% -200%, #605f5e 0%, #232323 50%, #1c1b1a 50%, #2e2d2d 100%) !important;border-radius: .2rem;display: flex;justify-content: space-between;align-items: center;}
.ls-div-bar h6 i {font-size: 1rem;padding-right: 0.5rem;}
.ls-picsize{position:relative; overflow:hidden; border-radius: .25rem;}
.ls-picsize eps{color: #fff;position: absolute;right: 0.3em;z-index: 1;text-align: center;font-size: .75rem;bottom: .1rem;display: block;background: rgba(0, 0, 0, 0.7);border-radius: .2rem;padding: 0 .2rem;border: 1px solid #d5d5d5;}
.ls-picsize num{padding: .1em .3em;background: rgba(186, 230, 205, 0.35);color: #dee2e6;border-radius: .2em;position: absolute;right: 0.3em;z-index: 1;text-align: right;font-size: 0.8em;bottom: 0.3em;display: block;}
.ls-picsize img{width:100%;}
.ls-picsize img{transition: all 0.3s;}
.ls-picsize img:hover{transform: scale(1.06);}
.ls-link-div {padding: 0.8rem 0.5rem;border-radius: 0.8rem;background-color: #eaedf1;}
.icon-pen {width: 2rem;height: 2rem;background-image: url('//www.8book.com/images/pen-to-square.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(68%) sepia(95%) saturate(3110%) hue-rotate(353deg) brightness(103%) contrast(101%);}
.icon-pen-cat {width: 1rem;height: 1rem;background-image: url('//www.8book.com/images/pen-to-square.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(62%) sepia(68%) saturate(2441%) hue-rotate(318deg) brightness(100%) contrast(95%);}
.icon-newbook {width: 2rem;height: 2rem;background-image: url('//www.8book.com/images/book.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(68%) sepia(95%) saturate(3110%) hue-rotate(353deg) brightness(103%) contrast(101%);}
.icon-newbook-cat {width: 1rem;height: 1rem;background-image: url('//www.8book.com/images/book.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(62%) sepia(68%) saturate(2441%) hue-rotate(318deg) brightness(100%) contrast(95%);}
.icon-hotlist {width: 2rem;height: 2rem;background-image: url('//www.8book.com/images/chart-simple.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(68%) sepia(95%) saturate(3110%) hue-rotate(353deg) brightness(103%) contrast(101%);}
.icon-hotlist-cat {width: 1rem;height: 1rem;background-image: url('//www.8book.com/images/chart-simple.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(62%) sepia(68%) saturate(2441%) hue-rotate(318deg) brightness(100%) contrast(95%);}
.icon-alllist {width: 2rem;height: 2rem;background-image: url('//www.8book.com/images/list.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(68%) sepia(95%) saturate(3110%) hue-rotate(353deg) brightness(103%) contrast(101%);}
.icon-bookmark-m {width: 100%;height: 100%;background-image: url('//www.8book.com/images/book-open-reader.svg');background-repeat: no-repeat;background-position: center;filter: invert(100%) brightness(1000%);}
.icon-search-m {width: 100%;height: 100%;background-image: url('//www.8book.com/images/magnifying-glass.svg');background-repeat: no-repeat;background-position: center;filter: invert(100%) brightness(1000%);}
.icon-gototop {width: 3rem;height: 3rem;background-image: url('//www.8book.com/images/circle-chevron-up.svg');background-repeat: no-repeat;background-position: center;filter: grayscale(100%) brightness(50%);opacity: 0.05;display: block;}
.fa-circle-chevron-up {width: 3rem;height: 3rem;background-image: url('//www.8book.com/images/circle-chevron-up.svg');background-repeat: no-repeat;background-position: center;filter: grayscale(100%) brightness(50%);opacity: 0.05;display: block;}
.icon-bookmark {width: 100%;height: 100%;background-image: url('//www.8book.com/images/book-open-reader.svg');background-repeat: no-repeat;background-position: center;filter: invert(100%) brightness(1000%);}
.icon-user {width: 100%;height: 100%;background-image: url('//www.8book.com/images/user.svg');background-repeat: no-repeat;background-position: center;filter: invert(100%) brightness(1000%);}
.icon-venus-cat {width: 0.7rem;height: 0.9rem;background-image: url('//www.8book.com/images/venus.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(62%) sepia(68%) saturate(2441%) hue-rotate(318deg) brightness(100%) contrast(95%);}
.icon-thumbs-cat {width: 1rem;height: 1rem;background-image: url('//www.8book.com/images/thumbs-up.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(62%) sepia(68%) saturate(2441%) hue-rotate(318deg) brightness(100%) contrast(95%);}
.icon-newload-cat {width: 0.8rem;height: 1rem;background-image: url('//www.8book.com/images/file-lines.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(62%) sepia(68%) saturate(2441%) hue-rotate(318deg) brightness(100%) contrast(95%);}
.icon-up {width: 0.6rem;height: 0.8rem;background-image: url('//www.8book.com/images/arrow-up.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);margin-left: 0.2rem;}
.icon-down {width: 0.6rem;height: 0.8rem;background-image: url('//www.8book.com/images/arrow-down.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);margin-left: .2rem;}
.icon-day-mode {width: 1.1rem;height: 1.1rem;background-image: url('//www.8book.com/images/day-mode.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);display: block;margin: auto 0.2rem;}
.icon-night-mode {width: 1.1rem;height: 1.1rem;background-image: url('//www.8book.com/images/night-mode.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(13%) sepia(5%) saturate(0%) hue-rotate(332deg) brightness(90%) contrast(90%);display: block;margin: auto 0.2rem;}
.icon-backward-fast {width: 1.1rem;height: 1.1rem;background-image: url('//www.8book.com/images/backward-fast.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);display: block;margin: auto 0.2rem;}
.icon-forward-fast {width: 1.1rem;height: 1.1rem;background-image: url('//www.8book.com/images/forward-fast.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);display: block;margin: auto 0.2rem;}
.icon-caret-left {width: 0.8rem;height: 1.2rem;background-image: url('//www.8book.com/images/caret-left.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);display: block;margin: auto 0.2rem;}
.icon-caret-right {width: 0.8rem;height: 1.2rem;background-image: url('//www.8book.com/images/caret-right.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);display: block;margin: auto 0.2rem;}
.icon-circle-info {width: 0.8rem;height: 0.8rem;background-image: url('//www.8book.com/images/circle-info.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);display: block;}
h6.text-pink.mb-0.py-1 {display: flex;align-items: center;}
h6.text-pink.m-0.py-2 {display: flex;align-items: center;}
.info-work {width:100%;}
.read-ctrl {display: flex;border-radius: 0.25rem;align-items: center;background: #a1a5aa;position: relative;}
.read-ctrl .ft-item {overflow: hidden;display: flex;height: 35px;line-height: 0;width: 35px;justify-content: center;align-items: center;cursor: pointer;position: relative;}
.read-ctrl .fonts-bt {margin: 0 0.2rem;height: 30px;line-height: 30px;background: #6888aa;padding: 0 0.5rem;border-radius: 0.25rem;white-space: nowrap;}
.read-ctrl .fonts-bt a {display: flex;}
.read-ctrl .fonts-bt img {margin-right: 0.2rem;}
img.day-on,img.night-on {width: 16px;}
a.modecbtn1,a.modecbtn1:hover {color: #e5e5e5;}
.bg-options {display: none;position: absolute;top: 110%;left: 0;z-index: 1000;background: #a1a5aa;padding: 0.5rem;border-radius: 0.25rem;}
.bg-options a {display: inline-block;width: 30px;height: 30px;margin: 5px;cursor: pointer;border-radius: 3px;}