.bookmarks-wrap .chapter-item{display:flex;align-items:center;justify-content:space-between;border-bottom:.5px solid #dedede;padding:18px 0}.bookmarks-wrap .chapter-item:first-child{padding-top:10px}.bookmarks-wrap .chapter-item span{display:flex;align-items:center}.bookmarks-wrap .chapter-item span a{color:var(--color---,#000);font-size:13px;font-style:normal;font-weight:400;line-height:normal;max-width:200px;overflow:hidden;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis}.bookmarks-wrap .chapter-item i{color:#666;font-size:13px;font-style:normal;font-weight:400;line-height:28px;max-width:200px}.bookmarks-wrap .chapter-item input{color:#666;font-size:13px;font-style:normal;font-weight:400;line-height:10px;outline:none;border:0;border-bottom:1px solid #000;width:160px}.bookmarks-wrap .chapter-item button{color:#fd502a;font-size:14px;font-style:normal;font-weight:700;line-height:normal;background:transparent;margin-top:5px;padding:0;margin-left:12px}.bookmarks-wrap .chapter-item.empty{display:flex;flex-direction:column;gap:10px;border:0;width:100%;align-items:center;justify-content:center;position:relative}.MuiBox-root .bookmarks-wrap .chapter-item.empty{height:320px}.bookmarks-wrap .chapter-item.empty span{color:var(--color---,#999);text-align:center;font-size:13px;font-style:normal;font-weight:400;line-height:normal}.bookmarks-wrap .chapter-item.empty svg{width:80px;height:80px;align-items:center}.book-info.bookmarks-wrap .time{padding-right:16px}.bookmarks-wrap .chapter,.bookmarks-wrap .time{display:flex;align-items:center;gap:16px}.bookmarks-wrap div.time span{color:#666;text-align:right;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.bookmarks-wrap .chapter svg,.bookmarks-wrap .time svg{width:18px;height:18px;flex-shrink:0;cursor:pointer;margin-top:3px}.bookmarks-wrap::-webkit-scrollbar{width:3px}.bookmarks-wrap::-webkit-scrollbar-track{background-color:#fff}.bookmarks-wrap::-webkit-scrollbar-thumb{background-color:#e7e7e7}.bookmarks-wrap::-webkit-scrollbar-thumb:hover{background-color:#555}.bookmarks-wrap .chapter-item .time i{display:none}.bookmarks-wrap.m{height:calc(50vh + 48px);margin-top:10px}.bookmarks-wrap.m .chapter-item.empty svg{margin-top:0}.bookmarks-wrap.m .chapter-item span{color:var(--color---,#000);font-size:14px;font-style:normal;font-weight:400;line-height:normal}.bookmarks-wrap.m .chapter-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-left:30px;border-bottom:0;padding-bottom:20px}.bookmarks-wrap.m .chapter-item .chapter{display:flex;flex-direction:column;justify-content:flex-start;align-items:self-start;width:100%;height:60px;color:#666;font-size:12px;font-style:normal;font-weight:400;line-height:normal;position:relative}.bookmarks-wrap.m div.time span{color:silver;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.bookmarks-wrap.m .chapter-item button{font-size:13px;position:absolute;right:0;margin-right:20px}.bookmarks-wrap.m .chapter-item .chapter span{max-width:100%;width:100%;display:flex;justify-content:space-between}.bookmarks-wrap.m .chapter-item .chapter input{width:90%}.bookmarks-wrap.m .chapter-item .chapter svg.mobile{position:absolute;margin-left:-25px;margin-top:2px}.bookmarks-wrap.m .chapter-item .time{display:flex;justify-content:space-between;width:100%}.bookmarks-wrap.m .chapter-item .time span{display:flex}.bookmarks-wrap.m .chapter-item .time svg{display:none}.bookmarks-wrap.m .chapter-item .time i{display:block;color:#999;text-align:right;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.bookmarks-wrap svg{width:16px;height:16px}.m-mark-data-title{display:flex;justify-content:flex-start;color:#666;font-size:12px;font-style:normal;font-weight:400;line-height:normal;padding:0 0 10px}.m-mark-data-form{position:relative;display:flex;justify-content:space-between}.m-mark-data-form input{border:0;outline:none;padding:0 0 0 10px;color:#999;font-size:14px;font-style:normal;font-weight:400;line-height:normal;width:260px;background:#f8f8f8}.m-mark-data-form .m-mark-data-input{position:relative;width:90%;height:44px;flex-shrink:0;border-radius:10px;background:#f8f8f8;display:flex;align-items:center}.m-mark-data-form i{color:#999;text-align:right;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.m-mark-data-form .word-count{position:absolute;right:10px;top:10px}.m-mark-data-form button{color:#fd502a;font-size:14px;font-style:normal;font-weight:500;line-height:normal;background:none;white-space:nowrap;word-break:keep-all}.chapter-list-wrap{height:300px;padding-right:0;overflow-y:auto;border:0 solid red}.chapter-list-wrap .new-chapter-wrap{height:55px}.chapter-list-wrap .new-chapter{border-radius:4px;background:#e0f5f6;height:56px;padding:0 24px;position:fixed;width:624px;z-index:99}.chapter-list-wrap .new-chapter a{display:flex;justify-content:space-between;align-items:center;height:100%}.chapter-list-wrap.book-chapters .new-chapter{width:100%}.chapter-list-wrap.book-chapters{height:auto;padding-right:0;overflow-y:auto}.chapter-list-wrap.book-chapters .volumes-wrap{margin-top:8px}.chapter-list-wrap.book-chapters .new-chapter{position:relative}.chapter-list-wrap .new-chapter span.name{color:var(--color---,#000);font-size:14px;font-style:normal;font-weight:500;line-height:normal;width:60%}.chapter-list-wrap .new-chapter span.time{color:#333;font-size:13px;font-style:normal;font-weight:400;line-height:28px;display:flex;align-items:center;gap:5px}.chapter-list-wrap .new-chapter span.time svg{width:16px;height:16px}.volumes-wrap.book-chapter-list{height:auto;overflow-y:auto}.volumes-wrap div.volume{color:var(--color---,#000);font-size:14px;font-style:normal;font-weight:500;line-height:normal;margin:10px 0 0;height:56px;align-items:center;display:flex;padding:0 24px;justify-content:space-between;border-radius:4px;background:var(---idle,#f8f8f8);cursor:pointer}.volumes-wrap div.volume i{color:#333;font-size:13px;font-style:normal;font-weight:400;line-height:28px;display:flex;gap:10px;align-items:center}.volumes-wrap div.volume{position:relative}.volumes-wrap div.volume i svg{width:16px;height:16px}.volumes-wrap div.volume i .svg-wrap{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.volumes-wrap div.volume i svg.open{width:18px;height:18px}.volumes-wrap div.hidden-1,.volumes-wrap div.volume-0{display:none}.chapter-list-wrap .chapters{display:flex;flex-wrap:wrap;flex-direction:row;margin:6px 0;padding-right:0}.chapter-list-wrap .chapters .chapter-item{display:flex;justify-content:space-between;width:50%;align-items:center;padding:10px 24px;border-bottom:.5px solid #dedede}.chapter-list-wrap .chapters .chapter-item .name{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:228px}.chapter-list-wrap .chapters .chapter-item .name a{color:#000;font-size:13px;font-style:normal;font-weight:400;line-height:normal}.chapter-list-wrap .chapters .chapter-item .name a.pay-1{color:#666}.chapter-list-wrap .chapters .chapter-item .name.current a,.chapter-list-wrap .chapters .chapter-item .name.current i{color:#fd502a;font-weight:500}.book-chapters.chapter-list-wrap .chapters .chapter-item .name{width:296px}.chapter-list-wrap .chapters .chapter-item span a{color:var(--color---,#000);font-size:13px;font-style:normal;font-weight:400;line-height:normal;cursor:pointer}.chapter-list-wrap .chapters .chapter-item:last-child,.chapter-list-wrap .chapters .chapter-item:nth-last-child(2){border:0}.chapter-list-wrap{margin-right:0}.chapter-list-wrap::-webkit-scrollbar{width:3px}.chapter-list-wrap::-webkit-scrollbar-track{background-color:#fff}.chapter-list-wrap::-webkit-scrollbar-thumb{background-color:#e7e7e7}.chapter-list-wrap::-webkit-scrollbar-thumb:hover{background-color:#555}.chapter-list-wrap .volumes-wrap{min-height:200px;overflow-y:auto;position:relative}.MuiBox-root .chapter-list-wrap{width:631px}.MuiBox-root .chapter-list-wrap .volumes-wrap{width:624px}.chapter-list-wrap .volumes-wrap .empty{display:flex;justify-content:center;padding:10px;position:relative;height:500px}.MuiBox-root .chapter-list-wrap .volumes-wrap .empty{height:280px}.chapter-list-wrap .volumes-wrap .empty svg{width:40px;height:35px}.chapter-list-wrap .chapters .chapter-item i.status{line-height:0}