.booksAdd{width:900px;padding:24px;padding-right:0;display:flex;justify-content:space-between;flex-wrap:wrap}.booksAdd .booksAddCover{padding:12px 0;padding-top:6px;line-height:24px;font-size:14px}.booksAdd .red{color:#f56c6c;margin-right:4px}.booksAdd .booksAddPortrait{width:162px;height:216px;background-size:100% 100%;padding-top:24px}.booksAdd .booksAddPortrait .booksUploader{height:100%;width:100%}.booksAdd .booksAddPortrait .booksUploader .el-upload{border:1px dashed #d9d9d9}.booksAdd .booksAddPortrait .booksUploader .el-upload:hover{border-color:#3657c0}.booksAdd .booksAddPortrait .booksUploader .booksUploaderIcon{font-size:28px;color:#8c939d;width:162px;height:216px;line-height:216px;text-align:center}.booksAdd .booksAddPortrait .booksUploader .booksAddImg{width:144px;height:175px;display:block}.booksAdd .booksAddForm{width:682px}.booksAdd .booksAddFormButton{width:100%;height:52px;display:flex;justify-content:center;padding:6px 0}.booksAdd .booksAddFormButton .el-button{height:36px;line-height:36px;padding:0 16px}.booksAdd .booksAddFormButton .el-button+.el-button{margin-left:24px}.libraryDetails{display:flex;justify-content:space-between;width:680px;padding:24px;cursor:pointer}.libraryDetails .libraryDetailsTypeBox{padding-top:5px}.libraryDetails .libraryDetailsTypeBox .libraryDetailsImg{width:128px;height:170px;margin-bottom:12px}.libraryDetails .libraryDetailsTypeBox .libraryDetailsImg img{width:100%;height:100%}.libraryDetails .libraryDetailsTypeBox .libraryDetailsType{color:#333;line-height:26px;font-size:16px}.libraryDetails .libraryDetailsTypeBox .libraryDetailsTypeChild{color:#666;line-height:26px;font-size:14px}.libraryDetails .libraryDetailsBox{width:486px;height:100%;position:relative}.libraryDetails .libraryDetailsBox .libraryDetailsName{color:#333;line-height:26px;font-size:18px;margin-bottom:7px}.libraryDetails .libraryDetailsBox .libraryDetailsIntroduction{line-height:24px;color:#666;letter-spacing:.93px;font-size:14px}.libraryDetails .libraryDetailsBox .libraryDetailsAuthor{color:#333;line-height:28px;font-size:16px;margin-bottom:7px}.libraryAll{width:100%;height:100%}.libraryAll .libraryAllBox{width:100%;height:calc(100% - 116px);border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}.libraryAll .libraryAllBox .el-scrollbar__wrap{overflow-x:hidden}.libraryAll .libraryAllBox .is-vertical .el-scrollbar__thumb{background-color:rgba(144,147,153,.8)}.libraryAll .libraryAllBox .libraryAllListBox{display:flex;flex-wrap:wrap;margin:24px;margin-right:24px;border-left:1px solid #e5e5e5}.libraryAll .libraryAllBox .libraryAllListBox .libraryAllItem{display:flex;justify-content:space-between;width:378px;height:172px;cursor:pointer;border:1px solid #e5e5e5;border-left:0;padding:18px}.libraryAll .libraryAllBox .libraryAllListBox .libraryAllItem .libraryAllItemImg{height:138px;width:102px;position:relative}.libraryAll .libraryAllBox .libraryAllListBox .libraryAllItem .libraryAllItemImg img{width:100%;height:100%}.libraryAll .libraryAllBox .libraryAllListBox .libraryAllItem .libraryAllItemImg .overdue{position:absolute;top:0;right:0;width:52px;height:52px;background:url(../../static/img/overdue.810a3320.png) no-repeat;background-size:100% 100%}.libraryAll .libraryAllBox .libraryAllListBox .libraryAllItem .libraryAllItemBox{width:226px;height:100%;position:relative}.libraryAll .libraryAllBox .libraryAllListBox .libraryAllItem .libraryAllItemBox .libraryAllItemName{color:#333;line-height:21px;font-size:16px;margin-bottom:7px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.libraryAll .libraryAllBox .libraryAllListBox .libraryAllItem .libraryAllItemBox .libraryAllItemIntroduction{line-height:24px;color:#666;letter-spacing:.93px;height:72px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px}.libraryAll .libraryAllBox .libraryAllListBox .libraryAllItem .libraryAllItemBox .libraryAllItemAuthor{position:absolute;left:0;bottom:-2px;width:100%;display:flex;justify-content:space-between;align-items:center}.libraryAll .libraryAllBox .libraryAllListBox .libraryAllItem .libraryAllItemBox .libraryAllItemAuthor .libraryAllItemAuthorText{width:calc(100% - 126px);font-size:13px;color:#999;letter-spacing:1px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.libraryAll .libraryAllBox .libraryAllListBox .libraryAllItem .libraryAllItemBox .libraryAllItemAuthor .libraryAllItemButton{min-width:118px}.libraryAll .libraryAllBox .libraryAllListBox .libraryAllItem .libraryAllItemBox .libraryAllItemAuthor .libraryAllItemButton .el-button{font-size:13px;padding:0 12px;height:28px}.libraryAll .libraryAllBox .libraryAllListBox .libraryAllItem .libraryAllItemBox .libraryAllItemAuthor .libraryAllItemButton .el-button span{display:inline-block;line-height:28px}