.readBook{padding:20px}.readBook .bookBox{background-color:#000;border-top-left-radius:20px;border-top-right-radius:20px;overflow:hidden}.readBook .bookBox .tbox{width:100%;height:720px;position:relative}.readBook .bookBox iframe{width:100%;height:100%}.readBook .bookBox .bsbtn{position:absolute;top:50%;width:15px;height:34px;margin-top:-17px;border-top-left-radius:50%;border-bottom-left-radius:50%;background-color:#323335;right:0}.readBook .bookBox .bsbtn i{color:#ACADAD;font-weight:bold;font-size:20px;display:block;position:relative;top:5px}.readBook .bookBox .bsbtn:hover i{color:#0D9AFD}.readBook .bookBox .rbox{display:none;background-color:#1E1E24;color:#E2E2E3;width:200px;height:100%;padding:20px}.readBook .bookBox.active iframe{width:calc(100% - 200px)}.readBook .bookBox.active .rbox{width:200px;height:100%;position:absolute;top:0;right:0;display:block}.readBook .bookBox.active .rbox>p{font-size:12px;color:#9A9A9D}.readBook .bookBox.active .rbox .listBox img{width:160px;cursor:pointer}.readBook .bookBox.active .rbox .listBox p{font-size:14px;margin-top:5px}.readBook .bookBox.active .bsbtn{right:200px}.readBook .bookBox.active .bsbtn i{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);position:relative;left:9px;top:1px}.readBook .scroll{overflow-y:auto;overflow-x:hidden}.readBook .scroll::-webkit-scrollbar{width:3px}.readBook .scroll:hover::-webkit-scrollbar-thumb{background-color:#9A9A9D}.readBook .bookBox>.tools{height:56px;background-color:#16161A;line-height:56px;color:#AAAAAD;padding:0 20px}.readBook .bookBox>.tools a{background-color:#2A2A32;padding:0 15px;border-radius:50px;height:32px;line-height:32px}.readBook .bookBox>.tools a:hover{color:#0D9AFD}.readBook .bookBox>.tools a[name=collection].activ i{color:#F62857}.readBook .bookBox>.tools .l,.readBook .bookBox>.tools .r{width:49%}.readBook .bookBox>.tools .r{text-align:right}.readBook .bookBox>.tools .l a{margin-right:15px}.readBook .bookBox>.tools .r a{margin-left:15px}.tippy-content{padding-top:8px}.tippy-content>p{margin-top:8px}.readBook i{margin-right:5px}.readBook .bookInfo{background-color:#fff;padding:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;overflow:hidden}.readBook .bookInfo .title>h1{display:inline}.readBook .bookInfo .title>.usreBox{border-left:1px solid #F5F5F5;width:250px;padding-left:40px}.readBook .bookInfo .title>.usreBox img{border-radius:50%;border:2px solid #E0E0E0}.readBook .bookInfo .title>.usreBox>.fl{margin-right:20px}.readBook .moreInfo{margin-top:8px}.readBook .moreInfo i.icon-zuihuo{color:#F62857}.readBook .moreInfo>span{margin-right:10px}.readBook .moreInfo>a{margin-left:10px}.readBook .moreInfo>a>i{font-weight:bold;margin-left:3px}.readBook .moreInfo>a[name=showContentinfo].active i{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);display:inline-block;position:relative;top:-3px}.readBook .moreInfo>.tag{font-size:14px;background-color:#F8F8F8;padding:2px 10px;border-radius:30px;color:#7E6666}.readBook .contentinfo{padding:20px;background-color:#F5F5F5;font-size:14px;margin-top:10px}.readBook .contentinfo>img{margin-right:20px}.readBook .contentinfo>div>h2{font-weight:bold;margin-bottom:20px}.readBook .contentinfo>div{margin-left:20px}.recommend{padding:20px;background-color:#fff;margin-top:20px}.recommend h2::before{content:"";width:4px;height:26px;margin-right:10px;background:#19B8BB;display:inline-block;position:relative;top:4px}.recommend .listBox{overflow-y:hidden;overflow-x:auto;white-space:nowrap;width:100%;height:280px;margin-top:20px}.recommend .listBox .li{display:inline-block;margin-right:20px}.recommend .listBox .li img{height:200px}.recommend .listBox .li p{margin-top:10px;font-weight:bold}