/*书城*/
main.book{width:auto;overflow:hidden;}
main.book a:hover{color:#cc0000;}
main.book2 a:hover{left:0.1rem;top:0.1rem;position:relative;}
/*导航*/
main.book>nav{width:auto;margin-bottom:1rem;}
main.book>nav>.sort{padding:0 1rem;height:3.8rem;display:flex;justify-content:space-between;background:url(images/book-nav.png);background-position:0 0;background-repeat:repeat-x;background-size:2rem calc(31.2rem * 3.8 / 3);}
main.book>nav>.sort>div{height:100%;display:flex;align-items:center;}
main.book>nav>.sort>div>.line{width:0.2rem;height:100%;background:url(images/book-nav.png);background-position:0 calc(-20rem * 3.8 / 3);background-repeat:no-repeat;background-size:2rem calc(31.2rem * 3.8 / 3);}
main.book>nav>.sort>div>.name{padding:0 1.5rem;height:100%;font-weight:bold;display:flex;align-items:center;}
main.book>nav>.sort>div>.name:hover{background:url(images/book-nav.png);background-position:0 calc(-5rem * 3.8 / 3);background-repeat:repeat-x;background-size:2rem calc(31.2rem * 3.8 / 3);}
main.book>nav>.sort>div>.name>a{color:#ffffff;}
main.book>nav>.sort>div>.name>a:hover{color:#cc0000;}
main.book>nav>.menu{padding:0 1rem;height:3.5rem;display:flex;flex-wrap:wrap;background:url(images/book-nav.png);background-position:0 calc(-10rem * 3.5 / 3);background-repeat:repeat-x;background-size:2rem calc(31.2rem * 3.5 / 3);overflow:hidden;}
main.book>nav>.menu>div{height:100%;line-height:1;display:flex;align-items:center;}
main.book>nav>.menu>div:before{margin-left:1rem;width:1rem;height:1em;content:"";background:url(images/book-nav.png);background-position:0 calc(-25rem * 3.5 / 3);background-repeat:no-repeat;background-size:2rem calc(31.2rem * 3.5 / 3);}
main.book>nav>.menu>div:first-child:before{display:none;}
main.book>nav>.menu>div>a{margin:0 0.5rem;}
main.book>nav>.menu>div>a.red{color:#ff0000;}
main.book>nav>.menu>div>a:hover{color:#cc0000;}
main.book>nav>.find{padding:0 1rem;display:grid;grid-gap:2rem;grid-template:3.8rem/70% auto;background:url(images/book-nav.png);background-position:0 calc(-15rem * 3.8 / 3.3);background-repeat:repeat-x;background-size:2rem calc(31.2rem * 3.8 / 3.3);}
main.book>nav>.find>.left{display:grid;grid-gap:1rem;grid-template:auto/70% auto;}
main.book>nav>.find>.left>form{display:grid;grid-template:auto/2rem auto 6rem;align-items:center;}
main.book>nav>.find>.left>form>img{width:100%;}
main.book>nav>.find>.left>form>input{padding:0 1rem 0 0.5rem;}
main.book>nav>.find>.left>form>button{height:2.5rem;line-height:2.5rem;cursor:pointer;font-weight:bold;color:#ffffff;background:#ff6f00;}
main.book>nav>.find>.left>div{align-self:center;white-space:nowrap;overflow:hidden;}
main.book>nav>.find>.left>div>a{margin-left:1rem;}
main.book>nav>.find>.right{display:grid;grid-gap:1rem;grid-template:auto/auto 6.5rem;}
main.book>nav>.find>.right>.club{display:flex;align-items:center;overflow:hidden;}
main.book>nav>.find>.right>.club:before{height:1.6rem;content:"";border-left:0.1rem solid #cccccc;}
main.book>nav>.find>.right>.club:after{height:1.6rem;content:"";border-left:0.1rem solid #cccccc;}
main.book>nav>.find>.right>.club>span{margin:0 1rem;width:100%;display:flex;align-items:center;white-space:nowrap;overflow:hidden;}
main.book>nav>.find>.right>.club>span:before{padding-left:1.6rem;height:1.2rem;content:"";background:url(images/book-nav.png);background-position:0 calc(-30rem * 3.8 / 4);background-repeat:no-repeat;background-size:2rem calc(31.2rem * 3.8 / 4);}
main.book>nav>.find>.right>.club>span>a{margin-left:1rem;}
main.book>nav>.find>.right>.card{display:flex;align-items:center;}
main.book>nav>.find>.right>.card img{display:block;object-fit:cover;}
/*首页*/
main.book>.home{width:auto;}
main.book>.home>.first{display:grid;grid-gap:1rem;grid-template:50rem/25rem auto 28rem;}
main.book>.home>.first>.left{border:0.1rem solid #e6e6e6;}
main.book>.home>.first>.left>ul{padding:0.15rem;display:flex;flex-wrap:wrap;}
main.book>.home>.first>.left>ul>li{padding:1.45rem;width:50%;box-sizing:border-box;}
main.book>.home>.first>.left>ul>li>a{display:inline-flex;column-gap:0.5rem;}
main.book>.home>.first>.left>ul>li>a>i{font-family:icon;font-style:normal;font-size:2.5rem;}
main.book>.home>.first>.left>ul>li>a>span{text-align:center;display:flex;flex-direction:column;white-space:nowrap;}
main.book>.home>.first>.left>ul>li>a>span>:first-child{font-size:1.6rem;}
main.book>.home>.first>.left>ul>li>a>span>:last-child{font-size:1.2rem;color:#999999;}
main.book>.home>.first>.left>ul>li>a:hover{color:#ed4259;}
main.book>.home>.first>.left>ul>li>a:hover>span>:last-child{color:#ed4259;}
main.book>.home>.first>.left>ul>li:nth-child(2n+1){text-align:center;}
main.book>.home>.first>.left>ul>li:nth-child(4n+1){background:#f7f6f2;}
main.book>.home>.first>.left>ul>li:nth-child(4n+2){background:#f7f6f2;}
main.book>.home>.first>.left>ul>li:nth-child(4n+3){background:#fcfcfa;}
main.book>.home>.first>.left>ul>li:nth-child(4n+4){background:#fcfcfa;}
main.book>.home>.first>.left>ul>li:nth-child(1)>a>i:before{content:"\a200";}
main.book>.home>.first>.left>ul>li:nth-child(2)>a>i:before{content:"\a201";}
main.book>.home>.first>.left>ul>li:nth-child(3)>a>i:before{content:"\a202";}
main.book>.home>.first>.left>ul>li:nth-child(4)>a>i:before{content:"\a203";}
main.book>.home>.first>.left>ul>li:nth-child(5)>a>i:before{content:"\a204";}
main.book>.home>.first>.left>ul>li:nth-child(6)>a>i:before{content:"\a205";}
main.book>.home>.first>.left>ul>li:nth-child(7)>a>i:before{content:"\a206";}
main.book>.home>.first>.left>ul>li:nth-child(8)>a>i:before{content:"\a207";}
main.book>.home>.first>.left>ul>li:nth-child(9)>a>i:before{content:"\a208";}
main.book>.home>.first>.left>ul>li:nth-child(10)>a>i:before{content:"\a209";}
main.book>.home>.first>.left>ul>li:nth-child(11)>a>i:before{content:"\a20a";}
main.book>.home>.first>.left>ul>li:nth-child(12)>a>i:before{content:"\a20b";}
main.book>.home>.first>.left>ul>li:nth-child(13)>a>i:before{content:"\a20c";}
main.book>.home>.first>.left>ul>li:nth-child(14)>a>i:before{content:"\a20d";}
main.book>.home>.first>.right{width:100%;overflow:hidden;}
main.book>.home>.first>.right>.list{padding:1rem;width:100%;height:30rem;background:#fcfcfc;border:0.1rem solid #e6e6e6;box-sizing:border-box;overflow:hidden;}
main.book>.home>.first>.right>.list>h2{height:3rem;font-size:1.6rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
main.book>.home>.first>.right>.list>ul{height:25rem;overflow:hidden;}
main.book>.home>.first>.right>.list>ul>li{height:2.5rem;line-height:2.5rem;}
main.book>.home>.first>.right>.list>ul>li>h3{font-size:1.4rem;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
main.book>.home>.first>.right>.bonus{margin-top:1rem;width:100%;height:19rem;}
main.book>.home>.first>.right>.bonus img{width:100%;height:100%;display:block;object-fit:cover;}
main.book>.home>.first>.middle{width:100%;overflow:hidden;}
main.book>.home>.first>.middle>.slide{padding:0.5rem;width:100%;height:30rem;background:#fcfcfc;box-sizing:border-box;}
main.book>.home>.first>.middle>.slide>.swiper{width:100%;height:100%;}
main.book>.home>.first>.middle>.slide>.swiper li{width:auto;}
main.book>.home>.first>.middle>.slide>.swiper li h3{width:100%;height:100%;font-size:1.4rem;font-weight:normal;}
main.book>.home>.first>.middle>.slide>.swiper li a{width:100%;height:100%;display:block;}
main.book>.home>.first>.middle>.slide>.swiper li img{width:100%;height:100%;display:block;object-fit:cover;}
main.book>.home>.first>.middle>.slide>.swiper li span{left:50%;bottom:3rem;position:absolute;transform:translateX(-50%);}
main.book>.home>.first>.middle>.slide>.swiper .swiper-button-next{display:none;}
main.book>.home>.first>.middle>.slide>.swiper .swiper-button-prev{display:none;}
main.book>.home>.first>.middle>.slide>.swiper:hover .swiper-button-next{display:block;}
main.book>.home>.first>.middle>.slide>.swiper:hover .swiper-button-prev{display:block;}
main.book>.home>.first>.middle>.bonus{margin-top:1rem;width:100%;height:19rem;background:#fcfcfc;}
main.book>.home>.first>.middle>.bonus .swiper{width:100%;height:100%;}
main.book>.home>.first>.middle>.bonus .swiper>ul{width:100%;height:100%;}
main.book>.home>.first>.middle>.bonus .swiper>ul>li{padding:0.5rem;width:14rem;height:100%;background:#ffffff;}
main.book>.home>.first>.middle>.bonus .swiper>ul>li:hover{padding:0.3rem;}
main.book>.home>.first>.middle>.bonus .swiper>ul>li:nth-child(2){background:#f7f6f2;}
main.book>.home>.first>.middle>.bonus .swiper>ul>li h3{width:100%;height:100%;}
main.book>.home>.first>.middle>.bonus .swiper>ul>li img{width:100%;height:100%;display:block;object-fit:cover;}
main.book>.home>.second{margin-top:1rem;display:grid;grid-gap:1rem;grid-template:98rem/25rem auto 28rem;}
main.book>.home>.second>.left{background:#fcfcfc;border:0.1rem solid #e6e6e6;}
main.book>.home>.second>.left>div{padding:1rem;background:#ffffff;}
main.book>.home>.second>.left>ul{padding-right:0.5rem;font-size:1.4rem;}
main.book>.home>.second>.left>ul>li{padding:0.5rem;display:grid;grid-gap:0.5rem;grid-template:auto/4em auto auto;}
main.book>.home>.second>.left>ul>li>:nth-child(1){color:#808080;}
main.book>.home>.second>.left>ul>li>:nth-child(1)>a{width:2em;color:#808080;display:inline-flex;white-space:nowrap;overflow:hidden;}
main.book>.home>.second>.left>ul>li>:nth-child(1)>a:hover{color:#cc0000;}
main.book>.home>.second>.left>ul>li>:nth-child(2){width:100%;font-size:1.4rem;font-weight:normal;white-space:nowrap;overflow:hidden;}
main.book>.home>.second>.left>ul>li>:nth-child(3){padding:0 0.5rem;width:100%;text-align:right;box-sizing:border-box;white-space:nowrap;overflow:hidden;}
main.book>.home>.second>.left>ul>li>:nth-child(3)>a{color:#b3b3b3;}
main.book>.home>.second>.left>ul>li>:nth-child(3)>a:hover{color:#cc0000;}
main.book>.home>.second>.right{width:100%;background:#fcfcfc;border:0.1rem solid #e6e6e6;overflow:hidden;}
main.book>.home>.second>.right>div{padding:1rem;background:#ffffff;}
main.book>.home>.second>.right>ul{padding-right:0.5rem;font-size:1.4rem;}
main.book>.home>.second>.right>ul>li{margin-bottom:0.7rem;padding:0 1rem;}
main.book>.home>.second>.right>ul>li>.user{position:relative;}
main.book>.home>.second>.right>ul>li>.user>h3{padding:0.5rem 0;font-size:1.4rem;white-space:nowrap;overflow:hidden;}
main.book>.home>.second>.right>ul>li>.user>img{top:0;right:0;width:5rem;height:5rem;border-radius:100%;position:absolute;object-fit:cover;}
main.book>.home>.second>.right>ul>li>.info{margin-top:0.5rem;}
main.book>.home>.second>.right>ul>li>.info>.desc{font-size:1.3rem;color:#808080;}
main.book>.home>.second>.right>ul>li>.info>.work{padding:0.5rem 0;white-space:nowrap;overflow:hidden;}
main.book>.home>.second>.right>ul>li>.info>.work>h3{font-size:1.4rem;font-weight:normal;display:inline;}
main.book>.home>.second>.right>ul>li>.info>.work>h3>a{margin-right:1rem;color:#3f5a93;}
main.book>.home>.second>.right>ul>li>.info>.work>h3>a:hover{color:#cc0000;}
main.book>.home>.second>.middle{width:100%;background:#fcfcfc;overflow:hidden;}
main.book>.home>.second>.middle>.name{padding:1rem;background:#ffffff;}
main.book>.home>.second>.middle>.like{margin:0 0.5rem;padding:0.6rem;background:#fafafa;border:0.1rem solid #e5e5e5;border-radius:0.3rem;overflow:hidden;}
main.book>.home>.second>.middle>.like>ul{width:100%;white-space:nowrap;overflow:hidden;}
main.book>.home>.second>.middle>.like>ul>li{margin-left:0.8rem;display:inline;}
main.book>.home>.second>.middle>.like>ul>li:first-child{margin-left:0;}
main.book>.home>.second>.middle>.like>ul>li>h3{font-size:1.4rem;font-weight:normal;display:inline;}
main.book>.home>.second>.middle>.like>ul>li>h3>a{color:#336699;}
main.book>.home>.second>.middle>.like>ul>li>h3>a:hover{color:#cc0000;}
main.book>.home>.second>.middle>.sort{margin:0.8rem 0.5rem;padding:0.3rem 0.6rem;height:81rem;background:#f9f9f9;border:0.1rem solid #ececec;overflow:hidden;}
main.book>.home>.second>.middle>.sort>ul{overflow:hidden;}
main.book>.home>.second>.middle>.sort>ul>li{padding:0.5rem 0;white-space:nowrap;display:grid;grid-gap:1rem;grid-template:auto/3em auto;}
main.book>.home>.second>.middle>.sort>ul>li>div{display:inline;}
main.book>.home>.second>.middle>.sort>ul>li>div>a{width:2em;display:inline-block;white-space:nowrap;vertical-align:middle;overflow:hidden;}
main.book>.home>.second>.middle>.sort>ul>li>div>h3{margin-left:1rem;font-size:1.4rem;font-weight:normal;display:inline;}
main.book>.home>.second>.middle>.sort>ul>li>div>h3:first-child{margin-left:0;}
main.book>.home>.second>.middle>.horn{margin:0.5rem;padding:2rem 1rem;background:#f5f5f5;display:grid;grid-gap:0.5rem;grid-template:auto/1em auto;}
main.book>.home>.second>.middle>.horn>div{line-height:2.2rem;white-space:nowrap;overflow:hidden;}
main.book>.home>.second>.middle>.horn>div>img{margin-top:0.4rem;height:1em;}
main.book>.home>.second>.middle>.horn>div>a{margin-right:0.5rem;color:#ff0000;}
main.book>.home>.second>.middle>.horn>div>h3{margin-right:0.5rem;font-size:1.4rem;font-weight:normal;display:inline;}
main.book>.home>.second>.middle>.horn>div>h3>a{color:#ff0000;}
main.book>.home>.third{margin-top:1rem;display:grid;grid-gap:1rem;grid-template:110rem/25rem auto 28rem;}
main.book>.home>.third>.left{background:#fcfcfc;border:0.1rem solid #e6e6e6;}
main.book>.home>.third>.left>div{padding:1rem;background:#ffffff;}
main.book>.home>.third>.left>ul{padding-right:0.5rem;font-size:1.4rem;}
main.book>.home>.third>.left>ul>li{padding:0.5rem;display:grid;grid-gap:0.5rem;grid-template:9.53rem/5em auto;}
main.book>.home>.third>.left>ul>li>.icon{width:100%;height:100%;}
main.book>.home>.third>.left>ul>li>.icon img{width:100%;height:100%;object-fit:cover;}
main.book>.home>.third>.left>ul>li>.text{width:100%;height:100%;overflow:hidden;}
main.book>.home>.third>.left>ul>li>.text>h3{font-size:1.4rem;white-space:nowrap;}
main.book>.home>.third>.left>ul>li>.text>.info{margin-top:0.5rem;}
main.book>.home>.third>.left>ul>li>.text>.info>a{margin-right:1rem;color:#666666;}
main.book>.home>.third>.left>ul>li>.text>.desc{margin-top:0.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
main.book>.home>.third>.right{width:100%;background:#fcfcfc;border:0.1rem solid #e6e6e6;overflow:hidden;}
main.book>.home>.third>.right>div{padding:1rem;background:#ffffff;}
main.book>.home>.third>.right>ul{padding-right:0.5rem;font-size:1.4rem;}
main.book>.home>.third>.right>ul>li{padding:0.453rem;display:grid;grid-gap:0.5rem;grid-template:auto/4em auto auto;}
main.book>.home>.third>.right>ul>li>:nth-child(1){color:#808080;}
main.book>.home>.third>.right>ul>li>:nth-child(1)>a{width:2em;color:#808080;display:inline-flex;white-space:nowrap;overflow:hidden;}
main.book>.home>.third>.right>ul>li>:nth-child(1)>a:hover{color:#cc0000;}
main.book>.home>.third>.right>ul>li>:nth-child(2){width:100%;font-size:1.4rem;font-weight:normal;white-space:nowrap;overflow:hidden;}
main.book>.home>.third>.right>ul>li>:nth-child(3){padding:0 0.5rem;width:100%;text-align:right;box-sizing:border-box;white-space:nowrap;overflow:hidden;}
main.book>.home>.third>.right>ul>li>:nth-child(3)>a{color:#b3b3b3;}
main.book>.home>.third>.right>ul>li>:nth-child(3)>a:hover{color:#cc0000;}
main.book>.home>.third>.middle{width:100%;background:#fcfcfc;overflow:hidden;}
main.book>.home>.third>.middle>div{padding:1rem;background:#ffffff;}
main.book>.home>.third>.middle>ul{width:100%;white-space:nowrap;overflow:hidden;}
main.book>.home>.third>.middle>ul>li{padding:0.456rem;display:grid;grid-gap:1rem;grid-template:auto/5em auto auto 8em 16rem;}
main.book>.home>.third>.middle>ul>li>span{width:100%;overflow:hidden;}
main.book>.home>.third>.middle>ul>li>:nth-child(1){text-align:left;}
main.book>.home>.third>.middle>ul>li>:nth-child(1)>a{max-width:3em;display:inline-flex;overflow:hidden;}
main.book>.home>.third>.middle>ul>li>:nth-child(2){}
main.book>.home>.third>.middle>ul>li>:nth-child(3){}
main.book>.home>.third>.middle>ul>li>:nth-child(4){text-align:right;}
main.book>.home>.third>.middle>ul>li>:nth-child(5){text-align:right;}
/*布局*/
main.book>.wrap{margin-top:1rem;width:100%;background:#ffffff;position:relative;overflow:hidden;}
main.book>.wrap>div{border:0.1rem solid #cccccc;position:relative;overflow:hidden;}
main.book>.wrap>div:nth-child(1){float:left;}
main.book>.wrap>div:nth-child(2){float:right;}
main.book>.wrap>div>*{margin-top:1rem;}
main.book>.wrap>div>:first-child{margin-top:0;}
main.book>.wrap>div>:last-child{margin-bottom:1rem;}
/*左边*/
main.book>.wrap>.left{width:72%;}
/*右边*/
main.book>.wrap>.right{width:calc(28% - 1.2rem);}
/*位置*/
main.book>.wrap>.left>.path{padding:1rem;font-weight:bold;background:url(images/book-path.png) no-repeat;background-size:100% 100%;}
main.book>.wrap>.left>.path>div{display:flex;overflow:hidden;}
main.book>.wrap>.left>.path>div:before{margin-right:0.5rem;width:0.5rem;content:"";background:url(images/book-path-icon.png) center no-repeat;background-size:auto 1em;flex-shrink:0;}
main.book>.wrap>.left>.path>div>a{color:#277de2;flex-shrink:0;}
main.book>.wrap>.left>.path>div>a:hover{color:#cc0000;}
main.book>.wrap>.left>.path>div>span{width:1.6rem;background:url(images/book-path-arrow.png) center no-repeat;background-size:auto 1rem;flex-shrink:0;}
/*同类*/
main.book>.wrap>.right>.hobby{width:auto;}
main.book>.wrap>.right>.hobby>div{margin-bottom:0.5rem;padding:1rem;border-bottom:0.1rem solid #666666;}
main.book>.wrap>.right>.hobby>ul{padding:0.8rem 1rem;font-size:1.4rem;}
main.book>.wrap>.right>.hobby>ul>li{margin-top:1.2rem;display:grid;grid-gap:1rem;grid-template:11.5rem/6em auto;}
main.book>.wrap>.right>.hobby>ul>li:first-child{margin-top:0;}
main.book>.wrap>.right>.hobby>ul>li>.icon{width:100%;height:100%;}
main.book>.wrap>.right>.hobby>ul>li>.icon img{width:100%;height:100%;object-fit:cover;}
main.book>.wrap>.right>.hobby>ul>li>.text{width:100%;height:100%;overflow:hidden;}
main.book>.wrap>.right>.hobby>ul>li>.text>h3{font-size:1.4rem;white-space:nowrap;}
main.book>.wrap>.right>.hobby>ul>li>.text>.info{margin-top:0.5rem;}
main.book>.wrap>.right>.hobby>ul>li>.text>.info>a{margin-right:1rem;color:#666666;}
main.book>.wrap>.right>.hobby>ul>li>.text>.desc{margin-top:0.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
/*作者*/
main.book>.wrap>.right>.author{width:auto;}
main.book>.wrap>.right>.author>div{padding:1rem 0.5rem;width:100%;font-size:1.6rem;border-bottom:0.1rem solid rgba(99,99,99,0.1);box-sizing:border-box;}
main.book>.wrap>.right>.author>ul{padding:0 1rem;font-size:1.4rem;}
main.book>.wrap>.right>.author>ul>li{margin-bottom:0.6rem;}
main.book>.wrap>.right>.author>ul>li>.user{position:relative;}
main.book>.wrap>.right>.author>ul>li>.user>h3{padding:0.5rem 0;font-size:1.4rem;white-space:nowrap;overflow:hidden;}
main.book>.wrap>.right>.author>ul>li>.user>img{top:0.2rem;right:0;width:5rem;height:5rem;border-radius:100%;position:absolute;object-fit:cover;}
main.book>.wrap>.right>.author>ul>li>.info{margin-top:0.5rem;}
main.book>.wrap>.right>.author>ul>li>.info>.desc{font-size:1.3rem;color:#808080;}
main.book>.wrap>.right>.author>ul>li>.info>.work{padding:0.5rem 0;overflow:hidden;}
main.book>.wrap>.right>.author>ul>li>.info>.work>h3{margin-left:1rem;font-size:1.4rem;font-weight:normal;display:inline;}
main.book>.wrap>.right>.author>ul>li>.info>.work>h3:first-child{margin-left:0;}
main.book>.wrap>.right>.author>ul>li>.info>.work>h3>a{color:#3f5a93;}
main.book>.wrap>.right>.author>ul>li>.info>.work>h3>a:hover{color:#cc0000;}
/*故事*/
main.book>.wrap>.left>.story{width:100%;display:grid;grid-template:auto/15rem auto;border-bottom:0.1rem solid #ccc;}
main.book>.wrap>.left>.story>.cover{padding:1rem;}
main.book>.wrap>.left>.story>.cover>.icon{padding:0.7rem 1rem 1rem 0.7rem;height:16rem;box-sizing:border-box;background:url(images/book-icon.png) no-repeat;background-size:100% 100%;}
main.book>.wrap>.left>.story>.cover>.icon>img{width:100%;height:100%;object-fit:cover;}
main.book>.wrap>.left>.story>.cover>.read{margin-top:0.8rem;overflow:hidden;}
main.book>.wrap>.left>.story>.cover>.read>a{margin-bottom:0.5rem;padding-left:3.5rem;height:3rem;line-height:3rem;color:#000000;font-size:1.4rem;letter-spacing:0.5rem;display:block;background:url(images/book-read.png) no-repeat;background-size:100% 100%;}
main.book>.wrap>.left>.story>.cover>.read>a:hover{color:#cc0000;background:url(images/book-read-hover.png) no-repeat;background-size:100% 100%;}
main.book>.wrap>.left>.story>.cover>.read>a:nth-child(5){color:#cc0000;background:url(images/book-read-hover.png) no-repeat;background-size:100% 100%;}
main.book>.wrap>.left>.story>.detail{padding:1rem;}
main.book>.wrap>.left>.story>.detail>.name{text-align:center;position:relative;}
main.book>.wrap>.left>.story>.detail>.name>h1{line-height:1.2;color:#da1a27;font-size:1.8rem;font-weight:bold;}
main.book>.wrap>.left>.story>.detail>.name>.owner{margin-top:0.8rem;display:flex;justify-content:center;column-gap:1rem;}
main.book>.wrap>.left>.story>.detail>.name>.owner>span{font-size:1.2rem;}
main.book>.wrap>.left>.story>.detail>.name>.owner>span>a{color:#113ea5;}
main.book>.wrap>.left>.story>.detail>.name>.owner>span>a:hover{color:#cc0000;}
main.book>.wrap>.left>.story>.detail>.name>.score{top:-2rem;left:-4rem;padding:0.8rem;font-size:1.4rem;color:#f2994a;position:absolute;border:0.1rem solid #f2994a;border-radius:50%;}
main.book>.wrap>.left>.story>.detail>.name>.score:empty{display:none;}
main.book>.wrap>.left>.story>.detail>.stat{margin-top:0.8rem;height:3.1rem;line-height:3.1rem;background:#f3f3f3;display:flex;flex-wrap:wrap;justify-content:space-evenly;overflow:hidden;}
main.book>.wrap>.left>.story>.detail>.stat>span{margin:auto;}
main.book>.wrap>.left>.story>.detail>.stat>span>i{font-family:icon;font-style:normal;margin-right:0.3rem;font-size:1.4rem;color:#828282;}
main.book>.wrap>.left>.story>.detail>.stat>span.talk{}
main.book>.wrap>.left>.story>.detail>.stat>span.talk>i:before{content:"\e909";}
main.book>.wrap>.left>.story>.detail>.stat>span.click{}
main.book>.wrap>.left>.story>.detail>.stat>span.click>i:before{content:"\e908";}
main.book>.wrap>.left>.story>.detail>.stat>span.favor{}
main.book>.wrap>.left>.story>.detail>.stat>span.favor>i:before{content:"\e90a";}
main.book>.wrap>.left>.story>.detail>.stat>span.word{}
main.book>.wrap>.left>.story>.detail>.stat>span.word>i{margin-right:0.5rem;}
main.book>.wrap>.left>.story>.detail>.stat>span.word>i:before{font-weight:bold;content:"·";}
main.book>.wrap>.left>.story>.detail>.desc{padding:0.5rem 0;height:18rem;overflow:auto;}
main.book>.wrap>.left>.story>.detail>.desc>p{margin:0.5rem 0;text-indent:2em;}
main.book>.wrap>.left>.story>.detail>.info{margin-top:0.5rem;padding:1rem 0;border-top:0.1rem dashed #cccccc;display:grid;grid-template:4rem/50% 50%;}
main.book>.wrap>.left>.story>.detail>.info>.tags{padding-right:1rem;}
main.book>.wrap>.left>.story>.detail>.info>.tags>div{height:2.2rem;line-height:2.2rem;overflow:hidden;}
main.book>.wrap>.left>.story>.detail>.info>.tags>div:nth-child(1){font-weight:bold;}
main.book>.wrap>.left>.story>.detail>.info>.tags>div:nth-child(2)>a{margin-right:0.5rem;color:#113ea5;}
main.book>.wrap>.left>.story>.detail>.info>.tags>div:nth-child(2)>a:hover{color:#cc0000;}
main.book>.wrap>.left>.story>.detail>.info>.tags>div:nth-child(2)>a>em{font-style:normal;}
main.book>.wrap>.left>.story>.detail>.info>.tags>div:nth-child(2)>a>strong{font-weight:normal;}
main.book>.wrap>.left>.story>.detail>.info>.last{padding-left:1rem;}
main.book>.wrap>.left>.story>.detail>.info>.last>div{height:2.2rem;line-height:2.2rem;overflow:hidden;}
main.book>.wrap>.left>.story>.detail>.info>.last>div:nth-child(1){font-weight:bold;}
main.book>.wrap>.left>.story>.detail>.info>.last>div:nth-child(2)>a{margin-right:0.5rem;color:#113ea5;}
main.book>.wrap>.left>.story>.detail>.info>.last>div:nth-child(2)>a:hover{color:#cc0000;}
/*目录*/
main.book>.wrap>.left>.catalog{width:auto;}
main.book>.wrap>.left>.catalog>.name{margin:0 1rem 0.5rem;height:4rem;line-height:4rem;border-bottom:0.1rem solid #ccc;text-align:center;font-size:1.6rem;font-weight:bold;overflow:hidden;}
main.book>.wrap>.left>.catalog>.name>a{color:#113ea5;}
main.book>.wrap>.left>.catalog>.name>a:hover{color:#c00;}
main.book>.wrap>.left>.catalog>.name>.last{float:right;margin:1.5rem 0.3rem 0 0;line-height:1;font-size:1.4rem;font-weight:normal;cursor:pointer;}
main.book>.wrap>.left>.catalog>.list{margin:0 1rem;overflow:hidden;}
main.book>.wrap>.left>.catalog>.list>h2{margin-bottom:1rem;padding:1rem 0;font-size:1.6rem;border-bottom:0.1rem solid #cfcfcf;}
main.book>.wrap>.left>.catalog>.list>ul{margin:0.5rem 0;text-align:center;display:grid;grid-gap:1rem;grid-template:auto/repeat(3,calc((100% - 2rem) / 3));}
main.book>.wrap>.left>.catalog>.list>ul>li{padding:0.5rem;width:100%;height:4rem;border:0.1rem solid #cfcfcf;box-sizing:border-box;overflow:hidden;}
main.book>.wrap>.left>.catalog>.list>ul>li a{height:100%;line-height:1em;display:flex;align-items:center;justify-content:center;}
main.book>.wrap>.left>.catalog>.list>ul>li>h3{height:100%;font-size:inherit;font-weight:normal;}
main.book>.wrap>.left>.catalog>.list>ul>li.vip{background:#fbf8f7;}
/*章节*/
main.book>.wrap>.left>.chapter{width:auto;}
main.book>.wrap>.left>.chapter>h1{padding:1rem;line-height:1.3;font-size:1.6rem;text-align:center;color:#da1a27;}
main.book>.wrap>.left>.chapter>.info{margin-top:0.5rem;padding:1rem;background:#f3f3f3;display:flex;justify-content:space-evenly;}
main.book>.wrap>.left>.chapter>.text{margin-top:1rem;padding:1rem;line-height:1.6;font-size:1.6rem;}
main.book>.wrap>.left>.chapter>.text>.tips{margin-top:1rem;width:100%;height:50rem;font-size:1.6rem;overflow:hidden;}
main.book>.wrap>.left>.chapter>.text>.tips>img{margin-right:0.2rem;height:1em;vertical-align:text-top;}
main.book>.wrap>.left>.chapter>.text>*{margin-bottom:1.2rem;}
main.book>.wrap>.left>.chapter>.text>p{text-indent:2em;overflow:hidden;}
main.book>.wrap>.left>.chapter>.text>.image{margin:0 3rem 2rem;text-align:center;}
main.book>.wrap>.left>.chapter>.text>.image>img{max-width:100%;vertical-align:top;}
main.book>.wrap>.left>.chapter>.text>.image>span{padding-top:0.5rem;line-height:2rem;color:#5c5c5c;font-size:1.5rem;display:block;}
main.book>.wrap>.left>.chapter>.text>.audio{margin:0 3rem 2rem;}
main.book>.wrap>.left>.chapter>.text>.audio>audio{width:100%;display:block;}
main.book>.wrap>.left>.chapter>.text>.audio>h4{text-align:center;font-size:1.6rem;font-weight:normal;}
main.book>.wrap>.left>.chapter>.text>.audio>span{line-height:2.2rem;color:#5c5c5c;font-size:1.5rem;display:block;}
main.book>.wrap>.left>.chapter>.text>.thing{}
main.book>.wrap>.left>.chapter>.text>.thing>ul{}
main.book>.wrap>.left>.chapter>.text>.thing>ul>li{display:grid;grid-template:auto/2.5rem auto;}
main.book>.wrap>.left>.chapter>.text>.thing>ul>li>:first-child{margin-top:0.6rem;width:1.5rem;height:1.5rem;background:#ffffff;border:0.1rem solid #333333;display:flex;justify-content:space-around;flex-direction:column;}
main.book>.wrap>.left>.chapter>.text>.thing>ul>li>:first-child>i{margin:0.1rem;font-family:icon;font-style:normal;font-size:1.2rem;color:#ff0000;}
main.book>.wrap>.left>.chapter>.text>.thing>ul>li>:first-child>i:before{content:"\f910";}
main.book>.wrap>.left>.chapter>.text>.left{text-align:left;}
main.book>.wrap>.left>.chapter>.text>.center{text-align:center;}
main.book>.wrap>.left>.chapter>.text>.right{text-align:right;}
main.book>.wrap>.left>.chapter>.text>.justify{text-align:justify;}
main.book>.wrap>.left>.chapter>.text>table{padding:0.5rem;width:100%;font-size:1.4rem;text-align:center;background:#eef5fd;}
main.book>.wrap>.left>.chapter>.text>blockquote{padding:1rem 4rem;background:#f9f9f9;}
main.book>.wrap>.left>.chapter>.text>blockquote::before{left:2.2rem;margin-top:-0.5rem;font-family:icon;font-style:normal;font-size:2rem;color:#d8e7f2;position:absolute;content:"\f911";}
main.book>.wrap>.left>.chapter>.text>blockquote::after{right:2.2rem;margin-top:-0.2rem;font-family:icon;font-style:normal;font-size:2rem;color:#d8e7f2;position:absolute;content:"\f912";}
main.book>.wrap>.left>.chapter>.text>pre{padding:1rem 0.5rem;line-height:1.5;background:#f8f8f8;white-space:normal;border:0.1rem solid #eeeeee;border-radius:0.2rem;box-shadow:inset 5rem 0 0 #eeeeee,inset 5.2rem 0 0 #33b796;}
main.book>.wrap>.left>.chapter>.text>pre>ol{margin-left:5rem;padding-left:0.5rem;}
main.book>.wrap>.left>.chapter>.text>pre>ol>li{white-space:pre-wrap;}
main.book>.wrap>.left>.chapter>.text img{max-width:100%;}
main.book>.wrap>.left>.chapter>.text .emoji{height:2.5rem;vertical-align:middle;}
main.book>.wrap>.left>.chapter>.menu{padding:2rem;font-size:1.4rem;display:flex;align-items:center;border-top:0.1rem dashed #cccccc;}
main.book>.wrap>.left>.chapter>.menu>div{width:50%;line-height:1.2;display:flex;align-items:center;}
main.book>.wrap>.left>.chapter>.menu>div:first-child{justify-content:flex-start;}
main.book>.wrap>.left>.chapter>.menu>div:last-child{justify-content:flex-end;}
main.book>.wrap>.left>.chapter>.menu>div>span{color:#000000;}
main.book>.wrap>.left>.chapter>.menu>div>span:first-child{width:3em;white-space:nowrap;}
main.book>.wrap>.left>.chapter>.menu>div>span:last-child{margin-left:1rem;}
main.book>.wrap>.left>.chapter>.menu>div>span>a{color:#004499;}
/*评论*/
main.book>.wrap>.left>.talk{width:100%;font-size:1.6rem;background:#ffffff;border-bottom:0.01rem solid #ffffff;}
main.book>.wrap>.left>.talk>.name{padding:1.2rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:0.1rem solid rgba(99,99,99,0.1);}
main.book>.wrap>.left>.talk>.name>div{font-size:1.6rem;}
main.book>.wrap>.left>.talk>.name>span{font-size:1.4rem;}
main.book>.wrap>.left>.talk>.list{width:100%;}
main.book>.wrap>.left>.talk>.list>ul{width:100%;}
main.book>.wrap>.left>.talk>.list>ul>li{padding:1rem;display:grid;grid-gap:1rem;grid-template:auto/10rem auto;border-bottom:0.2rem solid #f0f0f0;}
main.book>.wrap>.left>.talk>.list>ul>li.tips{width:100%;height:10rem;font-size:1.6rem;display:block;overflow:hidden;}
main.book>.wrap>.left>.talk>.list>ul>li.tips>img{margin-right:0.2rem;height:1em;vertical-align:text-top;}
main.book>.wrap>.left>.talk>.list>ul>li>div{width:auto;}
main.book>.wrap>.left>.talk>.list>ul>li>div>a{display:block;}
main.book>.wrap>.left>.talk>.list>ul>li>div>a>img{width:100%;}
main.book>.wrap>.left>.talk>.list>ul>li>div>.name{padding:0.5rem 0;border-bottom:0.1rem dotted #e3e3e3;display:flex;justify-content:space-between;align-items:center;}
main.book>.wrap>.left>.talk>.list>ul>li>div>.name>a{font-size:1.6rem;color:#3b77ef;}
main.book>.wrap>.left>.talk>.list>ul>li>div>.name>div{position:relative;}
main.book>.wrap>.left>.talk>.list>ul>li>div>.name>div>i{font-family:icon;font-style:normal;font-size:1.5rem;color:#828282;cursor:pointer;}
main.book>.wrap>.left>.talk>.list>ul>li>div>.name>div>i:before{content:"\f916";}
main.book>.wrap>.left>.talk>.list>ul>li>div>.name>div>ul{right:-1rem;bottom:3.5rem;padding:1rem 0;background:#ffffff;position:absolute;display:none;border:0.1rem solid #d1d2d3;}
main.book>.wrap>.left>.talk>.list>ul>li>div>.name>div>ul:after{margin-top:0.5rem;margin-left:3.1rem;width:1rem;height:1rem;background:#ffffff;border:0.1rem solid #d1d2d3;border-top:none;border-left:none;transform:rotate(45deg);content:"";position:absolute;}
main.book>.wrap>.left>.talk>.list>ul>li>div>.name>div>ul>li{padding:0 1.5rem 0 1rem;line-height:1.8;font-size:1.4rem;color:#404a58;cursor:pointer;white-space:nowrap;}
main.book>.wrap>.left>.talk>.list>ul>li>div>.name>div>ul>li:hover{background:#f2f2f2;}
main.book>.wrap>.left>.talk>.list>ul>li>div>.lost{padding:1rem;background:#f1f1f1;border:0.1rem solid #dcdcdc;border-radius:0.5rem;}
main.book>.wrap>.left>.talk>.list>ul>li>div>.moot{padding:1rem;background:#f1f1f1;display:grid;grid-gap:0.5rem;grid-template:auto/5rem auto;border:0.1rem solid #dcdcdc;border-radius:0.5rem;}
main.book>.wrap>.left>.talk>.list>ul>li>div>.moot>div{width:auto;}
main.book>.wrap>.left>.talk>.list>ul>li>div>.moot>div>a{display:block;}
main.book>.wrap>.left>.talk>.list>ul>li>div>.moot>div>a>img{width:100%;}
main.book>.wrap>.left>.talk>.list>ul>li>div>.moot>div>.name{padding:0.5rem 0;border-bottom:0.1rem dotted #8e8e8e;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
main.book>.wrap>.left>.talk>.list>ul>li>div>.moot>div>.name>a{font-size:1.6rem;color:#3b77ef;}
main.book>.wrap>.left>.talk>.list>ul>li>div>.moot>div>.name>span{font-size:1.4rem;color:#333333;}
main.book>.wrap>.left>.talk>.list>ul>li>div>.moot>div>.desc{padding:1rem 0;min-height:2em;}
main.book>.wrap>.left>.talk>.list>ul>li>div>.desc{padding:1rem 0;min-height:2em;}
main.book>.wrap>.left>.talk>.list>ul>li>div>.info{display:flex;flex-wrap:wrap;justify-content:space-between;}
main.book>.wrap>.left>.talk>.list>ul>li>div>.info>div{font-size:1.4rem;color:#666666;}
main.book>.wrap>.left>.talk>.list>ul>li>div>.info>div i{margin-right:0.5rem;font-family:icon;font-style:normal;font-size:1.5rem;color:#828282;}
main.book>.wrap>.left>.talk>.list>ul>li>div>.info>div>i:before{content:"\f915";}
main.book>.wrap>.left>.talk>.list>ul>li>div>.info>div>span{margin-left:2rem;cursor:pointer;}
main.book>.wrap>.left>.talk>.list>ul>li>div>.info>div>span:nth-child(1)>i:before{content:"\f913";}
main.book>.wrap>.left>.talk>.list>ul>li>div>.info>div>span:nth-child(2)>i:before{content:"\e90b";}
main.book>.wrap>.left>.talk>.list>ul>li>.vote{inset:0;background:rgba(0,0,0,0.3);position:fixed;z-index:9999;}
main.book>.wrap>.left>.talk>.list>ul>li>.vote>div{top:50%;left:50%;padding:1.5rem;width:40rem;max-width:80%;background:#f2fbff;position:fixed;transform:translate(-50%,-50%);z-index:10000;}
main.book>.wrap>.left>.talk>.list>ul>li>.vote>div>.word{width:100%;}
main.book>.wrap>.left>.talk>.list>ul>li>.vote>div>.word>textarea{padding:0.5rem;width:100%;height:5rem;box-sizing:border-box;}
main.book>.wrap>.left>.talk>.list>ul>li>.vote>div>.tool{margin-top:0.5rem;display:flex;justify-content:space-between;align-items:center;}
main.book>.wrap>.left>.talk>.list>ul>li>.vote>div>.tool>div{width:auto;}
main.book>.wrap>.left>.talk>.list>ul>li>.vote>div>.tool>div>button{padding:0.5rem 1rem;color:#ffffff;background:#7ba0ea;border-radius:0.2rem;cursor:pointer;}
main.book>.wrap>.left>.talk>.list>ul>li>.vote>div>.tool>div>button[disabled="disabled"]{background:#dbdbdb;}
main.book>.wrap>.left>.talk>.list>.page{margin:1rem;color:rgba(0,0,0,.4);background:#ffffff;display:flex;flex-wrap:wrap;justify-content:space-between;column-gap:1rem;}
main.book>.wrap>.left>.talk>.list>.page>div{height:3rem;line-height:2.5rem;font-size:1.2rem;}
main.book>.wrap>.left>.talk>.list>.page>div>.size{height:100%;display:inline-block;vertical-align:middle;}
main.book>.wrap>.left>.talk>.list>.page>div>.size>div{display:inline-block;position:relative;}
main.book>.wrap>.left>.talk>.list>.page>div>.size>div>div{display:flex;align-items:center;cursor:pointer;}
main.book>.wrap>.left>.talk>.list>.page>div>.size>div>div:after{width:2rem;height:1em;content:"";background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEyIDZINGw0IDV6Ii8+PC9zdmc+) no-repeat center;}
main.book>.wrap>.left>.talk>.list>.page>div>.size>div>ul{bottom:3.5rem;padding:0.5rem 0;background:#ffffff;position:absolute;display:none;border:0.1rem solid #d1d2d3;}
main.book>.wrap>.left>.talk>.list>.page>div>.size>div>ul:after{margin-left:1.6rem;width:1rem;height:1rem;background:#ffffff;border:0.1rem solid #d1d2d3;border-top:none;border-left:none;transform:rotate(45deg);content:"";position:absolute;}
main.book>.wrap>.left>.talk>.list>.page>div>.size>div>ul>li{padding:0 2rem 0 1rem;color:#404a58;cursor:pointer;white-space:nowrap;}
main.book>.wrap>.left>.talk>.list>.page>div>.size>div>ul>li:hover{background:#f2f2f2;}
main.book>.wrap>.left>.talk>.list>.page>div>.turn{margin-left:1.5rem;height:100%;font-size:0;display:inline-block;vertical-align:middle;}
main.book>.wrap>.left>.talk>.list>.page>div>.turn>a{width:2.5rem;height:2.5rem;background:#ffffff;display:inline-block;border:0.1rem solid #cfd5de;vertical-align:middle;box-sizing:border-box;cursor:pointer;}
main.book>.wrap>.left>.talk>.list>.page>div>.turn>a[href^="javascript:void"]{background-color:#e7eaef;cursor:not-allowed;}
main.book>.wrap>.left>.talk>.list>.page>div>.turn>.main{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTYgOGw1IDRWNHpNNSA0djhoMVY0eiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:center;background-size:1.6rem;}
main.book>.wrap>.left>.talk>.list>.page>div>.turn>.prev{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEwIDR2OEw1IDh6Ii8+PC9zdmc+);background-repeat:no-repeat;background-position:center;background-size:1.6rem;}
main.book>.wrap>.left>.talk>.list>.page>div>.turn>.next{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTYgMTJWNGw1IDR6Ii8+PC9zdmc+);background-repeat:no-repeat;background-position:center;background-size:1.6rem;}
main.book>.wrap>.left>.talk>.list>.page>div>.turn>.last{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTUgMTJsNS00LTUtNHptNS04djhoMVY0eiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:center;background-size:1.6rem;}
main.book>.wrap>.left>.talk>.list>.page>div>.turn>input{padding:0 1rem;width:6rem;height:2.5rem;text-align:center;font-size:1.2rem;color:#999999;border:0.1rem solid #cfd5de;display:inline-block;vertical-align:middle;box-sizing:border-box;}
main.book>.wrap>.left>.talk>.list>.page>div>.turn>span{padding:0 1rem;height:2.5rem;font-size:1.2rem;background:#f3f4f7;border:0.1rem solid #cfd5de;display:inline-block;vertical-align:middle;box-sizing:border-box;}
main.book>.wrap>.left>.talk>.make{margin:1rem;padding:2rem;background:#f2fbff;border-radius:0.5rem;}
main.book>.wrap>.left>.talk>.make>.word{width:100%;}
main.book>.wrap>.left>.talk>.make>.word>textarea{padding:0.5rem;width:100%;height:8rem;box-sizing:border-box;}
main.book>.wrap>.left>.talk>.make>.tool{margin-top:1rem;display:flex;justify-content:space-between;align-items:center;}
main.book>.wrap>.left>.talk>.make>.tool>div{width:auto;}
main.book>.wrap>.left>.talk>.make>.tool>div>button{padding:0.5rem 1rem;color:#ffffff;background:#7ba0ea;border-radius:0.2rem;cursor:pointer;}
main.book>.wrap>.left>.talk>.make>.tool>div>button[disabled="disabled"]{background:#dbdbdb;}
/*作者*/
main.book>.wrap>.left>.author{width:auto;overflow:hidden;}
main.book>.wrap>.left>.author>.face{margin-bottom:1rem;padding:0 1rem;display:grid;grid-gap:1rem;grid-template:auto/10rem auto;}
main.book>.wrap>.left>.author>.face>.icon{width:100%;}
main.book>.wrap>.left>.author>.face>.icon>img{width:100%;display:block;}
main.book>.wrap>.left>.author>.face>.info{width:100%;}
main.book>.wrap>.left>.author>.face>.info>.name{padding:0.5rem 0;font-size:1.6rem;font-weight:bold;}
main.book>.wrap>.left>.author>.face>.info>.stat{display:flex;column-gap:2rem;}
main.book>.wrap>.left>.author>.face>.info>.stat>span{color:#333333;}
main.book>.wrap>.left>.author>.face>.info>.stat>span>b{margin:0 0.2rem;color:#000000;font-size:1.8rem;}
main.book>.wrap>.left>.author>.face>.info>.desc{margin-top:0.5rem;color:#555555;font-size:1.6rem;}
main.book>.wrap>.left>.author>.face>.info>.desc>p{margin-bottom:0.2rem;}
main.book>.wrap>.left>.author>.work{width:auto;}
main.book>.wrap>.left>.author>.work>div{margin:0 1rem;padding:1rem 0;font-size:1.6rem;border-bottom:0.1rem solid #666666;}
main.book>.wrap>.left>.author>.work>ul{margin:1rem 0;padding:0 1rem;}
main.book>.wrap>.left>.author>.work>ul>li{margin-bottom:1.2rem;padding-bottom:1rem;display:grid;grid-gap:1rem;grid-template:12rem/6.5em auto;border-bottom:0.1rem solid #e6e6e6;}
main.book>.wrap>.left>.author>.work>ul>li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
main.book>.wrap>.left>.author>.work>ul>li>:nth-child(1){width:100%;height:100%;}
main.book>.wrap>.left>.author>.work>ul>li>:nth-child(1) img{width:100%;height:100%;object-fit:cover;border-radius:0.3rem;}
main.book>.wrap>.left>.author>.work>ul>li>:nth-child(2){width:100%;height:100%;overflow:hidden;}
main.book>.wrap>.left>.author>.work>ul>li>:nth-child(2)>:nth-child(1){font-size:1.4rem;white-space:nowrap;}
main.book>.wrap>.left>.author>.work>ul>li>:nth-child(2)>:nth-child(2){margin-top:0.5rem;}
main.book>.wrap>.left>.author>.work>ul>li>:nth-child(2)>:nth-child(2)>span{margin-right:1rem;color:#666666;}
main.book>.wrap>.left>.author>.work>ul>li>:nth-child(2)>:nth-child(3){margin-top:0.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
main.book>.wrap>.left>.author>.work>ul>li>:nth-child(2)>:nth-child(4){margin-top:0.5rem;padding-right:0.5rem;}
main.book>.wrap>.left>.author>.work>ul>li>:nth-child(2)>:nth-child(4)>span{margin-left:1rem;color:#a6a6a6;}
main.book>.wrap>.left>.author>.work>ul>li>:nth-child(2)>:nth-child(4)>span:first-child{margin-left:0;}
main.book>.wrap>.left>.author>.work>ul>li>:nth-child(2)>:nth-child(4)>span>a{color:#3f5a93;}
main.book>.wrap>.left>.author>.hobby{width:auto;}
main.book>.wrap>.left>.author>.hobby>div{padding:1rem;width:100%;font-size:1.6rem;border-bottom:0.1rem solid rgba(99,99,99,0.6);box-sizing:border-box;}
main.book>.wrap>.left>.author>.hobby>ul{font-size:1.4rem;}
main.book>.wrap>.left>.author>.hobby>ul>li{padding:1rem;display:grid;grid-gap:1rem;grid-template:auto/10rem auto;border-bottom:0.1rem solid rgba(99,99,99,0.1);}
main.book>.wrap>.left>.author>.hobby>ul>li>.icon{width:100%;overflow:hidden;}
main.book>.wrap>.left>.author>.hobby>ul>li>.icon img{width:100%;display:block;}
main.book>.wrap>.left>.author>.hobby>ul>li>.info{width:100%;overflow:hidden;}
main.book>.wrap>.left>.author>.hobby>ul>li>.info>.name{padding:0.5rem 0;font-size:1.6rem;font-weight:bold;}
main.book>.wrap>.left>.author>.hobby>ul>li>.info>.stat{display:flex;column-gap:2rem;}
main.book>.wrap>.left>.author>.hobby>ul>li>.info>.stat>span{color:#333333;}
main.book>.wrap>.left>.author>.hobby>ul>li>.info>.stat>span>b{margin:0 0.2rem;color:#000000;font-size:1.8rem;}
main.book>.wrap>.left>.author>.hobby>ul>li>.info>.desc{margin-top:0.5rem;color:#555555;font-size:1.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
main.book>.wrap>.left>.author>.hobby>ul>li>.info>.work{padding:0.5rem 0;overflow:hidden;}
main.book>.wrap>.left>.author>.hobby>ul>li>.info>.work>h3{margin-left:1rem;font-size:1.4rem;font-weight:normal;display:inline;}
main.book>.wrap>.left>.author>.hobby>ul>li>.info>.work>h3:first-child{margin-left:0;}
main.book>.wrap>.left>.author>.hobby>ul>li>.info>.work>h3>a{color:#3f5a93;}
main.book>.wrap>.left>.author>.hobby>ul>li>.info>.work>h3>a:hover{color:#cc0000;}
/*搜索*/
main.book>.wrap>.left>.search{width:auto;overflow:hidden;}
main.book>.wrap>.left>.search>.query{padding:1rem;background:#ffffff;}
main.book>.wrap>.left>.search>.query>form{padding:0.5rem;border:0.1rem solid #d6d6d6;display:grid;grid-gap:0.5rem;grid-template:3rem/2rem auto 6rem;align-items:center;}
main.book>.wrap>.left>.search>.query>form>img{width:100%;}
main.book>.wrap>.left>.search>.query>form>input{padding:0 1rem 0 0.5rem;font-size:1.5rem;}
main.book>.wrap>.left>.search>.query>form>button{height:3rem;line-height:3rem;font-weight:bold;font-size:1.6rem;color:#ffffff;background:#ff6f00;border-radius:0.2rem;cursor:pointer;}
main.book>.wrap>.left>.search>.result{margin-top:1rem;background:#ffffff;overflow:hidden;}
main.book>.wrap>.left>.search>.result>ul{padding:0 1rem;}
main.book>.wrap>.left>.search>.result>ul>li{margin-bottom:1.2rem;padding-bottom:1rem;width:50%;display:inline-grid;grid-gap:1rem;grid-template:12rem/6.5em auto;border-bottom:0.1rem solid #e6e6e6;box-sizing:border-box;}
main.book>.wrap>.left>.search>.result>ul>li:nth-child(odd){padding-right:0.6rem;}
main.book>.wrap>.left>.search>.result>ul>li:nth-child(even){padding-left:0.6rem;}
main.book>.wrap>.left>.search>.result>ul>li:nth-last-child(1){margin-bottom:0;padding-bottom:0;border-bottom:none;}
main.book>.wrap>.left>.search>.result>ul>li:nth-last-child(2){margin-bottom:0;padding-bottom:0;border-bottom:none;}
main.book>.wrap>.left>.search>.result>ul>li.tips{padding:0;width:100%;min-height:10rem;font-size:1.6rem;display:block;overflow:hidden;}
main.book>.wrap>.left>.search>.result>ul>li.tips>img{margin-right:0.2rem;width:auto;height:1em;vertical-align:text-top;}
main.book>.wrap>.left>.search>.result>ul>li>:nth-child(1){width:100%;height:100%;}
main.book>.wrap>.left>.search>.result>ul>li>:nth-child(1) img{width:100%;height:100%;object-fit:cover;border-radius:0.3rem;}
main.book>.wrap>.left>.search>.result>ul>li>:nth-child(2){width:100%;height:100%;overflow:hidden;}
main.book>.wrap>.left>.search>.result>ul>li>:nth-child(2)>:nth-child(1){font-size:1.4rem;white-space:nowrap;}
main.book>.wrap>.left>.search>.result>ul>li>:nth-child(2)>:nth-child(2){margin-top:0.5rem;}
main.book>.wrap>.left>.search>.result>ul>li>:nth-child(2)>:nth-child(2)>span{margin-right:1rem;color:#666666;}
main.book>.wrap>.left>.search>.result>ul>li>:nth-child(2)>:nth-child(3){margin-top:0.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
main.book>.wrap>.left>.search>.result>ul>li>:nth-child(2)>:nth-child(4){margin-top:0.5rem;padding-right:0.5rem;}
main.book>.wrap>.left>.search>.result>ul>li>:nth-child(2)>:nth-child(4)>span{margin-right:1rem;color:#a6a6a6;}
main.book>.wrap>.left>.search>.result>ul>li>:nth-child(2)>:nth-child(4)>span>a{color:#3f5a93;}
main.book>.wrap>.left>.search>.result>.page{padding:2rem 1rem;color:rgba(0,0,0,.4);background:#ffffff;display:flex;justify-content:space-between;}
main.book>.wrap>.left>.search>.result>.page>div{height:3rem;line-height:2.5rem;font-size:1.2rem;}
main.book>.wrap>.left>.search>.result>.page>div>.size{height:100%;display:inline-block;vertical-align:middle;}
main.book>.wrap>.left>.search>.result>.page>div>.size>div{display:inline-block;position:relative;}
main.book>.wrap>.left>.search>.result>.page>div>.size>div>div{display:flex;align-items:center;cursor:pointer;}
main.book>.wrap>.left>.search>.result>.page>div>.size>div>div:after{width:2rem;height:1em;content:"";background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEyIDZINGw0IDV6Ii8+PC9zdmc+) no-repeat center;}
main.book>.wrap>.left>.search>.result>.page>div>.size>div>ul{bottom:3.5rem;padding:0.5rem 0;background:#ffffff;position:absolute;display:none;border:0.1rem solid #d1d2d3;}
main.book>.wrap>.left>.search>.result>.page>div>.size>div>ul:after{margin-left:1.6rem;width:1rem;height:1rem;background:#ffffff;border:0.1rem solid #d1d2d3;border-top:none;border-left:none;transform:rotate(45deg);content:"";position:absolute;}
main.book>.wrap>.left>.search>.result>.page>div>.size>div>ul>li{padding:0 2rem 0 1rem;color:#404a58;cursor:pointer;white-space:nowrap;}
main.book>.wrap>.left>.search>.result>.page>div>.size>div>ul>li:hover{background:#f2f2f2;}
main.book>.wrap>.left>.search>.result>.page>div>.turn{margin-left:1.5rem;height:100%;font-size:0;display:inline-block;vertical-align:middle;}
main.book>.wrap>.left>.search>.result>.page>div>.turn>a{width:2.5rem;height:2.5rem;background:#ffffff;display:inline-block;border:0.1rem solid #cfd5de;vertical-align:middle;box-sizing:border-box;cursor:pointer;}
main.book>.wrap>.left>.search>.result>.page>div>.turn>a[href^="javascript:void"]{background-color:#e7eaef;cursor:not-allowed;}
main.book>.wrap>.left>.search>.result>.page>div>.turn>.main{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTYgOGw1IDRWNHpNNSA0djhoMVY0eiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:center;background-size:1.6rem;}
main.book>.wrap>.left>.search>.result>.page>div>.turn>.prev{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEwIDR2OEw1IDh6Ii8+PC9zdmc+);background-repeat:no-repeat;background-position:center;background-size:1.6rem;}
main.book>.wrap>.left>.search>.result>.page>div>.turn>.next{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTYgMTJWNGw1IDR6Ii8+PC9zdmc+);background-repeat:no-repeat;background-position:center;background-size:1.6rem;}
main.book>.wrap>.left>.search>.result>.page>div>.turn>.last{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTUgMTJsNS00LTUtNHptNS04djhoMVY0eiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:center;background-size:1.6rem;}
main.book>.wrap>.left>.search>.result>.page>div>.turn>input{padding:0 1rem;width:6rem;height:2.5rem;text-align:center;font-size:1.2rem;color:#999999;border:0.1rem solid #cfd5de;display:inline-block;vertical-align:middle;box-sizing:border-box;}
main.book>.wrap>.left>.search>.result>.page>div>.turn>span{padding:0 1rem;height:2.5rem;font-size:1.2rem;background:#f3f4f7;border:0.1rem solid #cfd5de;display:inline-block;vertical-align:middle;box-sizing:border-box;}
/*排行*/
main.book>.rank{margin-top:1rem;width:100%;background:#ffffff;position:relative;overflow:hidden;}
main.book>.rank>div{border:0.1rem solid #cccccc;position:relative;overflow:hidden;}
main.book>.rank>div:nth-child(1){float:left;}
main.book>.rank>div:nth-child(2){float:right;}
main.book>.rank>div>*{margin-top:1rem;}
main.book>.rank>div>:first-child{margin-top:0;}
main.book>.rank>div>:last-child{margin-bottom:1rem;}
main.book>.rank>.left{width:33rem;}
main.book>.rank>.left>div{margin-bottom:0.5rem;padding:1rem;border-bottom:0.1rem solid #666666;}
main.book>.rank>.left>ul{padding:2rem 1rem;min-height:35rem;}
main.book>.rank>.left>ul>li{padding:2rem 0;color:#ffffff;display:flex;gap:1rem;align-items:flex-start;white-space:nowrap;}
main.book>.rank>.left>ul>li>div{display:flex;gap:1rem;flex-wrap:wrap;}
main.book>.rank>.left>ul>li>div:first-child>span{padding:0.5rem 1rem;background:#ff0000;}
main.book>.rank>.left>ul>li>div:last-child>span{padding:0.5rem 1rem;background:#808080;cursor:pointer;}
main.book>.rank>.left>ul>li>div:last-child>span.active{background:#3db3f7;}
main.book>.rank>.left>ul>li>div:last-child>span:hover{background:#3db3f7;}
main.book>.rank>.right{width:calc(100% - 33rem - 1.2rem);}
main.book>.rank>.right>.name{padding:1rem;background:url(images/book-path.png) no-repeat;background-size:100% 100%;}
main.book>.rank>.right>.name>ul{display:flex;overflow:hidden;}
main.book>.rank>.right>.name>ul:before{margin-right:0.5rem;width:0.5rem;content:"";background:url(images/book-path-icon.png) center no-repeat;background-size:auto 1em;flex-shrink:0;}
main.book>.rank>.right>.name>ul>li{margin-right:1rem;flex-shrink:0;cursor:pointer;}
main.book>.rank>.right>.name>ul>li:hover{color:#ed4259;}
main.book>.rank>.right>.name>ul>li.active{color:#ed4259;font-weight:bold;}
main.book>.rank>.right>.list{width:auto;}
main.book>.rank>.right>.list>ul{margin:1rem 0;padding:0 1rem;}
main.book>.rank>.right>.list>ul>li{margin-bottom:1.2rem;padding-bottom:1rem;display:grid;grid-gap:1rem;grid-template:12rem/6.5em auto;border-bottom:0.1rem solid #e6e6e6;}
main.book>.rank>.right>.list>ul>li.tips{margin-top:3rem;width:100%;min-height:30rem;font-size:1.6rem;display:block;overflow:hidden;}
main.book>.rank>.right>.list>ul>li.tips>img{margin-right:0.2rem;width:auto;height:1em;vertical-align:text-top;}
main.book>.rank>.right>.list>ul>li>:nth-child(1){width:100%;height:100%;}
main.book>.rank>.right>.list>ul>li>:nth-child(1) img{width:100%;height:100%;object-fit:cover;border-radius:0.3rem;}
main.book>.rank>.right>.list>ul>li>:nth-child(2){width:100%;height:100%;overflow:hidden;}
main.book>.rank>.right>.list>ul>li>:nth-child(2)>:nth-child(1){height:2.1rem;position:relative;}
main.book>.rank>.right>.list>ul>li>:nth-child(2)>:nth-child(1)>h3{font-size:1.4rem;position:absolute;}
main.book>.rank>.right>.list>ul>li>:nth-child(2)>:nth-child(1)>span{top:0;right:0.5rem;padding:0.8rem;font-size:1.4rem;color:#ffffff;background:#f2994a;position:absolute;border-radius:50%;}
main.book>.rank>.right>.list>ul>li>:nth-child(2)>:nth-child(1)>span:empty{display:none;}
main.book>.rank>.right>.list>ul>li>:nth-child(2)>:nth-child(2){margin-top:0.5rem;}
main.book>.rank>.right>.list>ul>li>:nth-child(2)>:nth-child(2)>span{margin-right:1rem;color:#666666;}
main.book>.rank>.right>.list>ul>li>:nth-child(2)>:nth-child(3){margin-top:0.5rem;min-height:4.2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
main.book>.rank>.right>.list>ul>li>:nth-child(2)>:nth-child(4){margin-top:0.5rem;padding-right:0.5rem;display:flex;justify-content:space-between;}
main.book>.rank>.right>.list>ul>li>:nth-child(2)>:nth-child(4)>div{display:flex;column-gap:1rem;}
main.book>.rank>.right>.list>ul>li>:nth-child(2)>:nth-child(4)>div>span{color:#a6a6a6;}
main.book>.rank>.right>.list>ul>li>:nth-child(2)>:nth-child(4)>div>span>a{color:#3f5a93;}
main.book>.rank>.right>.list>ul>li>:nth-child(2)>:nth-child(4)>div>span>i{font-family:icon;font-style:normal;margin-right:0.3rem;font-size:1.4rem;color:#828282;}
main.book>.rank>.right>.list>ul>li>:nth-child(2)>:nth-child(4)>div>span.talk{}
main.book>.rank>.right>.list>ul>li>:nth-child(2)>:nth-child(4)>div>span.talk>i:before{content:"\e909";}
main.book>.rank>.right>.list>ul>li>:nth-child(2)>:nth-child(4)>div>span.click{}
main.book>.rank>.right>.list>ul>li>:nth-child(2)>:nth-child(4)>div>span.click>i:before{content:"\e908";}
main.book>.rank>.right>.list>ul>li>:nth-child(2)>:nth-child(4)>div>span.favor{}
main.book>.rank>.right>.list>ul>li>:nth-child(2)>:nth-child(4)>div>span.favor>i:before{content:"\e90a";}
main.book>.rank>.right>.list>.page{padding:2rem 1rem;color:rgba(0,0,0,.4);background:#ffffff;display:flex;justify-content:space-between;}
main.book>.rank>.right>.list>.page>div{height:3rem;line-height:2.5rem;font-size:1.2rem;}
main.book>.rank>.right>.list>.page>div>.size{height:100%;display:inline-block;vertical-align:middle;}
main.book>.rank>.right>.list>.page>div>.size>div{display:inline-block;position:relative;}
main.book>.rank>.right>.list>.page>div>.size>div>div{display:flex;align-items:center;cursor:pointer;}
main.book>.rank>.right>.list>.page>div>.size>div>div:after{width:2rem;height:1em;content:"";background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEyIDZINGw0IDV6Ii8+PC9zdmc+) no-repeat center;}
main.book>.rank>.right>.list>.page>div>.size>div>ul{bottom:3.5rem;padding:0.5rem 0;background:#ffffff;position:absolute;display:none;border:0.1rem solid #d1d2d3;}
main.book>.rank>.right>.list>.page>div>.size>div>ul:after{margin-left:1.6rem;width:1rem;height:1rem;background:#ffffff;border:0.1rem solid #d1d2d3;border-top:none;border-left:none;transform:rotate(45deg);content:"";position:absolute;}
main.book>.rank>.right>.list>.page>div>.size>div>ul>li{padding:0 2rem 0 1rem;color:#404a58;cursor:pointer;white-space:nowrap;}
main.book>.rank>.right>.list>.page>div>.size>div>ul>li:hover{background:#f2f2f2;}
main.book>.rank>.right>.list>.page>div>.turn{margin-left:1.5rem;height:100%;font-size:0;display:inline-block;vertical-align:middle;}
main.book>.rank>.right>.list>.page>div>.turn>a{width:2.5rem;height:2.5rem;background:#ffffff;display:inline-block;border:0.1rem solid #cfd5de;vertical-align:middle;box-sizing:border-box;cursor:pointer;}
main.book>.rank>.right>.list>.page>div>.turn>a[href^="javascript:void"]{background-color:#e7eaef;cursor:not-allowed;}
main.book>.rank>.right>.list>.page>div>.turn>.main{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTYgOGw1IDRWNHpNNSA0djhoMVY0eiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:center;background-size:1.6rem;}
main.book>.rank>.right>.list>.page>div>.turn>.prev{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEwIDR2OEw1IDh6Ii8+PC9zdmc+);background-repeat:no-repeat;background-position:center;background-size:1.6rem;}
main.book>.rank>.right>.list>.page>div>.turn>.next{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTYgMTJWNGw1IDR6Ii8+PC9zdmc+);background-repeat:no-repeat;background-position:center;background-size:1.6rem;}
main.book>.rank>.right>.list>.page>div>.turn>.last{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTUgMTJsNS00LTUtNHptNS04djhoMVY0eiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:center;background-size:1.6rem;}
main.book>.rank>.right>.list>.page>div>.turn>input{padding:0 1rem;width:6rem;height:2.5rem;text-align:center;font-size:1.2rem;color:#999999;border:0.1rem solid #cfd5de;display:inline-block;vertical-align:middle;box-sizing:border-box;}
main.book>.rank>.right>.list>.page>div>.turn>span{padding:0 1rem;height:2.5rem;font-size:1.2rem;background:#f3f4f7;border:0.1rem solid #cfd5de;display:inline-block;vertical-align:middle;box-sizing:border-box;}
/*完结*/
/*会员*/
/*免费*/
main.book>.wrap>.left>.work{margin:0;}
main.book>.wrap>.left>.work>ul{display:grid;grid-template:auto/50% 50%;}
main.book>.wrap>.left>.work>ul>li{padding:1rem;display:grid;grid-gap:1rem;grid-template:12rem/6.5em auto;border-bottom:0.1rem solid #e6e6e6;}
main.book>.wrap>.left>.work>ul>li:nth-last-child(1){border-bottom:none;}
main.book>.wrap>.left>.work>ul>li:nth-last-child(2){border-bottom:none;}
main.book>.wrap>.left>.work>ul>li>:nth-child(1){width:100%;height:100%;}
main.book>.wrap>.left>.work>ul>li>:nth-child(1) img{width:100%;height:100%;object-fit:cover;border-radius:0.3rem;}
main.book>.wrap>.left>.work>ul>li>:nth-child(2){width:100%;height:100%;overflow:hidden;}
main.book>.wrap>.left>.work>ul>li>:nth-child(2)>:nth-child(1){height:2.1rem;position:relative;}
main.book>.wrap>.left>.work>ul>li>:nth-child(2)>:nth-child(1)>h3{font-size:1.4rem;position:absolute;}
main.book>.wrap>.left>.work>ul>li>:nth-child(2)>:nth-child(1)>span{top:0;right:0.5rem;padding:0.8rem;font-size:1.4rem;color:#ffffff;background:#f2994a;position:absolute;border-radius:50%;}
main.book>.wrap>.left>.work>ul>li>:nth-child(2)>:nth-child(1)>span:empty{display:none;}
main.book>.wrap>.left>.work>ul>li>:nth-child(2)>:nth-child(2){margin-top:0.5rem;}
main.book>.wrap>.left>.work>ul>li>:nth-child(2)>:nth-child(2)>span{margin-right:1rem;color:#666666;}
main.book>.wrap>.left>.work>ul>li>:nth-child(2)>:nth-child(3){margin-top:0.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
main.book>.wrap>.left>.work>ul>li>:nth-child(2)>:nth-child(4){margin-top:0.5rem;padding-right:0.5rem;display:flex;justify-content:space-between;}
main.book>.wrap>.left>.work>ul>li>:nth-child(2)>:nth-child(4)>div{display:flex;column-gap:1rem;}
main.book>.wrap>.left>.work>ul>li>:nth-child(2)>:nth-child(4)>div>span{color:#a6a6a6;}
main.book>.wrap>.left>.work>ul>li>:nth-child(2)>:nth-child(4)>div>span>a{color:#3f5a93;}
main.book>.wrap>.left>.work>ul>li>:nth-child(2)>:nth-child(4)>div>span>i{font-family:icon;font-style:normal;margin-right:0.3rem;font-size:1.4rem;color:#828282;}
main.book>.wrap>.left>.work>ul>li>:nth-child(2)>:nth-child(4)>div>span.talk{}
main.book>.wrap>.left>.work>ul>li>:nth-child(2)>:nth-child(4)>div>span.talk>i:before{content:"\e909";}
main.book>.wrap>.left>.work>ul>li>:nth-child(2)>:nth-child(4)>div>span.click{}
main.book>.wrap>.left>.work>ul>li>:nth-child(2)>:nth-child(4)>div>span.click>i:before{content:"\e908";}
main.book>.wrap>.left>.work>ul>li>:nth-child(2)>:nth-child(4)>div>span.favor{}
main.book>.wrap>.left>.work>ul>li>:nth-child(2)>:nth-child(4)>div>span.favor>i:before{content:"\e90a";}
/*分类*/
main.book>.sort{margin-top:1rem;width:100%;background:#ffffff;position:relative;overflow:hidden;}
main.book>.sort>div{border:0.1rem solid #cccccc;position:relative;overflow:hidden;}
main.book>.sort>div:nth-child(1){float:left;}
main.book>.sort>div:nth-child(2){float:right;}
main.book>.sort>div>*{margin-top:1rem;}
main.book>.sort>div>:first-child{margin-top:0;}
main.book>.sort>div>:last-child{margin-bottom:1rem;}
main.book>.sort>.left{width:22rem;}
main.book>.sort>.left>div{margin-bottom:0.5rem;padding:1rem;border-bottom:0.1rem solid #666666;}
main.book>.sort>.left>ul{padding:0 1rem;}
main.book>.sort>.left>ul>li{padding:0.5rem;}
main.book>.sort>.left>ul>li h3{font-weight:normal;}
main.book>.sort>.left>ul>li ul{margin-left:3em;list-style:disc;}
main.book>.sort>.left>ul>li ul li{padding:0.5rem;}
main.book>.sort>.left>ul>li .active{font-weight:bold;}
main.book>.sort>.right{width:calc(100% - 22rem - 1.2rem);}
main.book>.sort>.right>.type{padding:1rem;background:url(images/book-path.png) no-repeat;background-size:100% 100%;}
main.book>.sort>.right>.type>ul{display:flex;overflow:hidden;}
main.book>.sort>.right>.type>ul:before{margin-right:0.5rem;width:0.5rem;content:"";background:url(images/book-path-icon.png) center no-repeat;background-size:auto 1em;flex-shrink:0;}
main.book>.sort>.right>.type>ul>li{margin-right:1rem;flex-shrink:0;cursor:pointer;}
main.book>.sort>.right>.type>ul>li:hover{color:#ed4259;}
main.book>.sort>.right>.type>ul>li.active{color:#ed4259;font-weight:bold;}
main.book>.sort>.right>.list{width:auto;}
main.book>.sort>.right>.list>ul{margin:1.5rem 0;padding:0 1rem;display:none;grid-gap:0;grid-template:auto/50% 50%;}
main.book>.sort>.right>.list>ul.show{display:grid;}
main.book>.sort>.right>.list>ul>li{margin-bottom:1.2rem;padding-bottom:1rem;display:grid;grid-gap:1rem;grid-template:12rem/6.5em auto;border-bottom:0.1rem solid #e6e6e6;}
main.book>.sort>.right>.list>ul>li:nth-child(odd){padding-right:0.6rem;}
main.book>.sort>.right>.list>ul>li:nth-child(even){padding-left:0.6rem;}
main.book>.sort>.right>.list>ul>li:nth-last-child(1){margin-bottom:0;padding-bottom:0;border-bottom:none;}
main.book>.sort>.right>.list>ul>li:nth-last-child(2){margin-bottom:0;padding-bottom:0;border-bottom:none;}
main.book>.sort>.right>.list>ul>li>:nth-child(1){width:100%;height:100%;}
main.book>.sort>.right>.list>ul>li>:nth-child(1) img{width:100%;height:100%;object-fit:cover;border-radius:0.3rem;}
main.book>.sort>.right>.list>ul>li>:nth-child(2){width:100%;height:100%;overflow:hidden;}
main.book>.sort>.right>.list>ul>li>:nth-child(2)>:nth-child(1){font-size:1.4rem;white-space:nowrap;}
main.book>.sort>.right>.list>ul>li>:nth-child(2)>:nth-child(2){margin-top:0.5rem;}
main.book>.sort>.right>.list>ul>li>:nth-child(2)>:nth-child(2)>span{margin-right:1rem;color:#666666;}
main.book>.sort>.right>.list>ul>li>:nth-child(2)>:nth-child(3){margin-top:0.5rem;min-height:4.2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
main.book>.sort>.right>.list>ul>li>:nth-child(2)>:nth-child(4){margin-top:0.5rem;padding-right:0.5rem;}
main.book>.sort>.right>.list>ul>li>:nth-child(2)>:nth-child(4)>span{margin-right:1rem;color:#a6a6a6;}
main.book>.sort>.right>.list>ul>li>:nth-child(2)>:nth-child(4)>span>a{color:#3f5a93;}
/*书屋*/
main.book>.wrap>.left>.house{margin:0;}
main.book>.wrap>.left>.house>.noble{width:auto;}
main.book>.wrap>.left>.house>.noble>h2{padding:1rem;font-size:1.4rem;color:#277de2;border-bottom:0.1rem solid #666666;}
main.book>.wrap>.left>.house>.noble>h2>a{color:#277de2;}
main.book>.wrap>.left>.house>.noble>ul{width:auto;}
main.book>.wrap>.left>.house>.noble>ul>li{padding:1.2rem 1rem;border-bottom:0.1rem solid #e6e6e6;display:flex;justify-content:space-between;}
main.book>.wrap>.left>.house>.noble>ul>li>img{height:2.1rem;display:block;}
main.book>.wrap>.left>.house>.noble>ul>li>.buy{font-weight:bold;color:#ff0000;cursor:pointer;}
main.book>.wrap>.left>.house>.noble>ul.info{padding:1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:0.1rem solid #e6e6e6;}
main.book>.wrap>.left>.house>.noble>ul.info>li{padding:0;border-bottom:none;}
main.book>.wrap>.left>.house>.noble>ul.info>li img{height:3rem;}
main.book>.wrap>.left>.house>.shelf{width:auto;}
main.book>.wrap>.left>.house>.shelf>h2{padding:1rem;font-size:1.4rem;color:#277de2;border-bottom:0.1rem solid #666666;}
main.book>.wrap>.left>.house>.shelf>h2>a{color:#277de2;}
main.book>.wrap>.left>.house>.shelf>ul{margin: 0.2rem 0;}
main.book>.wrap>.left>.house>.shelf>ul>li{padding:1.2rem 1rem;border-bottom:0.1rem solid #e6e6e6;}
main.book>.wrap>.left>.house>.shelf>ul>li>a{color:#277de2;}
main.book>.wrap>.left>.house>.favor{width:auto;}
main.book>.wrap>.left>.house>.favor>h2{padding:1rem;font-size:1.4rem;color:#277de2;border-bottom:0.1rem solid #666666;}
main.book>.wrap>.left>.house>.favor>h2>a{color:#277de2;}
main.book>.wrap>.left>.house>.favor>ul{margin: 0.2rem 0;}
main.book>.wrap>.left>.house>.favor>ul>li{padding:1.2rem 1rem;border-bottom:0.1rem solid #e6e6e6;}
main.book>.wrap>.left>.house>.favor>ul>li>a{color:#277de2;}
main.book>.wrap>.left>.house>.trade{width:auto;}
main.book>.wrap>.left>.house>.trade>h2{padding:1rem;font-size:1.4rem;color:#277de2;border-bottom:0.1rem solid #666666;}
main.book>.wrap>.left>.house>.trade>h2>a{color:#277de2;}
main.book>.wrap>.left>.house>.trade>ul{margin: 0.2rem 0;}
main.book>.wrap>.left>.house>.trade>ul>li{padding:1.2rem 1rem;border-bottom:0.1rem solid #e6e6e6;}
main.book>.wrap>.left>.house>.trade>ul>li>a{color:#277de2;}
main.book>.wrap>.left>.house>.write{width:auto;}
main.book>.wrap>.left>.house>.write>h2{padding:1rem;font-size:1.4rem;color:#277de2;border-bottom:0.1rem solid #666666;}
main.book>.wrap>.left>.house>.write>h2>a{color:#277de2;}
main.book>.wrap>.left>.house>.write>ul{margin: 0.2rem 0;}
main.book>.wrap>.left>.house>.write>ul>li{padding:1.2rem 1rem;border-bottom:0.1rem solid #e6e6e6;}
main.book>.wrap>.left>.house>.write>ul>li>a{color:#277de2;}
main.book>.wrap>.left>.house .page{padding:2rem 1rem;color:rgba(0,0,0,.4);background:#ffffff;display:flex;justify-content:space-between;}
main.book>.wrap>.left>.house .page>div{height:3rem;line-height:2.5rem;font-size:1.2rem;}
main.book>.wrap>.left>.house .page>div>.size{height:100%;display:inline-block;vertical-align:middle;}
main.book>.wrap>.left>.house .page>div>.size>div{display:inline-block;position:relative;}
main.book>.wrap>.left>.house .page>div>.size>div>div{display:flex;align-items:center;cursor:pointer;}
main.book>.wrap>.left>.house .page>div>.size>div>div:after{width:2rem;height:1em;content:"";background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEyIDZINGw0IDV6Ii8+PC9zdmc+) no-repeat center;}
main.book>.wrap>.left>.house .page>div>.size>div>ul{bottom:3.5rem;padding:0.5rem 0;background:#ffffff;position:absolute;display:none;border:0.1rem solid #d1d2d3;}
main.book>.wrap>.left>.house .page>div>.size>div>ul:after{margin-left:1.6rem;width:1rem;height:1rem;background:#ffffff;border:0.1rem solid #d1d2d3;border-top:none;border-left:none;transform:rotate(45deg);content:"";position:absolute;}
main.book>.wrap>.left>.house .page>div>.size>div>ul>li{padding:0 2rem 0 1rem;color:#404a58;cursor:pointer;white-space:nowrap;}
main.book>.wrap>.left>.house .page>div>.size>div>ul>li:hover{background:#f2f2f2;}
main.book>.wrap>.left>.house .page>div>.turn{margin-left:1.5rem;height:100%;font-size:0;display:inline-block;vertical-align:middle;}
main.book>.wrap>.left>.house .page>div>.turn>a{width:2.5rem;height:2.5rem;background:#ffffff;display:inline-block;border:0.1rem solid #cfd5de;vertical-align:middle;box-sizing:border-box;cursor:pointer;}
main.book>.wrap>.left>.house .page>div>.turn>a[href^="javascript:void"]{background-color:#e7eaef;cursor:not-allowed;}
main.book>.wrap>.left>.house .page>div>.turn>.main{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTYgOGw1IDRWNHpNNSA0djhoMVY0eiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:center;background-size:1.6rem;}
main.book>.wrap>.left>.house .page>div>.turn>.prev{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEwIDR2OEw1IDh6Ii8+PC9zdmc+);background-repeat:no-repeat;background-position:center;background-size:1.6rem;}
main.book>.wrap>.left>.house .page>div>.turn>.next{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTYgMTJWNGw1IDR6Ii8+PC9zdmc+);background-repeat:no-repeat;background-position:center;background-size:1.6rem;}
main.book>.wrap>.left>.house .page>div>.turn>.last{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTUgMTJsNS00LTUtNHptNS04djhoMVY0eiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:center;background-size:1.6rem;}
main.book>.wrap>.left>.house .page>div>.turn>input{padding:0 1rem;width:6rem;height:2.5rem;text-align:center;font-size:1.2rem;color:#999999;border:0.1rem solid #cfd5de;display:inline-block;vertical-align:middle;box-sizing:border-box;}
main.book>.wrap>.left>.house .page>div>.turn>span{padding:0 1rem;height:2.5rem;font-size:1.2rem;background:#f3f4f7;border:0.1rem solid #cfd5de;display:inline-block;vertical-align:middle;box-sizing:border-box;}
/*作家*/
main.book>.write{}
main.book>.write>.left{}
main.book>.write>.right{}