.recommand-page[data-v-23138089]{position:absolute;width:100%;height:100%;left:0;top:0;font-size:var(--base-unit);overflow-x:hidden;overflow-y:scroll;padding-bottom:10rem}.recommand-page[data-v-23138089]::-webkit-scrollbar{display:none}.recommand-page .subject-module[data-v-23138089]{position:relative;width:159em;height:-moz-fit-content;height:fit-content;margin:2.5rem auto 0}.recommand-page .subject-module .subject-module-title[data-v-23138089]{width:100%;height:3.2rem;line-height:3.2rem;font-size:2.4rem;font-weight:700;color:#3d3d3d;text-align:left}.recommand-page .subject-module .subject-module-list[data-v-23138089]{position:relative;width:100%;height:-moz-fit-content;height:fit-content;display:flex;flex-wrap:wrap;gap:4rem;margin-top:4rem}.recommand-page .subject-module .subject-module-list .subject-module-item[data-v-23138089]{width:-moz-fit-content;width:fit-content;height:17rem;display:flex}.recommand-page .subject-module .subject-module-list .subject-module-item .subject-card-poster[data-v-23138089]{width:12rem;height:16.5rem}.recommand-page .subject-module .subject-module-list .subject-module-item .subject-card-poster .subject-card-img-box[data-v-23138089]{position:relative;width:12rem;height:16.5rem;transform:skewX(-6.33deg);transform-origin:left bottom}.recommand-page .subject-module .subject-module-list .subject-module-item .subject-card-poster .subject-card-img-box .subject-card-img[data-v-23138089]{position:relative;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:1rem .2rem .5rem 1rem}.recommand-page .subject-module .subject-module-list .subject-module-item .subject-card-poster .subject-card-img-box .subject-card-shadow[data-v-23138089]{position:absolute;width:100%;height:1.2rem;background-color:#fb7299;left:0;bottom:-.4rem;z-index:-1;border-radius:0 0 .5rem 1rem}.recommand-page .subject-module .subject-module-list .subject-module-item .subject-card-content[data-v-23138089]{position:relative;width:24.8rem;height:16.5rem;margin-left:3.3rem}.recommand-page .subject-module .subject-module-list .subject-module-item .subject-card-content .subject-card-title[data-v-23138089]{width:100%;max-height:5.4rem;line-height:2.7rem;font-size:2rem;font-weight:700;color:#3d3d3d;text-align:left;margin-bottom:.7rem;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis;word-break:break-all;line-break:anywhere;-webkit-line-clamp:2}.recommand-page .subject-module .subject-module-list .subject-module-item .subject-card-content .subject-card-subtitle[data-v-23138089]{width:100%;height:2rem;font-size:1.4rem;color:#3d3d3d;text-align:left}.recommand-page .subject-module .subject-module-list .subject-module-item .subject-card-content .subject-card-bottom[data-v-23138089]{position:absolute;width:100%;height:4.4rem;left:0;bottom:0;display:flex;justify-content:space-between;align-items:center}.recommand-page .subject-module .subject-module-list .subject-module-item .subject-card-content .subject-card-bottom .subject-card-hot[data-v-23138089]{width:-moz-fit-content;width:fit-content;height:2.4rem;display:flex}.recommand-page .subject-module .subject-module-list .subject-module-item .subject-card-content .subject-card-bottom .subject-card-hot .subject-card-hot-icon[data-v-23138089]{width:2.4rem;height:2.4rem;display:flex;justify-content:center;align-items:center}.recommand-page .subject-module .subject-module-list .subject-module-item .subject-card-content .subject-card-bottom .subject-card-hot .subject-card-hot-count[data-v-23138089]{width:-moz-fit-content;width:fit-content;height:2.4rem;line-height:2.4rem;font-size:1.4rem;color:#afafaf;text-align:left;margin-left:.2rem}.login-page[data-v-63513f0c]{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.login-page .login-box[data-v-63513f0c]{position:relative;width:4.4rem;height:6.18rem;display:flex;flex-direction:column;align-items:center}.login-page .login-box .main-title[data-v-63513f0c]{position:relative;width:-moz-fit-content;width:fit-content;height:.43rem;line-height:.43rem;font-family:SmileyFont;font-size:.36rem;font-weight:400;color:#3d3d3d}.login-page .login-box .sub-title[data-v-63513f0c]{position:relative;width:-moz-fit-content;width:fit-content;height:.26rem;line-height:.26rem;font-size:.18rem;font-weight:700;color:#3d3d3d;margin-top:.28rem}.login-page .login-box .main-input[data-v-63513f0c]{position:relative;width:4.3rem;margin-top:.5rem}.login-page .login-box .main-input .normal-box[data-v-63513f0c]{position:relative;width:4.3rem;height:.76rem}.login-page .login-box .main-input .input-box[data-v-63513f0c]{position:relative;width:4.3rem;height:.76rem;border-radius:.15rem;overflow:hidden}.login-page .login-box .main-input .input-box .input-inner[data-v-63513f0c]{position:relative;width:4.3rem;height:.72rem;background-color:#f4f4f4;border-radius:.15rem;z-index:2}.login-page .login-box .main-input .input-box .input-inner .input-icon[data-v-63513f0c]{position:absolute;width:.28rem;height:.28rem;cursor:pointer;top:.22rem;right:.22rem;display:flex;justify-content:center;align-items:center}.login-page .login-box .main-input .input-box .input-inner .input-icon[data-v-63513f0c] .i-icon path{transition:stroke .5s}.login-page .login-box .main-input .input-box .input-inner .input-icon[data-v-63513f0c]:hover .i-icon path{stroke:#fb7299}.login-page .login-box .main-input .input-box .input-inner .input-placeholder[data-v-63513f0c]{position:absolute;width:100%;height:100%;left:0;top:0;font-size:.18rem;line-height:.72rem;text-align:center;color:rgba(61,61,61,.5);pointer-events:none;background-color:transparent;z-index:1}.login-page .login-box .main-input .input-box .input-inner .input-self[data-v-63513f0c]{position:absolute;width:3.9rem;height:.32rem;font-size:.18rem;line-height:.32rem;top:50%;left:50%;outline:none;border:none;color:#9b9b9b;background-color:transparent;z-index:2;text-align:center;transform:translateX(-50%) translateY(-50%)}.login-page .login-box .main-input .input-box .input-inner .input-self.short[data-v-63513f0c]{width:3.2rem}.login-page .login-box .main-input .input-box .input-inner .input-self[data-v-63513f0c]::-webkit-input-placeholder{color:#9b9b9b}.login-page .login-box .main-input .input-box .input-shadow[data-v-63513f0c]{position:absolute;bottom:0;left:0;width:4.3rem;height:.15rem;border-radius:0 0 .15rem .15rem;overflow:hidden}.login-page .login-box .main-input .input-box .input-shadow .shadow-color[data-v-63513f0c]{position:relative;height:100%;width:100%;background-color:#fb7299;transition:width .5s,background-color .5s;margin:0 auto}.login-page .login-box .login-button[data-v-63513f0c]{position:relative;width:1.88rem;height:.72rem;border-radius:.15rem;background:#fb7299;box-shadow:0 .04rem 0 0 #c84b6f;font-size:.18rem;line-height:.72rem;font-weight:700;text-align:center;color:#fff;margin-top:.38rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.login-page .login-box .login-button[data-v-63513f0c]:active{box-shadow:none;transform:translateY(.04rem)}.login-page .login-box .register[data-v-63513f0c]{width:-moz-fit-content;width:fit-content;height:.26rem;font-size:.18rem;line-height:.26rem;font-weight:400;color:rgba(60,132,220,.8);cursor:pointer;margin-top:.28rem}.login-page .login-box .other-way[data-v-63513f0c]{position:relative;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;margin-top:.28rem}.login-page .login-box .other-way .title[data-v-63513f0c]{width:-moz-fit-content;width:fit-content;height:.26rem;font-size:.18rem;line-height:.26rem;font-weight:400;color:#3d3d3d}.login-page .login-box .other-way .login-way-list[data-v-63513f0c]{width:-moz-fit-content;width:fit-content;height:.38rem;display:flex;margin:.4rem auto 0}.login-page .login-box .other-way .login-way-list .login-way-item[data-v-63513f0c]{width:.38rem;height:.38rem;display:flex;justify-content:center;align-items:center;margin-left:.32rem;cursor:pointer;opacity:.7;transition:opacity .5s}.login-page .login-box .other-way .login-way-list .login-way-item[data-v-63513f0c]:first-of-type{margin-left:0}.login-page .login-box .other-way .login-way-list .login-way-item[data-v-63513f0c]:hover{opacity:1}.article-mobile-page[data-v-7d2065f7]{position:relative;width:100%;margin:0 auto;height:100%;overflow:scroll}.article-mobile-page .article-mobile-title[data-v-7d2065f7]{width:100%;height:2rem;line-height:2rem;font-size:1rem;font-weight:700;text-align:left;padding:0 .8rem}.article-mobile-page .article-mobile-content[data-v-7d2065f7]{position:relative;width:100%;height:-moz-fit-content;height:fit-content}.register-page[data-v-8f2ad7a8]{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.register-page .return-button[data-v-8f2ad7a8]{position:absolute;left:3.75rem;top:1rem;width:1.6rem;height:1.6rem;background:hsla(0,0%,84.7%,.3);display:flex;justify-content:center;align-items:center;border-radius:.375rem;opacity:.7;transition:opacity .5s;cursor:pointer}.register-page .return-button[data-v-8f2ad7a8]:hover{opacity:1}.register-page .reg-box[data-v-8f2ad7a8]{position:relative;width:11rem;height:15.45rem;display:flex;flex-direction:column;align-items:center}.register-page .reg-box .main-title[data-v-8f2ad7a8]{position:relative;width:-moz-fit-content;width:fit-content;height:1.075rem;line-height:1.075rem;font-family:SmileyFont;font-size:.9rem;font-weight:400;color:#3d3d3d}.register-page .reg-box .sub-title[data-v-8f2ad7a8]{position:relative;width:-moz-fit-content;width:fit-content;height:.65rem;line-height:.65rem;font-size:.45rem;font-weight:700;color:#3d3d3d;margin-top:.7rem}.register-page .reg-box .main-input[data-v-8f2ad7a8]{position:relative;width:10.75rem;margin-top:1.25rem}.register-page .reg-box .main-input .normal-box[data-v-8f2ad7a8]{position:relative;width:10.75rem;height:1.9rem}.register-page .reg-box .main-input .input-box[data-v-8f2ad7a8]{position:relative;width:10.75rem;height:1.9rem;border-radius:.375rem;overflow:hidden}.register-page .reg-box .main-input .input-box .input-inner[data-v-8f2ad7a8]{position:relative;width:10.75rem;height:1.8rem;background-color:#f4f4f4;border-radius:.375rem;z-index:2}.register-page .reg-box .main-input .input-box .input-inner .input-icon[data-v-8f2ad7a8]{position:absolute;width:.7rem;height:.7rem;cursor:pointer;top:.55rem;right:.55rem;display:flex;justify-content:center;align-items:center}.register-page .reg-box .main-input .input-box .input-inner .input-icon[data-v-8f2ad7a8] .i-icon path{transition:stroke .5s}.register-page .reg-box .main-input .input-box .input-inner .input-icon[data-v-8f2ad7a8]:hover .i-icon path{stroke:#fb7299}.register-page .reg-box .main-input .input-box .input-inner .input-placeholder[data-v-8f2ad7a8]{position:absolute;width:100%;height:100%;left:0;top:0;font-size:.45rem;line-height:1.8rem;text-align:center;color:rgba(61,61,61,.5);pointer-events:none;background-color:transparent;z-index:1}.register-page .reg-box .main-input .input-box .input-inner .input-self[data-v-8f2ad7a8]{position:absolute;width:9.75rem;height:.8rem;font-size:.45rem;line-height:.8rem;top:50%;left:50%;outline:none;border:none;color:#9b9b9b;background-color:transparent;z-index:2;text-align:center;transform:translateX(-50%) translateY(-50%)}.register-page .reg-box .main-input .input-box .input-inner .input-self.short[data-v-8f2ad7a8]{width:8rem}.register-page .reg-box .main-input .input-box .input-inner .input-self[data-v-8f2ad7a8]::-webkit-input-placeholder{color:#9b9b9b}.register-page .reg-box .main-input .input-box .input-shadow[data-v-8f2ad7a8]{position:absolute;bottom:0;left:0;width:10.75rem;height:.375rem;border-radius:0 0 .375rem .375rem;overflow:hidden}.register-page .reg-box .main-input .input-box .input-shadow .shadow-color[data-v-8f2ad7a8]{position:relative;height:100%;width:100%;background-color:#fb7299;transition:width .5s,background-color .5s;margin:0 auto}.register-page .reg-box .reg-button[data-v-8f2ad7a8]{position:relative;width:4.7rem;height:1.8rem;border-radius:.375rem;background:#fb7299;box-shadow:0 .1rem 0 0 #c84b6f;font-size:.45rem;line-height:1.8rem;font-weight:700;text-align:center;color:#fff;margin-top:.95rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.register-page .reg-box .reg-button[data-v-8f2ad7a8]:active{box-shadow:none;transform:translateY(.1rem)}