@charset 'UTF-8';html{font-size:14px;font-size:calc(14px + 2 * (100vw - 240px)/ 80)}
@media screen and (min-width:320px){html{font-size: calc(16px + 2 * (100vw - 320px)/ 55);}
}
@media screen and (min-width:375px){html{font-size: calc(18px + 2 * (100vw - 375px)/ 39);}
}
@media screen and (min-width:414px){html{font-size:calc(22px + 4 * (100vw - 414px)/ 186)}
}
@media screen and (min-width:600px){html{font-size:calc(26px + 4 * (100vw - 600px)/ 400)}
}
@media screen and (min-width:1000px){html{font-size:30px}
}
blockquote,body,dd,dl,figure,form,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}
ol,ul{padding:0;list-style:none}
a{text-decoration:none;outline:0;color:#08c}
input:focus,select:focus{outline:0}
em{font-style:normal}
h1,h2,h3,h4,h5,h6,input,select,textarea{font-size:.875rem}
input,select,textarea{font-family:inherit;box-sizing:border-box}
img{z-index:0}
p{word-break:break-all}
main{display:block}
output{speak:none}
body{font-family:sans-serif;line-height:1.5;-webkit-user-select:none;color:#7a7a7a;fill:currentColor;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none;-webkit-touch-callout:none;background-color:#f5f5f5}
.icon{width:1.125rem;height:1.125rem;fill:currentColor}
.icon-home{background-image:url(svg/home.svg)}
.icon-rank{background-image:url(svg/rank.svg)}
.icon-catagory{background-image:url(svg/catagory.svg)}
.icon-full{background-image:url(svg/full.svg)}
.icon-history{background-image:url(svg/history.svg)}
.icon-back{position:absolute;background-image:url(svg/back.svg);margin-top:.5625rem;margin-left:.5625rem}
.icon-user{position:absolute;background-image:url(svg/user.svg);margin-top:.5625rem;margin-left:.5625rem}
.icon-user-2{background-image:url(svg/user.svg);display:inline-block;width:.75rem;height:.75rem;vertical-align:middle;margin-top:-.125rem;margin-right:.25rem}
.icon-search{position:absolute;background-image:url(svg/search.svg);margin-top:.5625rem;margin-left:.5625rem}
.icon-backtotop{position:absolute;background-image:url(svg/backtotop.svg);margin-top:.4375rem;margin-left:.4375rem}
.icon-setting{position:absolute;background-image:url(svg/setting.svg);margin-top:.4375rem;margin-left:.4375rem}
.icon-arrow-r{background-image:url(svg/arrow-r.svg);background-repeat: no-repeat;width: .75rem;height: .75rem;vertical-align: -.25ex;}
h4{height:1.25rem;padding:0 1rem;border-top:1rem solid transparent;color:#363636;overflow: hidden;}
.pull-right{float:right;font-size:.675rem;font-weight:400}
.mt0{margin-top:0!important}
.mb0{margin-bottom:0!important}
.cf:before,.clear:after{display:table;content:" "}
.clear:after{clear:both}
.min-height{min-height:calc(100vh - 6.75rem)}
.header-fixed{position:fixed;width:calc(100% - .75rem)}
.header{display:flex;background-color: #08c;justify-content:space-between;align-items:center;overflow:hidden;height:2rem;line-height:2rem;padding:.375rem;font-size:.75rem;z-index:9999999;}
.header .center{position:absolute;left:6rem;width:calc(100% - 12rem);text-align:center;font-size: .75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.header .left{position:absolute;top:0;left:0;padding:.25rem .375rem}
.header .right{position:absolute;top:0;right:0;padding:.25rem .375rem}
.header .left a,.header .right a{float:left;overflow:hidden;width:2.25rem;height:2.25rem}
.header,.header a{color:#fff}
a.icon-more:empty{position:relative}
a.icon-more:empty::after,a.icon-more:empty::before{position:absolute;top:1.125rem;left:50%;width:1.125rem;margin-top:-1px;margin-left:-.5625rem;content:'';-webkit-transition:all .15s;transition:transform .15s;border-top:1px solid}
a.icon-more:empty::before{height:4px;-webkit-transform-origin:top center;transform-origin:top center;border-bottom:1px solid}
a.icon-more:empty::after{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
a.icon-more.active::before{height:0;-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg);border-bottom:0}
a.icon-more.active::after{-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}
.nav-bottom{background:#eee;text-align:justify;position:fixed;bottom:0;left:0;width:100%;height:auto;z-index:9999999;box-shadow:0 0 .25rem #999}
.guide{position:fixed;z-index:3;top: 2.7rem;right:0;bottom:0;left:0;visibility:hidden;overflow:hidden;transition:visibility .25s;-wekit-transition:visibility .25s;background:#666;z-index:99999999;background: rgba(0,0,0,.8);}
.active.guide{visibility:visible;transition:none;-wekit-transition:none}
.guide-content{padding-top:.5rem;position:relative;overflow:hidden;-webkit-transition:-webkit-transform .15s;transition:transform .15s;-webkit-transform:translateY(-100%);transform:translateY(-100%);background-color:#fff}
.active>.guide-content{-webkit-transform:translateY(0);transform:translateY(0)}
.guide-nav{background:#fff;font-size:0;text-align:justify}
.guide-nav::after{display:inline-block;width:100%;height:0;content:'';vertical-align:top}
.guide-nav-a{display:flex;float:left;font-size:.675rem;position:relative;width:20%;height:3.625rem;text-align:center}
.guide-nav-a>.icon{position:absolute;right:0;bottom:1.625rem;left:0;margin:auto}
.guide-nav-h{position:absolute;right:0;bottom:.275rem;left:0}
.guide-nav .guide-nav-a{margin:0 0 .5rem 0}
.guide-footer{margin-top:1rem;margin-bottom:1.5rem;text-align:center}
.guide-footer a{font-size:.75rem;line-height:2.25rem;display:inline-block;padding-right:1em;padding-right:2ch;padding-left:1em;padding-left:2ch;text-align:center;color:#fff;border-radius:99px;background-color:#08c;box-sizing:border-box;width:80%;}
.book{background:#fff;overflow:hidden}
.book .book-cover-blur{position:absolute;width:100%;height: 12rem;opacity: .2;-webkit-filter: blur(20px);filter: blur(20px);}
.book .book-info{position:relative;background:#fff;background:-webkit-linear-gradient(bottom,#fff,rgba(255,255,255,0) 108px) no-repeat center bottom;background: linear-gradient(to top,#fff,rgba(255,255,255,0) 8rem) no-repeat center bottom;}
.book .book-info .book-layout{display:block;overflow:hidden;padding:1rem;-webkit-transition:padding-left .15s;transition:padding-left .15s}
.book .book-info .book-layout .book-cover{font-size:0;float:left;margin-right:.5rem;width:5.25rem;height:7rem;border-radius:2px}
.book .book-info .book-layout .book-cell{overflow:hidden;line-height:1.4rem}
.book .book-info .book-layout .book-cell .book-title{line-height: 1rem;margin-bottom: .3rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#363636;}
.book .book-info .book-layout .book-cell .book-meta{font-size:.75rem;overflow:hidden;height:1.5rem;line-height:1.5rem}
.book .last{font-size:.75rem;padding: 0 1rem .75rem;height:.75rem;line-height:.75rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.bookchapter,.bookintro{position: relative;background:#fff;font-size:.675rem;line-height:1.5rem;overflow:hidden;text-align:justify;border-top:1rem solid transparent;border-bottom:1rem solid transparent;box-shadow:0 1px #f0f1f2,0 -1px #f0f1f2;}
.line{max-height: 6rem;}
.bookintro p{padding:0 1rem}
.bookintro .more{position: absolute;width: 100%;text-align: center;top: 4.5rem;background: #ffffff;color: #ff6600;font-weight: 700;}
.bookchapter{border-bottom:none}
.bookchapter h2{font-size:1rem;padding:0 1rem 1rem;color:#363636}
.bookchapter ul{box-shadow:0 1px #f0f1f2,0 -1px #f0f1f2}
.bookchapter ul li{padding:0 1rem;line-height:2.2rem;height:2.2rem;white-space:nowrap;overflow:hidden}
.bookchapter ul li+li{border-top: 1px solid #f0f1f2;border-color: rgba(0,0,0,.05);}
.bookchapter ul li:nth-child(2n+1){background:#fbfbfb}
.bookchapter ul li a{display:block;width:calc(100% - 2.2rem);overflow:hidden;text-overflow:ellipsis;font-size:.75rem}
.bookchapter ul li a:after{position:absolute;content:"\514d\8d39";font-size:.625rem;right:1rem;color:#999;text-align:right}
.bookchapter .bookchaptermore{display:block;background:#f60;color:#fff;font-weight:700;text-align:center;padding:.25rem 1rem;margin:1rem;border-radius:1rem;font-size:.8125rem;}
.listpage{width:calc(100% - 2rem);padding:1.025rem 1rem;overflow:hidden;font-size:.675rem}
.listpage span{text-align:center}
.listpage .left{float:left;width:25%}
.listpage .left a,.listpage .right a{width:90%;height:1.65rem;line-height:1.65rem;display:block;padding:0;box-shadow:inset 1px 0 #e3e4e6,inset 0 1px #e3e4e6,inset 0 -1px #e3e4e6,inset -1px 0 #e3e4e6;font-size:.75rem;text-align:center;border-radius:.125rem;background:rgba(255,255,255,.8)}
.listpage .left a{float:left}
.listpage .right a{float:right}
.listpage .right{float:right;width:25%}
.listpage .middle{width:49%;border:1px solid #e3e4e6;display:block;float:left;height:1.5rem;line-height:1.5rem}
.listpage .middle em{width:80%;text-align:center;color:#999;font-style:normal;height:30px}
.listpage .middle a,.listpage .middle em{display:inline-block;float:left;line-height:36px}
.listpage .middle a{width:19%;height:36px;vertical-align:middle}
.listpage .middle select{clear:both;border:none;display:inline-block;float:left;font-style:normal;height:1.5rem;line-height:1.5rem;text-align:center;width:100%;background:#fff}
.listpage .middle select,.listpage .middle select option{color:#666;font-size:.675rem}
.listpage .before{color:#d7d7d7}
#wrapper .header{/* background: rgba(0,0,0,.5); */}
#wrapper .rank{background: unset;}
.read{padding: 1rem 0;background: rgba(255,255,255,.2);}
.read h1{font-weight:700;line-height:2;margin: 0 1rem 1rem 1rem;color:#363636;font-size: 1rem;}
.read .readpage{margin: 0 1rem;display:flex;border:1px solid #d7d7d7;border-radius:.2rem;border-color: rgba(0,0,0,.1);background: rgba(255,255,255,.2);}
.read .readpage a{width:25%;text-align:center;border-radius:3px;font-size:.75rem;line-height:2rem}
.read .readpage a+a{border-left:1px solid #d7d7d7;border-radius:unset;border-color: rgba(0,0,0,.1);}
.read .readpage .addbookcase{color:#f60}
.read .readpage .gray{color:#999}
.read .readcontent{margin: 0 1rem;font-size: 1rem;line-height:1.8;overflow:hidden;text-align:justify;color:#363636;}
.read .readcontent p{padding:.5rem 0;text-indent:2em}
.read .readcontent .report{text-align:center;margin-bottom:1rem;font-size:.625rem}
.read .readcontent .report a{color:#f60}
.rank,.sort{margin:.75rem 0 0 0;background-color:#fff;overflow:hidden}
.rank .content{padding:1rem}
.rank .content dl{display: block;width:100%;height: 4rem;overflow:hidden;}
.rank .content dl+dl{margin-top: .5rem;border-top: 1px solid #f0f1f2;padding-top: .5rem;border-color: rgba(0,0,0,.05);}
.rank .content dl .cover{float:left;width:3.5rem;height:4rem}
.rank .content dl .cover img{width:3rem;height:4rem}
.rank .content dl dt{display:flex;font-size:.75rem;height: 1.25rem;overflow:hidden;}
.rank .content dl dd{font-size: .625rem;height:1.5rem;line-height:.75rem;overflow:hidden;text-align:justify;}
.rank .content dl dd.history{height:1.5rem;line-height:1.5rem;text-align:unset}
.rank .content dl dd:last-child{height:1.2rem;line-height:1rem;font-size:.625rem;padding-top:.2rem}
#del_temp,.rank .content dl dd:last-child span{float:right;margin-left:.25rem;font-size:.625rem;border:1px solid;border-radius:2px;line-height:.75rem;padding:.05rem}
#del_temp,.rank .content dl dd:last-child span:nth-child(2){color:#f60}
#del_temp{float:right;margin-top:1.5rem}
.rank .content dl dt span{display:block;background:#f60;border-radius: .8125rem;width: .8125rem;height: .8125rem;line-height: .8125rem;text-align:center;color:#fff;margin-right: .25rem;margin-top: .2rem;font-size:.625rem;}
.rank .content dl:nth-of-type(n+4) dt span{background:#08c}
.rank .list li{overflow:hidden;height:2.5rem;line-height:2.5rem;padding:0 1rem;border-top: 1px solid #f0f1f2;border-color: rgba(0,0,0,.05);}
.rank .list li:nth-child(2n+1){background-color:#fbfbfb}
.rank .list li a,.rank .list li span{float:left}
.rank .list li a{max-width:60%;font-size:.75rem}
.rank .list li a:last-child{max-width:calc(40% - 1.25rem);float:right;text-align:right;font-size:.625rem;font-weight:400}
.rank .list li span{display:block;background:#f60;border-radius: .8125rem;width: .8125rem;height: .8125rem;line-height: .8125rem;text-align:center;color:#fff;margin-right:.25rem;margin-top: .8125rem;font-size:.625rem;}
.rank .list li:nth-of-type(n+3) span{background:#08c}
.rank .taglist {margin: 1rem 0;}
.rank .taglist li {overflow: hidden;height: 2rem;line-height: 2rem;padding: 0 1rem;border-top: 1px solid #f0f1f2;border-color: rgba(0,0,0,.05);font-size: .75rem;width: calc(33.33333% - 2rem);float: left;word-break: break-all;text-align: center;}
.rank .taglist li:nth-child(2n+1) {background-color: #fbfbfb;}
.sort ul{padding:0 .5rem 1rem;overflow:hidden;font-size:.675rem}
.sort ul li{float:left;width:33.33333%;margin-top:1rem;text-align:center}
.sort ul li a{display:block;background: #eee;margin:0 .5rem;border-radius:.2rem;line-height:2rem;}
.sort ul li a.active{background:#08c;color:#fff;}
.pages{border-top: 1px solid #f0f1f2;text-align:center;padding:1rem 0;overflow:hidden;font-size:.675rem;}
#searchguide{display:none;position:fixed;z-index:3;top:0;right:0;bottom:0;left:0;overflow:hidden;transition:visibility .25s;-wekit-transition:visibility .25s;background:#fff;z-index:999999999}
.search{padding:.5rem 1rem;height:1.8rem;overflow:hidden;background:#08c;display:flex;}
.search form{width:calc(100% - 1.25rem);align-items:center;display:flex;background:#fff;border-radius:2rem}
.search form input{width:calc(100% - 4rem);font-size:.625rem;border:none;border-radius:2rem 0 0 2rem;border-right:none;background:#fff;height:1.8rem;line-height:1.8rem}
.search form button{width:4rem;cursor:pointer;border-radius:2rem;font-size:.75rem;border:none;height:1.8rem;line-height:1.8rem;background:#eee;color:#08c}
.search form button:hover{background-color:#f60;color:#fff}
.search #closesearch{float:right;width:1.25rem;margin-left:1rem;color:#fff;font-size:.75rem;text-align:right;margin-top:-.2rem}
.searchhot{padding:1rem}
.searchhot h4{padding:0;height:auto;border-top:0}
.searchhot p a{font-size:.675rem;line-height:1.25rem;display:inline-block;padding:0 .625rem;text-align:center;border:1px solid;border-radius:2rem;color:#7a7a7a;margin:1rem .5rem 0 0}
.pagination{padding:0 1rem;display:flex;border-radius:.2rem;line-height:2rem}
.pagination>li{width:25%;text-align:center}
.pagination>li.hidden-xs{display:none}
.pagination>li>a,.pagination>li>span{display:block;border:1px solid #d7d7d7;margin-left:-1px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;background-color:#fbfbfb}
.pagination>li:first-child>a,.pagination>li:first-child>span{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem;margin-left:0}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;cursor:default;color:#f60}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.login{background:#fff}
.login form{padding:2rem 1rem;text-align:center}
.login form .form-group+.form-group{margin-top:2rem}
.login form .form-group .form-title{float:left;overflow:hidden;line-height:1.75rem;font-size:.75rem}
.login form .form-group .form-content{overflow:hidden}
.login form .form-group .form-content input{border:1px solid #d7d7d7;width:100%;font-size:.625rem;line-height:1.25rem;text-indent:10px}
.login form .form-submit{margin-top:2rem;text-align:center}
.login form .form-submit button{border:1px solid #d7d7d7;background-color:#eee;border-radius:3px;font-size:100%;padding:.5rem 2rem;font-size:.875rem}
.login form .form-submit button:hover{background-color:#f60;color:#fff;border-color:#f60}
.footer{padding:.5rem 0;background: rgba(0,0,0,.05);}
.footer p{line-height:1.5rem;text-align:center;font-size:.625rem;}
.backtotop{position:fixed;z-index:1;right:1rem;bottom: 30%;width:2rem;height:2rem;-webkit-transition:opacity .25s,visibility .25s;transition:opacity .25s,visibility .25s;color:#fff;border-radius:2rem;background-color: #333;box-shadow: 0 0 0.25rem #333;opacity: .5;display: none;}
.setting{position:fixed;z-index:1;right:1rem;bottom: calc(30% + 2.75rem);width:2rem;height:2rem;-webkit-transition:opacity .25s,visibility .25s;transition:opacity .25s,visibility .25s;color:#fff;border-radius:2rem;background-color: #333;box-shadow: 0 0 0.25rem #333;opacity: .5;}
.nobook{padding:5rem 0 0 0;text-align:center}
.book-info-btn{padding: 0 1rem 1rem;display:flex;}
.book-info-btn li{float:left;width:33.333333%}
.book-info-btn li:nth-child(2){margin:0 .66666rem}
.book-info-btn li a{display:block;box-shadow:inset 1px 0 #e3e4e6,inset 0 1px #e3e4e6,inset 0 -1px #e3e4e6,inset -1px 0 #e3e4e6;font-size: .75rem;line-height: 1.8rem;text-align:center;border-radius:.125rem;background:#fff;background: rgba(255,255,255,.5);}
.book-info-btn li:first-child a{margin-left:0;background: #f60;color:#fff;box-shadow:none;}
#readSet{position:fixed;background:#eee;box-shadow:0 0 1rem #666;border-radius:.5rem;padding:1rem;top:calc(50vh - 6rem);left:10%;width:calc(80% - 2rem);-webkit-transition:opacity .25s,visibility .25s;transition:opacity .25s,visibility .25s}
#readSet .title{font-size:1.25rem;text-align:center;margin-bottom:1rem;font-weight:700}
#readSet .bgcolor{white-space:nowrap;display:flex}
#readSet .bgcolor a{width:25%;display:inline-block;font-size:.75rem;line-height:2rem;border:1px solid #ccc;text-align:center;color:#363636}
#readSet .bgcolor a+a{margin-left:.5rem}
#readSet .fontsize{margin-top:1rem}
#readSet .fontsize a,#readSet .fontsize span{display:inline-block;font-size:.875rem}
#readSet .fontsize a{padding:0 .5rem;color:#363636}
.hide{display:none}
.clear-nav{padding-bottom:4.1rem}
.clear-book{padding-bottom:3.75rem}