.SelBook-page{min-height:100%;background-color:#33af85}.SelBook-page:after,.SelBook-page:before{content:" ";display:table}.SelBook-page:after{clear:both}.SelBook-page .right{float:right}.SelBook-page .list-wrap{width:960px;margin:30px auto}.SelBook-page .list-wrap .item{margin-bottom:20px}.SelBook-page .list-wrap .item p{margin:0 0 10px 0}.SelBook-page .list-wrap .item .right{float:right}.SelBook-page .list-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:calc(100vh - 180px);overflow:hidden;border-radius:10px;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;padding:5px}.SelBook-page .list-body .null-tip{padding-left:10px;font-size:16px}.SelBook-page .list-body .null-tip i{font-size:24px;vertical-align:middle}.SelBook-page .list-body .el-scrollbar__wrap{overflow-x:hidden}.SelBook-page .list-body .book-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}.SelBook-page .list-body .book-item .cover{display:block;width:50px;height:70px;background-size:cover;background-position:50%;background-repeat:no-repeat;vertical-align:top;background-color:#ccc}.SelBook-page .list-body .book-item .text{-webkit-box-flex:1;-ms-flex:auto;flex:auto;display:block;font-size:14px;margin-left:5px;float:left}.SelBook-page .list-body .col-wrap{min-height:100%}.SelBook-page .list-body .col-wrap.page{-webkit-box-flex:1;-ms-flex:auto;flex:auto;max-width:543px}.SelBook-page .list-body .col-wrap.book,.SelBook-page .list-body .col-wrap.cat{margin:0}.SelBook-page .list-body .col-wrap.book li,.SelBook-page .list-body .col-wrap.book ul,.SelBook-page .list-body .col-wrap.cat li,.SelBook-page .list-body .col-wrap.cat ul{margin:0;padding:0;list-style:none;cursor:pointer}.SelBook-page .list-body .col-wrap.book li,.SelBook-page .list-body .col-wrap.cat li{padding:10px;border-radius:8px 0 0 8px}.SelBook-page .list-body .col-wrap.book li:hover,.SelBook-page .list-body .col-wrap.cat li:hover{background-color:rgba(46,189,196,.5)}.SelBook-page .list-body .col-wrap.book li.active,.SelBook-page .list-body .col-wrap.cat li.active{background-color:#2ebdc4}.SelBook-page .list-body .col-wrap.book{width:250px;background-color:#2ebdc4;padding-left:10px;padding-top:10px}.SelBook-page .list-body .col-wrap.book li{padding:5px 10px}.SelBook-page .list-body .col-wrap.book li.active{background-color:#fff}.SelBook-page .list-body .col-wrap.book li:hover{background-color:hsla(0,0%,100%,.5)}.SelBook-page .list-body .col-wrap.cat{border-radius:8px 0 0 8px;width:120px;padding:10px 0 10px 10px;background-color:#68e5b2}.SelBook-page .list-body .col-wrap .chapters-body{-webkit-box-shadow:0 0 8px #f0f0f0 inset;box-shadow:inset 0 0 8px #f0f0f0}.SelBook-page .list-body .col-wrap .chapters-body:hover{-webkit-box-shadow:0 0 8px #676767 inset;box-shadow:inset 0 0 8px #676767}.SelBook-page .list-body .col-wrap .chapters-body,.SelBook-page .list-body .col-wrap .chapters-body dd,.SelBook-page .list-body .col-wrap .chapters-body li,.SelBook-page .list-body .col-wrap .chapters-body ul{margin:0;padding:0;list-style:none;cursor:pointer}.SelBook-page .list-body .col-wrap .chapters-body dt{padding:10px 20px;border-bottom:1px solid #dadde4}.SelBook-page .list-body .col-wrap .chapters-body dt span{font-size:14px;color:#ccc}.SelBook-page .list-body .col-wrap .chapters-body dt span i{font-size:2em;vertical-align:middle}.SelBook-page .page-list{padding:10px}.SelBook-page .page-list:after,.SelBook-page .page-list:before{content:" ";display:table}.SelBook-page .page-list:after{clear:both}.SelBook-page .page-list li{display:block;float:left;width:25%;height:100px;padding:10px!important}.SelBook-page .page-item{position:relative;-webkit-box-shadow:0 0 5px #c2c2c2;box-shadow:0 0 5px #c2c2c2}.SelBook-page .page-item .del-btn{position:absolute;top:0;display:none;font-size:2em;color:#fff;text-shadow:0 0 8px #000}.SelBook-page .page-item:hover .del-btn{display:inline}.SelBook-page .page-item .checked-mark{position:absolute;top:0;display:none;width:100%;height:75px;background-color:rgba(0,0,0,.4)}.SelBook-page .page-item .checked-mark i{font-size:2em;color:red}.SelBook-page .page-item:hover{-webkit-box-shadow:0 0 8px #000;box-shadow:0 0 8px #000}.SelBook-page .page-item.active{border:1px solid red;-webkit-box-shadow:0 0 4px red;box-shadow:0 0 4px red}.SelBook-page .page-item.active .checked-mark{display:block}.SelBook-page .page-item .cover{display:block;width:100%;padding-top:52.6%;background-size:cover;background-repeat:no-repeat;background-color:#ccc}.SelBook-page .page-item .text{display:block;padding:0 5px;width:100%;white-space:nowrap;overflow:hidden;font-size:12px;text-overflow:ellipsis;text-align:center}.SelBook-page .sel-body{height:77px}.SelBook-page .sel-list{white-space:nowrap;overflow-x:auto}.SelBook-page .sel-list,.SelBook-page .sel-list li{margin:0;padding:0;list-style:none}.SelBook-page .sel-list li{display:inline-block;width:100px;margin-right:10px}.SelBook-page .sel-list .page-item .cover{padding:0;height:57px}.SelBook-page .sel-list .page-item img{width:100%;height:auto}