.customPopper{max-width:260px}.img-wrap{position:relative}.img-wrap .title{font-size:18px;font-weight:600;color:#2d2a2a;word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical}.img-wrap div.wrap{display:flex;margin-top:10px}.img-wrap div.wrap img{width:160px;height:100px;border-radius:5px;margin-right:10px}.img-wrap div.wrap .iconfont{position:absolute;right:20px}.img-wrap div.wrap .text{display:flex;flex-direction:column;justify-content:space-between;padding-right:10px}.img-wrap div.wrap .text .description{overflow:hidden;max-width:950px;text-overflow:ellipsis;-webkit-line-clamp:4;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;font-size:14px}.img-wrap div.wrap .text p.updateTime{color:#a9a9a9}.img-wrap .icon-yishoucang{color:#d2222b;font-size:21px}.info{display:flex;flex-wrap:wrap;justify-content:space-around;overflow-y:auto;overflow-x:hidden;cursor:pointer}.info .img-box{background:#fff;border-bottom:1px solid #efefef;padding:10px;width:100%;min-height:20px}.empty-wrap{text-align:center;padding:15px;width:100%;overflow:hidden;height:400px}.empty-wrap p{font-size:14px;color:#959393}.loading .el-loading-spinner i{color:#707983;font-size:20px}.loading .el-loading-spinner{margin-top:10px;display:flex;color:#707983;justify-content:center;align-items:center}.loading .el-loading-spinner .el-loading-text{color:#707983;padding-left:5px}.el-collapse{border-top:none;border-bottom:none}.el-collapse-item{padding:10px 0}.el-collapse-item__arrow{order:-1;margin:0;margin-right:15px;margin-top:3px}.el-collapse-item__header{border-bottom:none;font-size:16px;height:auto;line-height:1.8;align-items:flex-start}.el-collapse-item__header.is-active p{color:#c90304}.el-collapse-item__content{padding-left:50px}.el-collapse-item__content>div{padding:5px 0;cursor:pointer;font-size:14px}.el-collapse-item__content:focus{color:red}.el-collapse-item__wrap{border-bottom:1px dashed #ccc}.el-collapse-item__arrow{margin-right:5px;font-size:8px;color:#d2222b}.el-collapse-item__arrow:before{content:"\e6cf";font-family:iconfont;font-size:8px;font-style:normal;color:#d2222b;margin-right:10px;font-size:22px}.child-collapse .el-collapse-item__arrow{margin-right:5px;font-size:8px;color:#d2222b}.child-collapse .el-collapse-item__arrow:before{content:"\e6cf";font-family:iconfont;font-size:8px;font-style:normal;color:#d2222b;margin-right:0;font-size:16px}.book-wrap{margin:0 auto;padding-top:30px}.book-wrap .book-header{width:100%;display:flex;justify-content:space-between;box-sizing:border-box;border-bottom:2px solid #c90304}.book-wrap .book-header div.book-list{position:relative;width:168px;height:222px;border:1px solid #dcdcdc;cursor:pointer}.book-wrap .book-header div.book-list:hover .qrcode-wrap{display:block}.book-wrap .book-header div.book-list img.book-url{width:100%;height:100%}.book-wrap .book-header div.book-list .qrcode-wrap{position:absolute;top:0;left:0;right:0;bottom:0;display:none;background:rgba(0,0,0,.5)}.book-wrap .book-header div.book-list .qrcode-wrap .qrcode{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:106px;height:146px;background:url(../../static/img/qrcodeBg.587a2626.png) no-repeat;text-align:center;padding-top:15px}.book-wrap .book-header div.book-list .qrcode-wrap .qrcode>div{padding:6px;width:72px;height:72px;background:#fff;border-radius:10px;margin:0 auto}.book-wrap .book-header div.book-list .qrcode-wrap .qrcode>div img{width:100%;height:100%;margin-bottom:10px}.book-wrap .book-header .active-book.book-list{border:2px solid #c90304;border-bottom:10px solid #c90304}.book-wrap .book-header div.book-list.last{height:222px}.book-wrap .book-container{border:1px solid #c90304;border-bottom:0}.book-wrap .book-container .book-top{font-size:18px;font-family:Microsoft YaHei;font-weight:700;color:#c90304;line-height:24px;padding:8px 15px;border-bottom:1px solid #ccc;display:flex;position:relative}.book-wrap .book-container .book-top .book-top-inner:before{display:inline-block;content:"";width:3px;align-self:center;height:17px;background:#c90304}.book-wrap .book-container .book-top .btn{box-sizing:border-box;text-align:center;border-radius:4px;cursor:pointer;align-self:center;color:#333;background:#f8f8f8;border:1px solid #dcdcdc;font-weight:500;font-size:14px;margin-left:20px;display:inline-block;width:100px}.book-wrap .book-container .book-top .code-wrap{position:relative;left:-40px;box-shadow:15px 10px 14px #ebe5e5;background:url(../../static/img/bigbg.f3bb2992.png);background-size:cover;background-repeat:no-repeat;width:250px;height:270px;padding-top:12px;border-radius:8px;margin-top:10px}.book-wrap .book-container .book-top .code-wrap p{text-align:center;color:#333;padding-top:12px;cursor:pointer}.book-wrap .book-container .book-top #qrcode{width:200px;height:200px;padding:10px;background:#fff;border-radius:10px;margin:0 auto}.book-wrap .book-container .book-top #qrcode img{margin:0}.book-wrap .book-container .book-content{margin-top:18px;display:flex;justify-content:space-between}.book-wrap .book-container .book-content p.b-title{font-weight:600;color:#2f3033;height:36px;line-height:36px;background:#f9f9f9;margin-bottom:10px;box-sizing:border-box;border:1px solid #dcdcdc;padding-left:20px}.book-wrap .book-container .book-content p.b-title span{color:#c90304}.book-wrap .book-container .book-content .b-left{min-height:500px;background:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;width:793px}.book-wrap .book-container .book-content .b-left .b-left-content{height:600px;overflow-y:auto}.book-wrap .book-container .book-content .b-left .b-left-content .active-info{color:#c90304}.book-wrap .book-container .book-content .b-right{width:386px}.book-wrap .book-container .book-content .b-right .b-right-content{height:580px;overflow-y:auto;overflow-x:hidden}