@charset "UTF-8";
blockquote,body,dd,dl,figure,form,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}
ol,ul{list-style:none;padding:0}
a{color:inherit;text-decoration:none;outline:0}
a[href]:active,button:active{background-image:-webkit-linear-gradient(to top,rgba(0,0,0,.05),rgba(0,0,0,.05));background-image:linear-gradient(to top,rgba(0,0,0,.05),rgba(0,0,0,.05))}
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}
input:focus,select:focus,textarea:focus{outline:0}
img{display:inline-block}
p{word-break:break-all}
main{display:block}
output{speak:digits}
html{font-size:16px;font-size:calc(100% + 2 * (100vw - 375px)/ 39);font-size:calc(16px + 2 * (100vw - 375px)/ 39)}
@media screen and (max-width:320px){
html{font-size:16px}
}
@media screen and (min-width:414px){
html{font-size:calc(112.5% + 4 * (100vw - 414px)/ 586);font-size:calc(18px + 4 * (100vw - 414px)/ 586)}
}
@media screen and (min-width:600px){
html{font-size:calc(125% + 4 * (100vw - 600px)/ 400);font-size:calc(20px + 4 * (100vw - 600px)/ 400)}
}
@media screen and (min-width:1000px){
html{font-size:calc(137.5% + 6 * (100vw - 1000px)/ 1000);font-size:calc(22px + 6 * (100vw - 1000px)/ 1000)}
}
body{line-height:1.5;fill:currentColor;color:#000;background:#f4f4f4;font-family:-apple-system-font,Helvetica Neue,Helvetica,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-webkit-text-size-adjust:none;-webkit-touch-callout:none}
.module-block{background:#fff;margin-bottom:.5rem;overflow:hidden}
.module-header{padding-top:1rem;margin:0 1rem;line-height:1.2;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.module-header::after{display:table;clear:both;content:''}
.module-header .module-title{color:#000;font-size:.9375rem;font-weight:700;-webkit-box-flex:1;-ms-flex:1;flex:1}
.module-header .r-head{color:#b4b4b4;float:right;font-size:.6875rem}
.module-title.red{color:#f96060}
.module-header .module-header_more{float:right;position:relative;color:#4c4c4c;font-size:.75rem}
.module-header .module-header_more::after{content:'';width:20px;height:15px;background:url(../images/icon.png) no-repeat;background-size:449px 162px;display:inline-block;background-position:-286px -104px;vertical-align:middle}
.module-banner img{width:100%;display:block}
.book-node{display:block;padding:1rem 1rem 0 1rem;position:relative;overflow:hidden}
.module-book-ul li:last-child .book-node{padding-bottom:1rem}
.book-node .book-cover{width:5.625rem;height:7.4rem;float:left;margin-right:.75rem;box-shadow:0 4px 8px rgba(51,55,61,.1);font-size:0;position:relative;overflow:hidden}
.book-node .book-cover img{width:100%;height:100%}
.book-node .book-text{overflow:hidden;height:7.4rem}
.book-node .book-title{font-size:1rem;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.book-node .book-author,.book-node .book-size{color:#4c4c4c;font-size:.75rem;display:block}
.book-node .book-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:#4c4c4c;font-size:.75rem;margin-top:.3125rem;height:3.4rem}
.book-node .book-more{font-size:.75rem;overflow:hidden;height:1rem;position:relative;white-space:nowrap;margin-top:.125rem}
.book-node .tags{position:absolute;top:-.375rem;right:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:right center;transform-origin:right center}
.book-node .tags span{display:inline-block;line-height:1.5;padding:0 .3em;margin-left:.3em;font-size:1.25rem;-webkit-transform:scale(1);transform:scale(1);vertical-align:bottom;-webkit-transform-origin:right center;transform-origin:right center}
.book-node .tags span::before{content:'';position:absolute;top:-1px;left:0;right:0;bottom:1px;border:1px solid;border-radius:.3333em;opacity:.5;z-index:-1}
.book-node .tags .sort{color:#898989}
.book-node .tags .sort::before{border-color:#898989}
.book-node .tags .status{color:#f96060}
.book-node .tags .status::before{border-color:#f96060}
.book-node .red{color:#f96060}
.module-book-three{position:relative;margin:0 1rem;padding-top:1rem;display:flex;flex-wrap:wrap}
.module-book-three::after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}
.module-book-three>li{position:relative;width:26%;margin-right:11%;margin-bottom:1rem}
.module-book-three>li:nth-child(3n){margin-right:0}
.module-book-three>li a.cover{position:relative;display:block;padding-bottom:133%;height:0;overflow:hidden;box-shadow:0 4px 8px rgba(51,55,61,.1)}
.module-book-three>li img{position:absolute;width:100%;height:100%}
.module-book-three>li a.title{color:#000;font-size:.875rem;margin-top:.5rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.module-book-three>li p.comment-friend{color:#ff4141;font-size:.625rem}
.module-book-three>li p.comment-friend::before{content:'';width:.8rem;height:.8rem;background:url(../images/icon_friends.png) no-repeat center;background-size:contain;display:inline-block;vertical-align:text-bottom;margin-right:.2rem}
.module-book-three>li .clicks{color:#f96060;font-size:.75rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.module-book-three>li .clicks::before{content:'';width:14px;height:14px;background:url(../images/icon.png) no-repeat;background-size:449px 162px;background-position:-254px -103px;display:inline-block;margin-right:.3125rem}
.module-book-three.single-book-title>li a.title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.module-book-four{overflow:hidden;padding:.5rem}
.module-book-four>li{width:50%;float:left}
.module-book-four>li .book-talk{padding:.5rem;display:block;position:relative;overflow:hidden}
.module-book-four>li .book-cover{width:4rem;height:5.3rem;float:left;margin-right:.5rem;box-shadow:0 4px 8px rgba(51,55,61,.1);font-size:0}
.module-book-four>li .book-desc{overflow:hidden}
.module-book-four>li .title{font-size:.875rem;line-height:1.4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.module-book-four>li .new{font-size:.625rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.module-book-four>li .num{color:#ababab;font-size:.625rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.module-book-four>li .btn{color:#ff4141;font-size:.625rem;height:1.5rem;line-height:1.5rem;width:4.4rem;text-align:center;border-radius:.3125rem;border:1px solid #ff4141;margin-top:.7rem;display:inline-block}
.module-book-four>li .btn:after{content:'';width:.5rem;height:.5rem;background:url(../images/icon_arrow_2.png) no-repeat;background-size:contain;display:inline-block;margin-left:.2rem;vertical-align:unset}
.subscript{position:absolute;left:0;top:0;z-index:9;height:1rem;line-height:1.1rem;font-size:.6875rem;background-color:#f96060;white-space:nowrap;color:#fff;padding:0 3.4375rem;-webkit-transform:rotate(-45deg) translate(-31%,-205%);transform:rotate(-45deg) translate(-31%,-205%);font-style:inherit;font-weight:700}
.module-topic{overflow:hidden;padding:.5rem}
.module-topic .module-topic_list{float:left;box-sizing:border-box;width:50%;padding:.5rem}
.module-topic .module-topic_thumb{display:block;width:100%;object-fit:cover;height:5rem}
.module-topic .module-header{padding-top:0;margin:0;margin-bottom:.3125rem}
.module-topic .sort-list{color:#898989;font-size:.75rem;margin-bottom:.3125rem}
.module-topic .sort-list span+span{margin-left:.5rem}
.module-book-top{margin-top:1.5rem}
.module-book-top li:nth-child(1){border-top:.3125rem solid #ffb400}
.module-book-top li:nth-child(1)::before,.module-book-top li:nth-child(2)::before,.module-book-top li:nth-child(3)::before{content:'';position:absolute;top:-24px;left:50%;transform:translateX(-50%);width:32px;height:45px;background:url(../images/icon.png) no-repeat;background-size:449px 162px;display:inline-block;z-index:2}
.module-book-top li:nth-child(1)::before{background-position:-262px -21px}
.module-book-top li:nth-child(2)::before{background-position:-316px -21px}
.module-book-top li:nth-child(3)::before{background-position:-365px -21px}
.module-book-top li:nth-child(2){border-top:.3125rem solid #ff7b7b}
.module-book-top li:nth-child(3){border-top:.3125rem solid #ff6000}
.module-more{height:2.75rem;line-height:2.75rem;text-align:center;font-size:.875rem;color:#4c4c4c;padding:0 1rem;display:block}
.module-more:after{content:'';width:15px;height:15px;background:url(../images/icon.png) no-repeat;background-size:449px 158px;display:inline-block;vertical-align:middle;background-position:-395px -129px}
.module-null{padding:2.5rem 0;position:relative}
.module-null img{width:5rem;margin:0 auto;display:block}
.module-null p{text-align:center;font-size:.8125rem;margin-top:.5rem;color:#089fff}
.module-book-friends{margin:1rem;position:relative}
.book-friends_item{background:#fff;padding:.875rem;margin-bottom:.875rem;box-shadow:0 4px 8px rgba(51,55,61,.1)}
.book-friends_item .cover{width:4.15625rem;height:5.9375rem;float:left;margin-right:.5rem;box-shadow:0 4px 8px rgba(51,55,61,.1)}
.book-friends_item .cover img{width:100%;height:100%}
.book-friends_item .cell{overflow:hidden}
.book-friends_item .title{font-size:.875rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.book-friends_item .title p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-box-flex:1;-ms-flex:1;flex:1}
.book-friends_item .all{color:#ff4141;font-size:.75rem;font-weight:400}
.book-friends_item .all::after{content:'';width:.6rem;height:.6rem;background:url(../images/icon_arrow_2.png) no-repeat;background-size:contain;display:inline-block;margin-left:.2rem}
.book-friends_item .num{color:#ababab;font-size:.75rem;margin:.125rem 0}
.book-friends_item .new{font-size:.75rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.1875rem;height:3.375rem}
.book-friends_item .new span{color:#009cff}
.module-tab{width:100%;overflow:hidden}
.tab-nav{position:relative;top:0;width:100%;background-color:#fff;display:box;display:-webkit-box;height:2.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;-webkit-box-align:center}
.tab-nav li{text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:.875rem;margin:0 .75rem;position:relative}
.tab-nav li.current{color:#4faa61}
.tab-nav li>a{position:relative;display:inline-block;height:2.5rem;line-height:2.5rem;width:auto;padding:0 .3125rem}
.tab-nav li.current>a:after{content:"";position:absolute;bottom:0;left:0;right:0;width:1.5rem;margin:0 auto;height:.125rem;background-color:#4faa61}