.add-pdf-dialog{padding:40px 30px 0;height:340px;color:#333}.add-pdf-dialog .icon-intro{vertical-align:-3px}.add-pdf-dialog .init{text-align:center}.add-pdf-dialog .init img{margin:0 auto;display:block;width:68px}.add-pdf-dialog .init .el-button{margin-top:20px;font-size:16px!important}.add-pdf-dialog .init h4{margin-top:50px;font-size:18px}.add-pdf-dialog .init p{margin-top:12px;color:#999}.add-pdf-dialog .inited{text-align:center}.add-pdf-dialog .inited img{margin:0 auto;display:block;width:68px}.add-pdf-dialog .inited p{margin:12px auto 60px;width:360px;font-size:16px;font-weight:700;line-height:1.2}.p-link{margin-left:12px;color:#3575bd!important;cursor:pointer;font-size:14px;font-weight:400;text-decoration:none}.dialog-add-book .el-dialog__body{max-height:calc(100vh - 100px)!important}.dialog-add-book-box{display:flex;height:calc(100vh - 200px);overflow:hidden}.dialog-add-book-box .side-bar{padding:16px 20px;width:310px;background:#f8f8f8;overflow-y:auto;overflow-x:hidden}.dialog-add-book-box .side-bar::-webkit-scrollbar-track-piece{background:#fafafa}.dialog-add-book-box .side-bar::-webkit-scrollbar{width:6px;height:6px}.dialog-add-book-box .side-bar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:20px}.dialog-add-book-box .side-bar .add-btn{margin-left:0;width:100px;height:36px;background:#fff;color:#333}.dialog-add-book-box .side-bar .add-btn:hover{color:#2772ff}.dialog-add-book-box .side-bar .top-btn-box{display:flex;justify-content:space-between}.dialog-add-book-box .side-bar .img-box li{position:relative;display:flex;margin-top:16px;height:168px;background:#ecedee;border-radius:4px;justify-content:center;align-items:center}.dialog-add-book-box .side-bar .img-box li.on{background:#c0d5ef}.dialog-add-book-box .side-bar .img-box li:hover .btn{display:block}.dialog-add-book-box .side-bar .img-box li .empty{width:90%;height:84%;background:#fff}.dialog-add-book-box .side-bar .img-box li img{max-width:90%;max-height:90%}.dialog-add-book-box .side-bar .img-box li .btn{display:none;position:absolute;top:8px;padding:4px 6px 3px;background:rgba(0,0,0,.7);color:#fff;border-radius:4px;font-size:14px;font-weight:700;cursor:pointer}.dialog-add-book-box .side-bar .img-box li .btn-add{right:8px}.dialog-add-book-box .side-bar .img-box li .btn-del{right:44px}.dialog-add-book-box .side-bar .img-box li .index{position:absolute;right:0;bottom:0;padding:2px 10px;background:rgba(0,0,0,.3);color:#fff;font-size:14px;font-weight:500;border-radius:4px 0 4px 0}.dialog-add-book-box .main-box{position:relative;display:flex;padding:20px 0;flex:1;align-items:center;justify-content:center;background:#e8e9e9;overflow-x:auto}.dialog-add-book-box .main-box::-webkit-scrollbar{display:none}.dialog-add-book-box .main-box .phone-box{position:relative;margin:auto;width:290px;height:594px;background-image:url(https://oss.qrjoin.com/web/pc/editor/phone-b.png);background-position:50%;background-size:293px 594px;border-radius:45px;background-color:var(--custom-color)}.dialog-add-book-box .main-box .phone-box .content-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:268px;height:572px;border-radius:33px;background-size:100%;background-repeat:repeat-y}.dialog-add-book-box .main-box .phone-box .content-box .phone-top{position:absolute;left:0;top:0;width:100%;height:30px;overflow:hidden}.dialog-add-book-box .main-box .phone-box .content-box .phone-top img{width:100%}.dialog-add-book-box .main-box .phone-box .content-box .img-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:420px;background:#fff}.dialog-add-book-box .main-box .phone-box .content-box .img-box .shadow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;box-shadow:inset 15px 0 10px -5px rgba(0,0,0,.2),0 -5px 5px -5px rgba(0,0,0,.2),0 5px 5px -4px rgba(0,0,0,.2);z-index:1}.dialog-add-book-box .main-box .phone-box .content-box .img-box img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%}.dialog-add-book-box .main-box .phone-box .content-box .action-box{position:absolute;left:0;bottom:12px;width:100%;display:flex;align-items:center;justify-content:space-around;color:#fff}.dialog-add-book-box .main-box .phone-box .content-box .action-box .action{text-align:center}.dialog-add-book-box .main-box .phone-box .content-box .action-box .action .icon{font-size:18px;fill:currentColor}.dialog-add-book-box .main-box .phone-box .content-box .page{padding:4px 12px;background-color:#fff;color:#333;border-radius:50px;font-size:12px}.dialog-add-book-box .main-box .phone-box .content-box .is-light .page{color:#fff;background-color:#6c6c6c}