.books[data-v-204a2336]{display:flex;flex-wrap:wrap;text-align:center;margin-top:30upx;align-content:center}.books .book[data-v-204a2336]{margin:3.5vw;height:54.6vw;width:42vw;box-shadow:0 0 10px rgba(31,31,31,.7294117647058823);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:1s;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-shadow:0 0 2px #fdfdfd}.books .book .bk-bg[data-v-204a2336]{height:54.6vw;width:42vw;margin-bottom:-60.9vw;border:1px solid #9d9fa0;-o-object-fit:cover;object-fit:cover}.books .book .bk-img[data-v-204a2336]{border-color:#d2b100;border:2px}.books .book .bk-vip[data-v-204a2336]{background-color:#f3d63b;border-color:#d2b100}.books .book .bk-default[data-v-204a2336]{background-color:#b0c4de}.books .book .top[data-v-204a2336]{display:flex;flex-direction:column;justify-content:flex-end}.books .book .top .vip[data-v-204a2336]{background-color:#ff9168;position:relative;right:-18.9vw;top:-2.52vw;padding:.84vw;width:12.6vw;font-size:3.36vw;color:#8b008b;text-shadow:0 0 0 #000}.books .book .top .vipExpire[data-v-204a2336]{color:#504e4e;background-color:#b6b6b6}.books .book .top .noVip[data-v-204a2336]{background-color:transparent;height:3.36vw}.books .book .top .title[data-v-204a2336]{background:#fff;font-size:6.3vw;line-height:6.3vw;padding:1.26vw 0;width:35.7vw}.books .book .top .title-vip[data-v-204a2336]{color:#cf9900}.books .book .name[data-v-204a2336]{font-size:3.36vw}.books .book .img-bg-name[data-v-204a2336]{color:#000;background-color:hsla(0,0%,100%,.7019607843137254);padding:1.26vw;border-radius:1.26vw;margin:-1.26vw}.books .book .tags[data-v-204a2336]{align-self:end;margin-bottom:3.36vw;margin-left:1.68vw;text-shadow:0 0 0 #fdfdfd}.books .book .tags .tag[data-v-204a2336]{display:inline;margin:.84vw;padding:1.26vw;font-size:2.52vw;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.84vw;background:#4293b3;border:1px solid #2c7997}.books .book .tags .admin[data-v-204a2336]{background:#eb9c2c;border:1px solid #d87f00}.books .book[data-v-204a2336]:hover{box-shadow:0 0 8.4vw rgba(222,184,45,.9607843137254902);text-decoration:none;transition:.3s}.jp-home-page[data-v-1076b465]{height:90vh;justify-content:center;flex:1;display:flex;flex-direction:column;align-items:center;text-shadow:0 0 2px #fdfdfd}.jp-home-page .jp-container[data-v-1076b465]{display:flex;flex-direction:column;align-items:center;background:transparent;width:96vw;height:124.8vw;box-shadow:0 0 10px rgba(31,31,31,.7294117647058823);border:1px solid #9d9fa0;transition:.3s}.jp-home-page .jp-container .bk-bg[data-v-1076b465]{z-index:-99;width:96vw;height:124.8vw;margin-bottom:-124.8vw;-o-object-fit:cover;object-fit:cover;border:1px solid #9d9fa0}.jp-home-page .jp-container .bk-vip[data-v-1076b465]{background:#e7bc0f}.jp-home-page .jp-container .title[data-v-1076b465]{background:#fff;text-align:center;margin:7.68vw 0 2.88vw;font-size:9.6vw;line-height:9.6vw;padding:2.88vw 0;width:81.6vw}.jp-home-page .jp-container .title-vip[data-v-1076b465]{color:#cf9900}.jp-home-page .bg-default[data-v-1076b465]{background:#b0c4de}.jp-home-page .sub-name[data-v-1076b465]{font-size:3.84vw;margin-bottom:2.88vw}.jp-home-page .infos[data-v-1076b465]{font-size:2.88vw;margin-bottom:2.88vw}.jp-home-page .img-bg-text[data-v-1076b465]{color:#000;background-color:hsla(0,0%,100%,.7019607843137254);padding:.96vw;border-radius:.96vw}.jp-home-page .jp-container[data-v-1076b465]:hover{box-shadow:0 0 30px rgba(222,184,45,.9607843137254902)}.jp-home-page .qrcode[data-v-1076b465]{width:28.8vw;height:28.8vw;margin:.96vw}.jpHomePage-vip[data-v-1076b465]{background:rgba(255,250,226,.8117647058823529)}.book-btns[data-v-1076b465],.jp-home-pw[data-v-1076b465]{margin-top:11.52vw!important}.jp-home-pw[data-v-1076b465]{align-items:center;display:flex}.jp-home-pw .input-pw[data-v-1076b465]{font-size:3.36vw;margin-right:0;padding:1.248vw 1.44vw;text-align:center;width:23.04vw;border:1px solid #5ad1cd;border-right:0;color:#555;background-color:#fff;border-top-left-radius:4px;border-bottom-left-radius:4px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.jp-home-pw .btn-bk[data-v-1076b465]{margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.btn-bk[data-v-1076b465]{font-size:3.36vw;padding:.96vw 1.44vw}.apply-join-in[data-v-1076b465]{font-size:3.36vw;transition:.3s;cursor:pointer}.apply-join-in[data-v-1076b465]:hover{text-shadow:0 0 3px #5ad1cd}.text-shadow[data-v-1076b465]{text-shadow:0 0 2px #fdfdfd}.login-sign{display:flex;flex-direction:column;align-self:flex-start;text-align:center}.login-sign .error{font-style:normal;color:#cd5c5c;font-size:14px}.login-sign .tips{display:flex;justify-content:space-between;width:100%;padding:5px}.login-sign .tips i{font-style:normal;color:#777}.login-sign .tips i:hover{cursor:pointer}.box{background:hsla(0,0%,100%,.8666666666666667);border-radius:10px;margin:0 5px}.box form{display:flex;flex-direction:column;align-items:center}.box form h2{margin:0}.box form input{background:#dadada;border:none;padding:12px 15px;margin:3px 0;width:300px;outline:none}.box form .smsCodePanel span{position:absolute;right:0;margin:-34px 40px;display:block;cursor:pointer}.box button{border-radius:20px;border:1px solid #ff8c00;background:#ff8446;color:#fff;font-size:12px;font-weight:700;margin:5px;padding:12px 45px;letter-spacing:1px;text-transform:uppercase;transition:transform 80ms ease-in;cursor:pointer}.jp-home{display:flex;flex-direction:column;height:100vh}.mySelf .container[data-v-4c6b8613]{justify-content:center}.mySelf .container .left[data-v-4c6b8613]{box-sizing:border-box;width:100%;min-height:600px;padding:1px;background:#fff;border-radius:5px}.mySelf .container .left .bg[data-v-4c6b8613]{width:100%;border-radius:5px;height:210px;min-height:210px;background:linear-gradient(325deg,#719ed5,transparent)}.mySelf .container .left .top[data-v-4c6b8613]{display:flex;font-size:16px;margin-top:-40px;align-items:flex-end}.mySelf .container .left .top div[data-v-4c6b8613]{margin-left:10px;text-shadow:0 0 3px #fff}.mySelf .container .left .top .head[data-v-4c6b8613]{width:80px;height:80px;border-radius:50px;-o-object-fit:cover;object-fit:cover;margin-top:-80px;margin-left:10px;border:2px solid #f8f9c7;box-shadow:0 0 5px #aaa;background-color:#fff;position:relative;float:left}.mySelf .container .left .top .name[data-v-4c6b8613]{font-size:26px;text-shadow:0 0 1px #337ab7}.mySelf .container .right[data-v-4c6b8613]{box-sizing:border-box;min-height:600px;padding:1px;background:#fff;border-radius:5px}.mySelf .container .right .reset[data-v-4c6b8613]{text-align:center}.mySelf .container .right .btn-sms[data-v-4c6b8613]{margin:0}.mySelf .container .right .btn-next[data-v-4c6b8613]{margin-top:50px}.mySelf .container .right .sub-navbar[data-v-4c6b8613]{background:#96e2df}.mySelf .container .right .right-container[data-v-4c6b8613]{max-height:600px;overflow-y:scroll}.mySelf .container .right .info-items[data-v-4c6b8613]{margin-left:10px;text-align:left}.mySelf .container .right .info-items .info-item[data-v-4c6b8613]{color:#969799;font-size:14px;line-height:1.5}.mySelf .container .right .info-items .info-item span[data-v-4c6b8613]{color:#719ed5;white-space:pre-wrap}.buttons[data-v-62edfb5f]{margin:10px;text-align:center}.myfamilies[data-v-62edfb5f]{width:100vw;display:flex;flex-direction:column;align-items:center}