.back-page-btn[data-v-ccf42596]{display:-webkit-box;display:-ms-flexbox;display:flex;width:13vh;height:8vh;z-index:200}.back-page-btn img[data-v-ccf42596]{width:100%;height:100%;pointer-events:none}.center-box[data-v-018b827d]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.center-box[data-v-018b827d],.center-y[data-v-018b827d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.van-popup[data-v-018b827d]{overflow-y:initial!important;background-color:transparent!important}.create-word-box[data-v-018b827d]{width:calc(100vw/1470*720);height:calc(100vh/688*512);height:calc(100vw/1470*512);background:url(../img/create-word-bg.fa9ef09c.png) no-repeat;background-size:100% 100%;background-position:bottom;padding-top:calc(100vw/1470*140);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.create-word-box .close-btn[data-v-018b827d]{width:calc(100vw/1470*58);height:calc(100vh/688*52);height:calc(100vw/1470*52);background:url(../img/close-btn.162fbe5f.png) no-repeat;background-size:100% 100%;background-position:bottom;position:absolute;top:calc(100vw/1470*114);right:-3vw}.create-word-box .save-btn[data-v-018b827d]{width:calc(100vw/1470*460);height:calc(100vh/688*66);height:calc(100vw/1470*66);margin-top:calc(100vw/1470*25);font-weight:700;font-size:calc(100vw/1470*28);color:#fff;background:url(../img/create-wordbook-save-btn.f27b1264.png) no-repeat;background-size:100% 100%;background-position:bottom;border:none}.create-word-box .upload-cover-box[data-v-018b827d]{margin-top:calc(100vw/1470*20);width:calc(100vw/1470*520)}.create-word-box .upload-cover-box .upload-img-btn[data-v-018b827d]{width:calc(100vw/1470*122);height:calc(100vh/688*118);height:calc(100vw/1470*118);background:#fff;border-radius:calc(100vw/1470*22);border:calc(100vw/1470*1) dashed #fed9a6}.create-word-box .upload-cover-box .cover-img[data-v-018b827d]{width:calc(100vw/1470*113);height:calc(100vh/688*134);height:calc(100vw/1470*134);-o-object-fit:cover;object-fit:cover;border-radius:0 calc(100vw/1470*28) calc(100vw/1470*28) 0}.create-word-box .upload-cover-box span[data-v-018b827d],.create-word-box .word-book-name-input[data-v-018b827d]{font-weight:400;font-size:calc(100vw/1470*26);color:rgba(72,41,29,.8)}.create-word-box .word-book-name-input[data-v-018b827d]{width:calc(100vw/1470*520);height:calc(100vh/688*66);height:calc(100vw/1470*66);background:#fff;border-radius:calc(100vw/1470*16);border:calc(100vw/1470*1) solid #e6ce8e;padding-left:calc(100vw/1470*24)}.wordsBook-page[data-v-018b827d]{width:100vw;height:100vh;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:url(../img/bj.8379e49c.png) no-repeat;background-size:100% 100%;background-position:bottom;overflow:hidden}.wordsBook-page .main-content[data-v-018b827d]{-webkit-box-flex:1;-ms-flex:1;flex:1;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.wordsBook-page .main-content[data-v-018b827d],.wordsBook-page .main-show-area[data-v-018b827d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column}.wordsBook-page .main-show-area[data-v-018b827d]{width:calc(100vw/1470*1098);height:calc(100vh/688*606);height:calc(100vw/1470*606);padding:4.8vw 3.2vw 3.2vw 2.6vw;background:url(../img/main-area.d0c690b7.webp) no-repeat;background-size:100% 100%;background-position:bottom;flex-direction:column}.wordsBook-page .main-show-area .no-data[data-v-018b827d]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wordsBook-page .main-show-area .no-data img[data-v-018b827d]{width:calc(100vw/1470*258)}.wordsBook-page .main-show-area .no-data span[data-v-018b827d]{margin-top:-2.6vw;font-weight:400;font-size:calc(100vw/1470*24);color:#7d381c}.wordsBook-page .main-show-area .book-list[data-v-018b827d]{width:100%;height:100%;overflow-y:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 calc(100vw/1470*54) 0}.wordsBook-page .main-show-area .book-list .book-shelf-item[data-v-018b827d]{height:calc(100vh/688*212);height:calc(100vw/1470*212);width:calc(100vw/1470*436);background:url(../img/bookshelf.a7c44e1b.png) no-repeat;background-size:100% 100%;background-position:bottom;background-size:100% auto;background-position:0 100%;padding:0 3vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:2vw}.wordsBook-page .main-show-area .book-list .book-shelf-item .book-item[data-v-018b827d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:.7vw}.wordsBook-page .main-show-area .book-list .book-shelf-item .book-item .book[data-v-018b827d]{width:calc(100vw/1470*144);height:calc(100vh/688*164);height:calc(100vw/1470*164);background:url(../img/words-book-bg.99de0668.png) no-repeat;background-size:100% 100%;background-position:bottom;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding-right:.4vw;padding-bottom:.2vw}.wordsBook-page .main-show-area .book-list .book-shelf-item .book-item .book img[data-v-018b827d]{width:calc(100vw/1470*113);height:calc(100vh/688*134);height:calc(100vw/1470*134);-o-object-fit:cover;object-fit:cover;border-radius:0 calc(100vw/1470*28) calc(100vw/1470*28) 0}.wordsBook-page .main-show-area .book-list .book-shelf-item .book-item .name[data-v-018b827d]{height:calc(100vh/688*28);height:calc(100vw/1470*28);line-height:calc(100vw/1470*28);font-weight:400;font-size:calc(100vw/1470*20);color:#7d381c;width:calc(100vw/1470*164);overflow:hidden;text-align:center}.wordsBook-page .top-nav[data-v-018b827d]{width:100%;padding:1.4vw 1.5vw 0 1vw;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.wordsBook-page .nav-btn[data-v-018b827d]{height:calc(100vh/688*44);height:calc(100vw/1470*44);padding:0 1vw 0 .8vw;background:#ffe5c6;border-radius:calc(100vw/1470*100)}.wordsBook-page .nav-btn img[data-v-018b827d]{width:calc(100vw/1470*30);height:calc(100vh/688*30);height:calc(100vw/1470*30);-o-object-fit:contain;object-fit:contain;margin-right:.6vw}.wordsBook-page .nav-btn span[data-v-018b827d]{height:calc(100vh/688*44);height:calc(100vw/1470*44);line-height:calc(100vw/1470*44);font-weight:400;font-size:calc(100vw/1470*22);color:#7d381c}.wordsBook-page .nav-btn[data-v-018b827d]:last-child{margin-left:calc(100vw/1470*32)}.container-flex[data-v-018b827d]{display:-webkit-box;display:-ms-flexbox;display:flex;width:70%}.send-btn[data-v-018b827d]{background-color:grey;margin-top:2.5vh;width:38vw;height:10vh;border:transparent;border-radius:8vh;font-size:2.2vw;text-align:center;color:#fff}.card[data-v-018b827d]{width:50vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bg-input[data-v-018b827d]{border-radius:8vh;background-color:#f6f6f6;margin-top:2.5vh;padding:.213333rem .426667rem;height:10vh;width:100%;border:none;font-size:2vw;outline:none;color:#333}.bg-button[data-v-018b827d]{background-color:grey;margin-top:3vh;width:70%;padding:2vh 0;border:transparent;border-radius:8vh;font-size:2.4vw;text-align:center;color:#fff;height:10vh}