@charset 'UTF-8';
@font-face {
    font-family: 'yahei';
    src: url('../fonts/font.eot');
    src: url('../fonts/font.eot') format('embedded-opentype'),
    url('../fonts/font.ttf') format('truetype'),
    url('../fonts/font.woff') format('woff'),
    url('../fonts/font.svg') format('svg');
}
#chaptercontent i,.intro i,.booklist ul li i {
    font-family: "yahei" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
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;color:inherit;outline:0}
a[href]:active,button:active{background-image:none}
em{font-style:normal}
h1,h2,h3,h4,h5,h6,input,select,textarea{font-size:100%}
input,select,textarea{font-family:inherit;box-sizing:border-box}
img{display:inline-block}
p{word-break:break-all}
main{display:block}
output{speak:digits}
html{font-size:16px}
@media (min-width:320px){html{font-size:16px;font-size:calc(16px + 4 * (100vw - 320px)/ 75)}}
@media (min-width:375px){html{font-size:20px;font-size:calc(20px + 4 * (100vw - 375px)/ 315)}}
@media (min-width:640px) and (max-width:767px){html{font-size:24px}}
@media (min-width:768px){html{font-size:16px;font-size:calc(16px + 4 * (100vw - 768px)/ 224)}}
@media (min-width:992px){html{font-size:20px}}
html{font-family:sans-serif;line-height:1.5;-webkit-user-select:none;fill:currentColor;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none;-webkit-touch-callout:none;background-color:#fff;color:#999}
body{margin:0 auto}
button,input{outline:0}
ul li{list-style:none outside none}
a{color:#333;text-decoration:none}
a:hover{color:#f60}
.clear{clear:both}
.cf:after,.cf:before{display:table;content:" "}
.cf:after{clear:both}
.container{width:90%;margin:auto;}
.header-m{background:rgba(255,255,255,.2);display:-webkit-box;display:-ms-flexbox;font-size:.8rem;border-bottom:1px solid rgba(0,0,0,.05);overflow:hidden;height:2.5rem;line-height:2.5rem}
.header-m a{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;min-width:3rem;text-align:center;display:block}
.header-m a svg{width:1rem;height:1rem;font-size:1rem;fill:currentColor;vertical-align:text-bottom;overflow:hidden;color:#666}
.header-m .header-m-center{-ms-flex:1;-webkit-box-flex:1;display:block;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#333}
.header-common{height: 3rem;line-height:3rem;font-size:.8rem;overflow:hidden;}
.header-common-left{float:left;font-size:1rem;margin-right:1rem;font-weight:700;height: 3rem;overflow: hidden;}
.header-common-left .logo {font-weight: 700;font-size: .875rem;}
.header-common-nav{background: #ff6600;height: 2.2rem;line-height: 2.2rem;}
.header-common-nav a{width: 10%;text-align:center;height:100%;display:block;float:left;font-size:.8rem;color: #ffffff;}
.header-common-nav a.active,.header-common-nav a:hover{background: #f14c36;color: #ffffff;}
.header-common-right{float:right;text-align:right;width:15rem;margin-left:1rem}
.header-common-right a{color:#f60;font-size:.75rem}
.header-common-right span{display:inline-block;border:1px solid #ececec;height:.5rem;margin:0 .25rem}
.header-common-search{float:left;width:10rem;margin-top: .75rem;}
.header-common-search form{background:#f0f2f7;width:10rem;height:1.5rem;border-radius:3px;}
.header-common-search form input{outline:0;float:left;border:none;height:1.5rem;line-height:1.5rem;background:0 0;text-indent:.5em;width:8rem;font-size:.7rem}
.header-common-search form button{background:0 0;width:2rem;float:right;border:none;height:1.5rem;text-align:center;cursor:pointer}
.header-common-search form button svg{width:1rem;height:1rem;vertical-align:middle;fill:currentColor;overflow:hidden;color:#666}
.navigator{margin-top:1rem;border-radius:3px;font-size:.7rem;list-style: none;}
.navigator>li {display: inline-block;}
.navigator>li+li:before{content: "/\00a0";padding: 0 .25rem;color: #ccc;}
.title{line-height:1rem;height:1rem;width:100%;overflow:hidden}
.title:before{float:left;content:' ';display:inline-block;width:.2rem;background:#f14c36;height:1rem;vertical-align:top;margin-right:.5rem;border-radius:.2rem}
.title h2,.title h3,.title h4{color:#333;float:left;font-size: .875rem;font-weight: normal;}
.title span{font-size:.7rem;float:right}
.booklist,.list-author,.list-bookcase,.list-history,.list-index-1,.list-index-2,.list-index-3,.list-index-4,.list-index-tag,.list-tag,.list-index-link{padding:1rem 0 0 0;overflow:hidden}
.book{margin-top:1rem}
.book .left{float:left;width:7.5rem;height:10rem;margin-right:1rem;overflow:hidden}
.book .left .cover{width:7.5rem;height:10rem;position:relative}
.book .left .cover img{width:7.5rem;height:10rem}
.book .left .cover span{background:rgba(0,0,0,.5);position:absolute;bottom:0;left:0;right:0;color:#fff;width:100%;line-height:1.6rem;text-align:center;height:1.6rem;font-size:.8rem}
.book .right{float:right;width:calc(100% - 8.5rem);height:8.3rem;position:relative}
.book .right h1,.book .right status{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.book .right h2{font-size:.8rem;margin-top:.25rem;font-weight:400;color:#333}
.book .right h2 span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.book .right h2 span i{font-style: normal;}
.book .right .status{color:#333;font-size:.8rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.book .book-read span a{font-size:.8rem;background:#fff;padding:.25rem 1rem;border-radius:3px;box-shadow: inset 1px 0 rgba(0,0,0,.1), inset 0 1px rgba(0,0,0,.1), inset 0 -1px rgba(0,0,0,.1), inset -1px 0 rgba(0,0,0,.1);}
.book .book-read span#start a,.book .book-read span:hover a{background:#f60;box-shadow: none;color:#fff}
.book .book-read span:nth-child(2){margin-left: .25rem;margin-right: .25rem;}
.book .intro{font-size:.8rem;border-top:1px solid #ddd;margin-top:.75rem;padding-top:.5rem;color:#666}
.book .book-link,.book .book-tag{font-size:.7rem;margin-top:.25rem;color:#333}
.book .book-tag a{background:#fff;padding:.05rem .25rem;border-radius:3px;box-shadow: inset 1px 0 rgba(0,0,0,.05), inset 0 1px rgba(0,0,0,.05), inset 0 -1px rgba(0,0,0,.05), inset -1px 0 rgba(0,0,0,.05);}
.book .book-tag a:hover{background:#f60;color:#fff}
.book .book-link a{font-size:.7rem}
.booklist ul{margin-top:1rem;font-size:.8rem;overflow:hidden}
.booklist ul li{margin-bottom:1rem;float:left;width:25%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.booklist ul li a:visited{color:#999}
.booklist ul li.allchapter{width:100%;text-align:center;font-size:1rem}
.booklist ul li.allchapter a{color:#f60}
.booklist .other{font-size:.8rem;background:#f0f2f7;padding:.5rem 1rem;text-align:justify;border: 1px solid rgba(0,0,0,.05);border-radius:3px;color:#666;}
.list-chapter{padding:1rem 0 0}
.list-chapter h1{text-align:center}
.list-chapter h2{margin-top:1rem;text-align:center;font-weight:400;font-size:.7rem;padding-bottom:1rem;border-bottom:1px solid #f0f2f7}
.list-chapter h2 a,.list-chapter h2 span{background:#f0f2f7;padding:0 .25rem;border-radius:3px;color:#333;box-shadow: inset 1px 0 rgba(0,0,0,.05), inset 0 1px rgba(0,0,0,.05), inset 0 -1px rgba(0,0,0,.05), inset -1px 0 rgba(0,0,0,.05);}
.list-chapter .booklist .title{border-bottom:1px solid #f0f2f7;padding-bottom:.5rem}
.listpage{padding:.5rem 0;line-height:1.5rem;overflow:hidden;height:1.5rem;font-size:.8rem}
.listpage span{height:1.5rem;line-height:1.5rem;text-align:center}
.listpage .left{float:left;width:25%}
.listpage .left a,.listpage .right a{display:inline-block;height:1.5rem;width:90%;border-radius:3px;box-shadow: inset 1px 0 rgba(0,0,0,.05), inset 0 1px rgba(0,0,0,.05), inset 0 -1px rgba(0,0,0,.05), inset -1px 0 rgba(0,0,0,.05);}
.listpage .left a{float:left}
.listpage .right a{float:right}
.listpage .right{float:right;width:25%}
.listpage .middle{width:49%;display:block;float:left;}
.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%;box-shadow: inset 1px 0 rgba(0,0,0,.05), inset 0 1px rgba(0,0,0,.05), inset 0 -1px rgba(0,0,0,.05), inset -1px 0 rgba(0,0,0,.05);}
.listpage .middle select,.listpage .middle select option{color:#666}
.listpage .onclick{background:#f0f2f7}
.listpage .before{background:#ddd;color:#f0f2f7}
.list-chapter .booklist ul{margin-top:0;margin-bottom:0}
.read{background:rgba(255,255,255,.2)}
.read h1{color:#333;text-align:center;margin:2rem}
.read .read-page{display:flex;font-size:.7rem;margin:.2rem 25%;text-align:center;background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1)}
.read .read-page a{padding:.25rem 0;float:left;width:33.33333%;border-right:1px solid rgba(0,0,0,.1)}
.read .read-tj{display:block;padding:.2rem 5%;margin-top:1rem;text-align:justify;font-size:.7rem}
.read .read-content{font-size:1rem;letter-spacing:.1em;padding:0 5%;text-align:justify;line-height:1.8;color:#333}
.read .read-content .report{text-align:center;font-size:.7rem;margin-bottom:1rem}
.read .read-content p{text-indent:2em;margin:.8em 0}
.read .read-page a:last-child{border:none}
#readSet{display:block;font-size:.8rem;overflow:hidden}
#readSet .rf{float:right}
#readSet .rc{color:#333;padding-left:.5rem}
#readSet a.ra{border:1px solid rgba(0,0,0,.1);display:inline-block;width:2rem;height:1rem;margin-right:.25rem;overflow:hidden;vertical-align:middle;margin-top:-.2rem}
#readSet .rt{padding:0 .25rem}
.sortlist{margin-top:1rem;border-radius:3px;font-size:.8rem;line-height:1.5rem;padding:.5rem 0;overflow:hidden;border: 1px solid rgba(0,0,0,.05);}
.sortlist li{float:left;width:10%;text-align:center}
.sortlist li.active a{color:#f60;font-weight:700}
.list-index-1,.list-index-3{float:left;width:calc(200% / 3)}
.list-index-1 .item,.list-index-3 .item{padding:1rem 0 0 0;width:50%;float:left;height:6rem;overflow:hidden}
.list-index-2 .item{padding:1rem 0 0 0;width:33.3333%;float:left;height:6rem;overflow:hidden}
.list-index-1 .item .cover,.list-index-2 .item .cover,.list-index-3 .cover{position:relative;float:left;width:4.5rem;height:6rem;overflow:hidden;margin-right:.5rem;z-index:999;}
.list-index-1 .item .cover span,.list-index-2 .item .cover span,.list-index-3 .cover span{background:rgba(0,0,0,.5);position:absolute;bottom:0;left:0;right:0;color:#fff;width:100%;line-height:1rem;text-align:center;height:1rem;font-size:.7rem}
.list-index-1 .item .cover img,.list-index-2 .item .cover img,.list-index-3 .cover img{width:4.5rem;height:6rem;display: block;}
.list-index-1 .item dl,.list-index-2 .item dl,.list-index-3 dl{margin-right:1rem;position:relative;height:6rem}
.list-index-1 .item dl dt,.list-index-2 .item dl dt,.list-index-3 dl dt{font-size: .8rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:.25rem;font-weight: 700;}
.list-index-1 .item dl dd,.list-index-2 .item dl dd,.list-index-3 dl dd{font-size:.7rem}
.list-index-1 .item dl dd.author,.list-index-2 .item dl dd.author,.list-index-3 dl dd.author{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#666}
.list-index-1 .item dl dd.intro,.list-index-2 .item dl dd.intro,.list-index-3 dl dd.intro{line-height:1rem;height: 2rem;text-align:justify;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top: .075rem;}
.list-index-1 .item dl dd.more,.list-index-2 .item dl dd.more,.list-index-3 dl dd.more{position:absolute;bottom: .1rem;left:5rem;}
.list-index-1 .item dl dd.more span,.list-index-2 .item dl dd.more span,.list-index-3 dl dd.more span{background:rgba(0,0,0,.05);padding:0 .25rem;border-radius:3px;color:#666;box-shadow: inset 1px 0 rgba(0,0,0,.05), inset 0 1px rgba(0,0,0,.05), inset 0 -1px rgba(0,0,0,.05), inset -1px 0 rgba(0,0,0,.05);}
.list-index-1 .item dl dd.more span:last-child,.list-index-2 .item dl dd.more span:last-child,.list-index-3 dl dd.more span:last-child{margin-left:.25rem;}
.list-index-2 .item:nth-child(3n+1) dl{margin-right:0}
.list-index-4,.list-index-tag{float:right;width:calc(100% / 3)}
.list-index-tag ul{margin-top:calc(7rem / 12)}
.list-index-tag ul li{font-size:.7rem;float:left;width: calc((100% - 1rem - 1px)/ 3);border-radius:3px;margin-top:calc(5rem / 12);background:#f0f2f7;text-align:center;margin-left:.5rem;height:1.5rem;line-height:1.5rem;overflow:hidden;box-shadow: inset 1px 0 rgba(0,0,0,.05), inset 0 1px rgba(0,0,0,.05), inset 0 -1px rgba(0,0,0,.05), inset -1px 0 rgba(0,0,0,.05);}
.list-index-tag ul li:nth-child(3n+1){margin-left:0}
.list-index-4 ul{margin-top:1rem}
.list-index-4 ul li{border:.05rem solid #f0f2f7;height:1.76rem;line-height:1.76rem;padding:0 .5rem}
.list-index-4 ul li+li{border-top:0}
.list-index-4 ul li .s1,.list-index-4 ul li .s2,.list-index-4 ul li .s3{float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.list-index-4 ul li .s1{width:2.2rem;font-size:.7rem}
.list-index-4 ul li .s3{float:right;max-width:3.75rem;font-size:.7rem;color:#666}
.list-index-4 ul li .s2{max-width:calc(100% - 5.95rem);font-size:.8rem}
.list-index-sort{float:left;width:calc((100% - 2rem) / 3);padding:1rem 0 0 0}
.list-index-sort ul{padding-top:1rem}
.list-index-sort ul li{border:.05rem solid #f0f2f7;height:1.76rem;line-height:1.76rem;padding:0 .5rem}
.list-index-sort ul li+li{border-top:0}
.list-index-sort span,.list-index-sort ul li a{float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.list-index-sort ul li a{max-width:calc(100% - 4rem);font-size:.8rem}
.list-index-sort ul li span{float:right;max-width:3.75rem;font-size:.7rem;text-align:right;color:#666}
.list-author ul,.list-author-info,.list-tag ul{font-size:.7rem}
.list-tag ul li{float:left;width:calc((100% - 5rem - 1px)/ 6);margin-top:1rem;margin-left:1rem;text-align:center;background:#f0f2f7;height:1.6rem;line-height:1.6rem;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow: inset 1px 0 rgba(0,0,0,.05), inset 0 1px rgba(0,0,0,.05), inset 0 -1px rgba(0,0,0,.05), inset -1px 0 rgba(0,0,0,.05);}
.list-author-info{margin-top:1rem}
.list-author ul li{float:left;width:calc((100% - 4rem - 1px)/ 5);margin-top:1rem;margin-left:1rem;text-align:center;background:#f0f2f7;height:1.6rem;line-height:1.6rem;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow: inset 1px 0 rgba(0,0,0,.05), inset 0 1px rgba(0,0,0,.05), inset 0 -1px rgba(0,0,0,.05), inset -1px 0 rgba(0,0,0,.05);}
.index-search{margin:1rem 0 0 0;text-align:center;background:#f0f2f7;border-radius:3px;height:2rem;line-height:2rem;padding:1rem;font-size:.8rem}
.index-search form{width:20rem;height:2rem;margin:0 auto;border:1px solid #ddd;border-radius:3px;background:#fff}
.index-search input{width:18rem;float:left;border:none;background:0 0;line-height:2rem;height:2rem;padding:0;margin:0;text-indent:.5em}
.index-search button{background:unset;width:2rem;float:right;border:none;height:2rem;text-align:center;cursor:pointer}
.index-search button svg{width:1.5rem;height:1.5rem;vertical-align:middle;fill:currentColor;overflow:hidden;color:#999}
.list-history .item{float:left;width:33.3333%;height:5.3333rem;overflow:hidden;margin-top:1rem;position:relative}
.list-history .item .cover,.list-history .item .cover img{width:4rem;height:5.333rem}
.list-history .item .cover{float:left;margin-right:.5rem;overflow: hidden;}
.list-history .item dl dt{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1rem}
.list-history .item dl dd{font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-history .item .del{font-size:.7rem;margin-top:.1rem}
.list-history .item .del a{background:#f0f2f7;padding:0 .5rem;border-radius:3px;box-shadow: inset 1px 0 rgba(0,0,0,.05), inset 0 1px rgba(0,0,0,.05), inset 0 -1px rgba(0,0,0,.05), inset -1px 0 rgba(0,0,0,.05);}
.list-history .item .del a:hover{background:#f60;color:#fff}
.index-login .login .form-group{color:#333;font-size:.8rem;margin-bottom:1rem;display:flex}
.index-login .login .form-group .form-title{width:3rem;line-height:1.75rem}
.index-login .login .form-group .form-content{width:100%}
.index-login .login .form-group .form-content input{border:1px solid #ddd;width:100%;line-height:1.75rem;height:1.75rem;font-size:.7rem;text-indent:.5em}
.index-login .login .form-submit{text-align:center;padding-top:1rem}
.index-login .login .form-submit button{width: 50%;text-align:center;cursor:pointer;border-radius:3px;border: 1px solid;font-size: .7rem;padding: .25rem 0;color: #f60;background: #fff;}
.index-login .login .form-submit button:hover{background:#f60;color:#fff;border-color:#f60}
.index-login .login-side{font-size: .7rem;border-radius:3px;text-align:center;margin:0 auto;padding: .25rem 0;border: 1px solid;}
.index-login .login-side:hover{background: #f60;color: #fff;}
.list-index-link p{font-size: 0.75rem;padding-top: 0.5rem;}
.list-index-link p a+a {margin-left: 0.5rem;}
.pages{border-top:1px solid #f0f2f7;text-align:center;font-size:.7rem;margin:1rem 0 0;padding:.5rem 0 0}
.pagination{display:inline-block;padding-left:0;margin:.5rem 0 0;border-radius:3px}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:.2rem .5rem;margin-left:-1px;text-decoration:none;border:1px solid #f0f2f7;color:#666}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;background-color:#f0f2f7}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.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}
img.lazy{transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s}
img.lazy:hover{transform:scale(1.2)}
.footer{margin-top:1rem;padding:1rem;border-top: 1px solid rgba(0,0,0,.05);font-size:.6rem;text-align:center;}
@media (min-width:768px){
    .container{max-width:992px}
    .book{padding:1rem;background:#f0f2f7;border-radius:3px;box-shadow: inset 1px 0 rgba(0,0,0,.05), inset 0 1px rgba(0,0,0,.05), inset 0 -1px rgba(0,0,0,.05), inset -1px 0 rgba(0,0,0,.05);}
    .read{background:rgba(255,255,255,.2)}
    .booklist ul{background:#f0f2f7;border-radius:3px;padding:1rem 1rem 0 1rem;margin-bottom:1rem;box-shadow: inset 1px 0 rgba(0,0,0,.05), inset 0 1px rgba(0,0,0,.05), inset 0 -1px rgba(0,0,0,.05), inset -1px 0 rgba(0,0,0,.05);}
    .book .book-history{display:none}
    .list-index-1 .title span,.list-index-3 .title span{margin-right:1rem}
    .list-index-sort:nth-child(3n+1){padding-left: 1rem;padding-right:1rem}
    .list-tag ul li:nth-child(6n+1){margin-left:0}
    .list-author ul li:nth-child(5n+1){margin-left:0}
    .list-history .item:nth-child(3n+1) dl,.list-history .item:nth-child(3n+2) dl{padding-right:1rem}
    .index-login{width:30rem;padding-top: 2rem;margin: 0 auto;}
    .index-login h2{color: #333;line-height: 1rem;font-weight: 400;text-align: center;margin-bottom: 2rem;padding-bottom: 2rem;border-bottom: 1px solid #ddd;}
    .index-login .login{float:left;width:calc(100% - 12rem);border-right:1px solid #ddd;padding-right:1rem;margin-right:1rem}
    .index-login .login-side{float:right;width: calc(10rem - 3px);}
    .autoheight{min-height:calc(100vh - 12rem)}
    .visible-xs{display:none!important}
}
@media (max-width:992px){
    .booklist ul li{width:33.3333%}
    .list-history .item dl dt{line-height:.8rem}
}
@media (max-width:767px){
    .mcf:after,.mcf:before{display:table;content:" "}
    .mcf:after{clear:both}
    .container{width:100%;position: relative;z-index: 2147483583;}
    .title h2,.title h3,.title h4{float:left;font-size:.9rem}
    .title span{text-align:right;float:right}
    .header-common-left{max-width:4rem;margin-left: .5rem;margin-right:.5rem;height: 2rem;}
    .header-common-search{width: calc(100% - 4.5rem);}
    .header-common-search form{width:100%;margin-top: 0;}
    .header-common-search form input{width:calc(100% - 1.5rem);text-indent:.5em}
    .header-common-search form button{width: 1.5rem;background-size:.75rem;}
    .header-common-nav{width:100%;max-width:none;}
    .header-common-nav a {width: calc(100% / 7);}
    .header-common-nav a.active,.header-common-nav a:hover{background:0 0}
    .header-common-right{width:calc(100% - 6.5rem);margin-left:0;margin-right: .5rem;}
    .navigator{display:none!important}
    .booklist,.list-author,.list-bookcase,.list-history,.list-index-1,.list-index-2,.list-index-3,.list-index-4,.list-index-sort,.list-index-tag,.list-tag{padding:1rem 1rem 0 1rem;float:unset;width:auto}
    .book{padding:0 1rem 1rem;border-bottom: 1px solid rgba(0,0,0,.05);background:unset;}
    .book .backcover{position:absolute;left:0;width:100%;height:9rem;opacity:.2;-webkit-filter:blur(20px);filter:blur(20px)}
    .book .left{width:5.625rem;height:7.5rem;margin-right:.5rem}
    .book .left .cover{width:5.625rem;height:7.5rem}
    .book .left .cover img{width:5.625rem;height:8rem}
    .book .left .cover span{height:1rem;line-height:1rem;font-size:.7rem}
    .book .right{width:calc(100% - 6.125rem);position:relative}
    .book .right h1{font-size: .875rem;font-weight: normal;margin-bottom: 0.25rem;}
    .book .right .status,.book .right h2{font-size:.7rem;line-height:1.2rem}
    .book .book-history{display:block;background:#f0f2f7;padding:.5rem;font-size: .7rem;margin-bottom:.75rem;border-radius:3px;box-shadow: inset 1px 0 rgba(0,0,0,.05), inset 0 1px rgba(0,0,0,.05), inset 0 -1px rgba(0,0,0,.05), inset -1px 0 rgba(0,0,0,.05);}
    .book .book-read{position:unset;display:flex}
    .book .book-read span {width: 100%;}
    .book .book-read span a{font-size: .75rem;float:left;width:100%;text-align:center;padding:.2rem 0;position:relative;background:rgba(255,255,255,.8);}
    .book .book-read span:nth-child(2){margin-left:2%;margin-right:2%}
    .book .intro{border-color:#f0f2f7;font-size:.7rem;text-align:justify}
    .book .book-tag a{background:#f0f2f7}
    .book .book-link{display:none}
    .list-chapter h1{font-size: .875rem;font-weight: normal;}
    .booklist{border-bottom:1px solid #f0f2f7;padding: 1rem 0 0 0;margin: 0 1rem;}
    .booklist ul li{width:50%;font-size:.7rem}
    .booklist .chapterlist{margin:0 0 1rem 0;text-align:center;overflow:hidden}
    .booklist .chapterlist a{display:block;background:#f60;color:#fff;font-size:.8rem;padding:0 1rem;height:1.5rem;line-height:1.5rem;border-radius:3px}
    .listpage{font-size:.7rem}
    .read {padding: unset;}
    .read #readSet, .read h1 {padding: 0 1rem;}
    .read .read-page {margin: .5rem 1rem;}
    .read .read-tj {margin: 1rem 0;}
    .read .read-content{margin-right:0;margin-left:0;padding-right: 1rem;padding-left: 1rem;letter-spacing:0;}
    .read h1{font-size: .875rem;font-weight:400;margin:2rem 0;}
    #readSet a.ra{width:1rem}
    .sortlist{margin:0;border-top: none;border-left: none;border-right: none;}
    .sortlist li{width:20%}
    .list-index-1 .item:nth-child(2){width:100%}
    .list-index-1 .item:nth-child(2) dl{margin-right:0}
    .list-index-1 .item:nth-child(2) dl dd{font-size:.7rem}
    .list-index-1 .item:nth-child(n+3){margin-left:calc((100% - 13.5rem)/ 2);width:4.5rem;height:8.5rem}
    .list-index-1 .item:nth-child(3n+3){margin-left:0}
    .list-index-1 .item:nth-child(n+3) .cover{width:4.5rem;float:unset;overflow:hidden;margin-right:0}
    .list-index-1 .item:nth-child(n+3) .cover img{width:100%;height:100%}
    .list-index-1 .item:nth-child(n+3) dl{margin-top:.25rem;height:2.1rem;overflow:hidden;margin-right:0}
    .list-index-1 .item:nth-child(n+3) dl dt{margin-bottom:0;font-size:.7rem}
    .list-index-1 .item:nth-child(n+3) dl dd.intro{display:none}
    .list-index-2 .item,.list-index-3 .item{width:100%}
    .list-index-2 .item dl,.list-index-3 .item dl{margin-right:0}
    .list-index-1 .item dl dd.more span,.list-index-2 .item dl dd.more span,.list-index-3 dl dd.more span{font-size:.6rem}
    .list-index-4 ul li{height:2rem;line-height:2rem}
    .list-index-sort ul li{height:2rem;line-height:2rem}
    .list-tag ul li{width:calc((100% - 4rem)/ 5)}
    .list-tag ul li:nth-child(5n+1){margin-left:0}
    .list-author ul li{width:calc((100% - 2rem)/ 3)}
    .list-author ul li:nth-child(3n+1){margin-left:0}
    .index-search{margin:0;border-radius:unset}
    .index-search form{width:100%}
    .index-search input{width:calc(100% - 2rem)}
    .list-history .item{width:100%}
    .list-history .item:first-child{margin-top:0}
    .list-history .item dl{width:calc(100% - 3rem)}
    .list-history .item dl dt{line-height:1rem;margin-bottom:1rem}
    .list-history .item .del{width:3rem;position:absolute;top:50%;right:0;transform:translate(0,-50%)}
    .list-history .item .del a{display:block;height:1.5rem;line-height:1.5rem;text-align:center}
    .index-login{padding:1rem}
    .index-login .login{border-bottom:1px solid #f0f2f7;padding-bottom:1rem;margin:1rem}
    .index-login .login .form-submit button{width: 50vw;}
    .index-login .login-side{display:block;width: 50vw;}
    .autoheight{min-height:calc(100vh - 8.3rem)}
    .hidden-xs{display:none!important}
}
@media (max-width:639px){
    .list-tag ul li{width:calc((100% - 2rem)/ 3)}
    .list-tag ul li:nth-child(5n+1){margin-left:1rem}
    .list-tag ul li:nth-child(3n+1){margin-left:0}
    .booklist ul{border-top:1px solid #f0f2f7}
    .booklist ul li{width:100%;border-bottom:1px solid #f0f2f7;line-height:2.5rem;margin-bottom:0;}
    .booklist .chapterlist{margin:1rem 0}
    .booklist .chapterlist a{height:2rem;line-height:2rem}
}
@media (max-width:319px){
    #readSet a.ra{width:.6rem}
    #readSet .rt{font-size:.5rem;padding:0 .1rem}
}