.hleyu.active{display:none}#ebook_online{padding-bottom:60px;padding-top:60px}#ebook_online .labelBox li{font-size:15px}#ebook_online .labelBox li a{color:#444}#ebook_online .labelBox li a:hover{color:#27c48f;text-decoration:underline}#ebook_online .labelBox li.active{color:#27c48f}#ebook_online .booksBox li{margin-bottom:25px;position:relative;padding:15px 0}#ebook_online .booksBox li:hover{background:#f0f0ed}#ebook_online .booksBox li .leftBox{position:relative;float:left;width:30%;padding:0 15px}#ebook_online .booksBox li .leftBox img{width:100%;transition:300ms}#ebook_online .booksBox li .leftBox img:hover{transform:translateX(-5px)}#ebook_online .booksBox li .leftBox .paidMark{position:absolute;width:25px;height:25px;top:0;right:16px;line-height:30px;text-indent:2px;background:#22b14c;color:#fff;font-size:13px;border-radius:50%}#ebook_online .booksBox li .rightBox{float:left;width:70%;padding:0 15px}#ebook_online .booksBox li .rightBox h3{margin-top:0;font-size:16px;line-height:18px;font-weight:600;margin-bottom:5px}#ebook_online .booksBox li .rightBox .desc{font-size:14px;color:#666;margin-bottom:10px;max-height:120px;overflow:hidden}#ebook_online .booksBox li .rightBox .priceBox{margin-bottom:10px}#ebook_online .booksBox li .rightBox .priceBox .stars{display:inline-block;color:#22b14c;font-size:13px;margin-right:10px;text-decoration:none!important}#ebook_online .booksBox li .rightBox .priceBox .price{color:#fb5e57}#ebook_online .booksBox li .rightBox .btns .btn{width:100px;padding:0;margin:0;height:34px;line-height:34px;font-size:15px}#ebook_online .popularList{display:none!important}
#reader{position:fixed;left:0;top:0;width:100%;height:100%;background:#ede8d5;z-index:2000;transform:translateY(-3000px);transition:1500ms}#reader.show{transition:600ms;transform:translateY(0)}#reader .wrap{position:relative;width:100%;height:100%;max-width:1500px;min-width:1000px;max-height:750px;min-height:500px;background:transparent;margin:0 auto;outline:#ccc dashed 1px}#reader .wrap >section{float:left;height:100%;overflow:hidden}#reader .wrap >section.leftBox,#reader .wrap >section.rightBox{width:20%}#reader .wrap >section.bodyBox{float:left;width:60%;height:100%;overflow:hidden;background:#fff}#reader .wrap .loadingBox{position:relative;top:50%;margin-top:-50px;width:100px;height:100px;background:#ccc;margin:-25px auto auto auto;line-height:100px;text-align:center}#reader .wrap .loadingBox img{width:30px;height:30px}#reader .wrap .leftBox{padding:20px 60px}#reader .wrap .leftBox .backBox{margin-right:10px}#reader .wrap .leftBox .backBox .btn{font-size:15px;color:#444;background:#fff}#reader .wrap .leftBox .backBox .btn:hover{background:#22b14c;color:#fff}#reader .wrap .leftBox .bookBox{margin-top:30px;position:relative;z-index:1}#reader .wrap .leftBox .bookBox h4{font-size:16px;margin-bottom:10px}#reader .wrap .leftBox .bookBox img{width:100%}#reader .wrap .leftBox .bookBox .btn{margin-top:10px;width:100%;height:36px;border:1px solid #666;background:#ede8d5;border-radius:0}#reader .wrap .leftBox .bookBox .btn:hover{background:#d6cfb5}#reader .wrap .rightBox{padding:20px;position:relative;left:0;top:0;z-index:3}#reader .wrap .rightBox .tabsBox{position:relative;height:300px}#reader .wrap .rightBox .tabsBox p{width:50px;height:100px;line-height:100px;font-size:18px;background:#e0dcca;text-align:center;color:#555;cursor:pointer}#reader .wrap .rightBox .tabsBox p:hover,#reader .wrap .rightBox .tabsBox p.active{background:#7fc594;color:#fff}#reader .wrap .rightBox .tabsBox p.disable{color:#ccc}#reader .wrap .rightBox .tabsBox p.disable:hover{background:#e0dcca;color:#ccc}#reader .wrap .bodyBox{position:relative;z-index:2;left:0;top:0}#reader .wrap .bodyBox .bookPage{width:100%;height:100%;padding:15px 25px;background:#faf7ed}#reader .wrap .bodyBox .bookPage h3{font-size:16px;font-weight:400;padding-bottom:10px;margin:0;padding:0;height:30px;line-height:30px;border-bottom:1px solid #e6e4d5}#reader .wrap .bodyBox .bookPage ul{position:relative;margin-top:10px;width:100%;height:calc(100% - 30px);overflow:hidden}#reader .wrap .bodyBox .bookPage ul li{position:absolute;left:0;top:0;width:100%;height:100%;transition:600ms}#reader .wrap .bodyBox .bookPage ul li img{width:100%}#reader .wrap .bodyBox .bookPage ul li.prev{left:-110%}#reader .wrap .bodyBox .bookPage ul li.next{left:100%}#reader .wrap .bodyBox .bookPage ul li.current{left:0}#reader .wrap .bodyBox .panelBox{position:absolute;width:400px;height:100%;right:0;top:0;overflow-y:hidden;background:#e0dcca;z-index:10;transform:translateX(400px);transition:300ms}#reader .wrap .bodyBox .panelBox ul{width:100%;padding:20px;transition:300ms}#reader .wrap .bodyBox .panelBox li{padding:5px 0;border-bottom:1px dashed #b4b4b3;font-size:15px;color:#222;cursor:pointer}#reader .wrap .bodyBox .panelBox li span.glyphicon{margin-right:10px;color:#7fc594;font-size:12px}#reader .wrap .bodyBox .panelBox li.active{color:#7fc594}#reader .wrap .bodyBox .panelBox li.disable{color:#aaa;cursor:default}#reader .wrap .bodyBox .panelBox li.disable span.glyphicon{color:#aaa}#reader .wrap .bodyBox .panelBox.active{transform:translateX(0)}#reader .wrap .bodyBox .panelBox .barBox{position:absolute;width:6px;height:100%;top:0;right:3px;display:none}#reader .wrap .bodyBox .panelBox .barBox p{position:absolute;width:100%;top:0;left:0;height:100px;background:#d1cdba;cursor:pointer;border-radius:3px}#reader .wrap .bodyBox .panelBox .barBox p:hover{background:#7fc594}