.sug-container-wrapper[data-v-36940f30]::-webkit-scrollbar{display:none}.sug-container-wrapper.query-trending[data-v-36940f30]{position:relative;padding-top:100%}.sug-container-wrapper[data-v-36940f30]{margin-top:8px;width:100%;background-color:#fff;box-shadow:0 4px 32px #00000014,0 1px 4px #0000000a;border-radius:12px;overflow:scroll;z-index:9999}.sug-container.query-trending .history[data-v-36940f30]{padding:4px}.sug-container.query-trending .history .header[data-v-36940f30]{display:flex;padding:0 4px 0 12px;align-items:center;height:32px;font-style:normal;font-weight:400;font-size:12px;line-height:120%;color:#3339}.sug-container.query-trending .history .header .icon-group[data-v-36940f30]{display:flex;margin-left:auto;font-size:12px;font-weight:400;color:#333c;grid-gap:4px;gap:4px}.sug-container.query-trending .history .header .icon-group .icon-box[data-v-36940f30]{display:flex;align-items:center;justify-content:center;height:24px;width:24px;grid-gap:4px;gap:4px;padding:0 4px;cursor:pointer}.sug-container.query-trending .history .history-list[data-v-36940f30]{display:flex;align-items:center;padding:0 8px 8px;flex-wrap:wrap;position:relative;grid-gap:8px;gap:8px}.sug-container.query-trending .history .history-list .close-tag[data-v-36940f30]{position:absolute;top:-8px;right:0;width:16px;height:16px;text-align:center;line-height:16px;background-color:#fff;border-radius:50%;color:#888;border:1px solid #f4f4f4;z-index:99999}.sug-container.query-trending .history .history-list .history-item[data-v-36940f30]{position:relative;display:flex;align-items:center;justify-content:center;height:32px;color:#333c;font-size:14px;font-weight:400;line-height:120%;padding:0 12px;white-space:nowrap;background:rgba(0,0,0,.03);border-radius:999px;border:1px solid transparent;cursor:pointer}.sug-container.query-trending .sug-box[data-v-36940f30]{padding:4px}.sug-container.query-trending .sug-box .header[data-v-36940f30]{display:flex;padding:10.5px 12px;align-items:center;height:32px;font-style:normal;font-weight:400;font-size:12px;line-height:120%;color:#3339}.sug-container.query-trending .sug-box .sug-wrapper[data-v-36940f30]{display:flex;flex-wrap:wrap}.sug-container.query-trending .sug-box .sug-wrapper .query-trending.hotspot[data-v-36940f30]:nth-child(odd){margin-right:2px}.sug-container.query-trending .sug-box .sug-wrapper .query-trending.hotspot[data-v-36940f30]{width:calc(50% - 2px)}.sug-container.query-trending .sug-box .sug-wrapper .query-trending[data-v-36940f30]{color:#333c;width:100%}.sug-container.query-trending .sug-box .sug-wrapper .sug-item[data-v-36940f30]{width:100%;padding:0 12px;font-size:16px;height:40px;line-height:120%;font-weight:400;border-radius:8px;color:#3339;display:flex;align-items:center}.sug-container.query-trending .sug-box .sug-wrapper .sug-text[data-v-36940f30]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;justify-content:center;height:20px}.sug-container.query-trending .hotspots[data-v-36940f30]{padding:4px}.sug-container.query-trending .hotspots .header[data-v-36940f30]{padding:8px 12px;height:32px}.sug-container.query-trending .hotspots .hotspot-item[data-v-36940f30]:first-child{color:#ff2442}.sug-container.query-trending .hotspots .hotspot-item[data-v-36940f30]:nth-child(2){color:#80005e}.sug-container.query-trending .hotspots .hotspot-item[data-v-36940f30]:nth-child(3){color:#ff24a4}.sug-container.query-trending .hotspots .hotspot-item[data-v-36940f30]{padding:0 12px;display:flex;align-items:center;height:40px;cursor:pointer;color:#3339}.sug-container.query-trending .hotspots .hotspot-item .hotspot-index[data-v-36940f30]{display:flex;align-items:center;justify-content:center;font-weight:500;font-size:14px;line-height:120%;width:16px;height:16px}.sug-container.query-trending .hotspots .hotspot-item .hotspot-title[data-v-36940f30]{margin:0 6px;color:#333c;font-weight:400;font-size:16px;line-height:120%;display:flex;align-items:center;height:100%;flex:1}.sug-container.query-trending .hotspots .hotspot-item .hotspot-title img[data-v-36940f30]{margin-left:6px;height:14px}.sug-container.query-trending .hotspots .hotspot-item .hotspot-title .text[data-v-36940f30]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sug-container.query-trending .hotspots .hotspot-item .hotspot-score[data-v-36940f30]{color:#3333334d;margin-left:auto;font-weight:400;font-size:12px;line-height:120%}.sug-container.query-trending[data-v-36940f30]{width:100%;position:absolute;top:0}.sug-container-wrapper[data-v-7fb7f9f2]::-webkit-scrollbar{display:none}.sug-container-wrapper[data-v-7fb7f9f2]{margin-top:8px;width:100%;background-color:#fff;box-shadow:0 4px 32px #00000014,0 1px 4px #0000000a;border-radius:12px;overflow:scroll;z-index:9999}.sug-container-wrapper .sug-container[data-v-7fb7f9f2]{padding-top:4px}.sug-container-wrapper .sug-container .sug-item[data-v-7fb7f9f2]{width:100%;padding:0 12px;font-size:16px;height:40px;line-height:120%;font-weight:400;border-radius:8px;color:#3339;display:flex;align-items:center}.sug-container-wrapper .sug-container .sug-item[data-v-7fb7f9f2]:hover{background:#f8f8f8}a[data-v-0fe227e7]{text-decoration:none;background-color:transparent}.login-modal[data-v-0fe227e7]{z-index:100010;flex-direction:column}.reds-modal[data-v-0fe227e7]{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000002;box-sizing:border-box;visibility:visible;opacity:1;transition:opacity .2s,visibility .2s}.reds-modal .reds-mask[data-v-0fe227e7]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000040;z-index:-1}.reds-modal .login-container[data-v-0fe227e7]{display:flex;position:relative;min-width:380px;height:480px;background:#fff;border-radius:16px;box-shadow:0 4px 32px #00000014,0 1px 4px #0000000a;transition:all .2s}.reds-modal .login-container .close-button[data-v-0fe227e7]{position:absolute;right:20px;top:20px;cursor:pointer;color:#333c}.reds-modal .login-container .left[data-v-0fe227e7]{width:380px;display:flex;align-items:center;flex-direction:column;border-right:1px solid rgba(0,0,0,.08)}@media screen and (max-width: 820px){.reds-modal .login-container .left[data-v-0fe227e7]{display:none}}@media screen and (min-width: 821px){.reds-modal .login-container .left[data-v-0fe227e7]{display:flex}}.reds-modal .login-container .left img[data-v-0fe227e7]{border-style:none}.reds-modal .login-container .left .logo[data-v-0fe227e7]{margin-top:64px;width:91.08px;height:48px;-webkit-user-select:none;user-select:none;pointer-events:none}.reds-modal .login-container .left .course-video[data-v-0fe227e7]{width:380px;height:480px;overflow:hidden;margin-bottom:-1px;border-bottom-left-radius:12px;border-top-left-radius:12px}.reds-modal .login-container .left .course-video video[data-v-0fe227e7]{width:100%;height:100%;object-fit:cover}.reds-modal .login-container .left .qrcode[data-v-0fe227e7]{position:relative;display:flex;align-items:center;justify-content:center;width:380px;height:480px;border:2px solid var(--color-shadow-border);border-radius:12px;background:var(--color-white)}.reds-modal .login-container .left .qrcode .qrcode-img[data-v-0fe227e7]{width:380px;height:480px;border-bottom-left-radius:12px;border-top-left-radius:12px}.reds-modal .login-container .left .qrcode .status[data-v-0fe227e7]{display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:100%;height:100%;flex-direction:column;background:#fff;opacity:.95;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);border-radius:10px}.reds-modal .login-container .left .tip[data-v-0fe227e7]{color:#333;font-weight:600;font-size:12px;margin-top:16px;line-height:120%}.reds-modal .login-container .left .course[data-v-0fe227e7]{width:64px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:999px;margin-top:43.5px;font-weight:400;font-size:14px;color:#333c;cursor:pointer}.reds-modal .login-container .right[data-v-0fe227e7]{width:380px;height:480px;display:flex;align-items:center;flex-direction:column;color:#333c}.reds-modal .login-container .right .lower-div[data-v-0fe227e7]{position:absolute;z-index:0}@media screen and (max-width: 820px){.reds-modal .login-container .right .lower-div[data-v-0fe227e7]{display:flex}}@media screen and (min-width: 821px){.reds-modal .login-container .right .lower-div[data-v-0fe227e7]{display:none}}.reds-modal .login-container .right .lower-div .course-video[data-v-0fe227e7]{width:380px;height:480px;overflow:hidden;margin-bottom:-1px;border-radius:12px;-webkit-filter:blur(5px);filter:blur(5px)}.reds-modal .login-container .right .lower-div .course-video video[data-v-0fe227e7]{width:100%;height:100%;object-fit:cover}.reds-modal .login-container .right .lower-div .qrcode[data-v-0fe227e7]{position:relative;display:flex;align-items:center;justify-content:center;width:380px;height:480px;border:2px solid var(--color-shadow-border);border-radius:12px;background:var(--color-white)}.reds-modal .login-container .right .lower-div .qrcode .qrcode-img[data-v-0fe227e7]{width:380px;height:480px;border-bottom-right-radius:12px;border-top-right-radius:12px;-webkit-filter:blur(30px);filter:blur(30px)}.reds-modal .login-container .right .upper-div[data-v-0fe227e7]{width:380px;height:480px;display:flex;align-items:center;flex-direction:column;color:#333c;position:absolute;z-index:1}@media screen and (max-width: 820px){.reds-modal .login-container .right .upper-div[data-v-0fe227e7]{color:#f0f8ff}}@media screen and (min-width: 821px){.reds-modal .login-container .right .upper-div[data-v-0fe227e7]{color:#333c}}.reds-modal .login-container .right .upper-div .title[data-v-0fe227e7]{margin-top:36px;font-size:20px;font-weight:600;line-height:120%}.reds-modal .login-container .right .upper-div .input-container[data-v-0fe227e7]{margin-top:24px;width:304px;display:flex;flex-direction:column}.reds-modal .login-container .right .upper-div .input-container .auth-code[data-v-0fe227e7]{justify-content:center}.reds-modal .login-container .right .upper-div .input-container .auth-code[data-v-0fe227e7],.reds-modal .login-container .right .upper-div .input-container .phone[data-v-0fe227e7]{display:flex;align-items:center;font-size:16px;line-height:22px;color:#333c;height:48px;background:#fff;border-radius:999px;transition:border-color .2s;border-bottom:.5px solid rgba(0,0,0,.08)}.reds-modal .login-container .right .upper-div .input-container .auth-code .country-code[data-v-0fe227e7],.reds-modal .login-container .right .upper-div .input-container .phone .country-code[data-v-0fe227e7]{display:flex;align-items:center;justify-content:center;position:relative;width:29px;height:100%;font-weight:400;margin-left:16px;margin-right:20px;color:#333}.reds-modal .login-container .right .upper-div .input-container .auth-code .country-code[data-v-0fe227e7]:after,.reds-modal .login-container .right .upper-div .input-container .phone .country-code[data-v-0fe227e7]:after{position:absolute;left:41px;content:"";height:24px;width:1px;background-color:#fff}.reds-modal .login-container .right .upper-div .input-container .auth-code input[data-v-0fe227e7],.reds-modal .login-container .right .upper-div .input-container .phone input[data-v-0fe227e7]{font-size:16px;width:130px;height:100%;caret-color:#ff2442;color:#333}.reds-modal .login-container .right .upper-div .input-container .code-button[data-v-0fe227e7]{font-size:16px;color:#ff2442;cursor:pointer;opacity:.5}.reds-modal .login-container .right .upper-div .input-container .err-msg[data-v-0fe227e7]{margin-top:9.5px;height:10px;line-height:10px;color:var(--color-red);font-size:14px;font-weight:400;display:flex;align-items:center;justify-content:center}.reds-modal .login-container .right .upper-div .input-container .submit[data-v-0fe227e7]{margin-top:24px;height:48px;background:#ff2442;color:#fff;opacity:.5;border-radius:999px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.reds-modal .login-container .right .upper-div .input-container form[data-v-0fe227e7]{display:block;margin-top:0}.reds-modal .login-container .right .agreements[data-v-0fe227e7]{width:280px;position:relative;margin-top:16px;padding-left:18px;font-size:12px;color:var(--color-tertiary-label);line-height:120%}.reds-modal .login-container .right .agreements .agree-icon[data-v-0fe227e7]{display:inline-block;width:10px;height:10px;border-radius:100%;background-color:#fff;border:1px solid rgba(0,0,0,.183)}.reds-modal .login-container .right .agreements a[data-v-0fe227e7]{color:#13386c}.reds-modal .login-container .right .agreements .links[data-v-0fe227e7]{font-weight:400}.reds-modal .login-container .right .oauth-tip[data-v-0fe227e7]:after,.reds-modal .login-container .right .oauth-tip[data-v-0fe227e7]:before{display:block;width:133px;height:1px;content:"";background-color:#00000014}.reds-modal .login-container .right .oauth-tip-line[data-v-0fe227e7]{margin:0 12px}.reds-modal .login-container .right .oauth-tip[data-v-0fe227e7]{margin-top:29px;display:flex;align-items:center;font-weight:400;font-size:14px;color:#3339}.reds-modal .login-container .right .login[data-v-0fe227e7]{display:flex;margin-top:16px}.reds-modal .login-container .right .login .login-common[data-v-0fe227e7]{width:144px;height:40px;border:1px solid rgba(0,0,0,.08);border-radius:999px;color:#333c;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:10px}.reds-modal .login-container .right .login .login-common .reg[data-v-0fe227e7]{margin-left:16px}a[data-v-e7203692]{text-decoration:none;background-color:transparent}.login-modal[data-v-e7203692]{z-index:100010;flex-direction:column}.reds-modal[data-v-e7203692]{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000002;box-sizing:border-box;visibility:visible;opacity:1;transition:opacity .2s,visibility .2s}.reds-modal .reds-mask[data-v-e7203692]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000040;z-index:-1}.reds-modal .login-container[data-v-e7203692]{display:flex;position:relative;min-width:380px;height:480px;background:#fff;border-radius:16px;box-shadow:0 4px 32px #00000014,0 1px 4px #0000000a;transition:all .2s}.reds-modal .login-container .close-button[data-v-e7203692]{position:absolute;right:20px;top:20px;cursor:pointer;color:#333c}.reds-modal .login-container .left[data-v-e7203692]{width:380px;display:flex;align-items:center;flex-direction:column;border-right:1px solid rgba(0,0,0,.08)}@media screen and (max-width: 820px){.reds-modal .login-container .left[data-v-e7203692]{display:none}}@media screen and (min-width: 821px){.reds-modal .login-container .left[data-v-e7203692]{display:flex}}.reds-modal .login-container .left img[data-v-e7203692]{border-style:none}.reds-modal .login-container .left .logo[data-v-e7203692]{margin-top:64px;width:91.08px;height:48px;-webkit-user-select:none;user-select:none;pointer-events:none}.reds-modal .login-container .left .course-video[data-v-e7203692]{width:380px;height:480px;overflow:hidden;margin-bottom:-1px;border-bottom-left-radius:12px;border-top-left-radius:12px}.reds-modal .login-container .left .course-video video[data-v-e7203692]{width:100%;height:100%;object-fit:cover}.reds-modal .login-container .left .qrcode[data-v-e7203692]{position:relative;display:flex;align-items:center;justify-content:center;width:380px;height:480px;border:2px solid var(--color-shadow-border);border-radius:12px;background:var(--color-white)}.reds-modal .login-container .left .qrcode .qrcode-img[data-v-e7203692]{width:380px;height:480px;border-bottom-left-radius:12px;border-top-left-radius:12px}.reds-modal .login-container .left .qrcode .status[data-v-e7203692]{display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:100%;height:100%;flex-direction:column;background:#fff;opacity:.95;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);border-radius:10px}.reds-modal .login-container .left .tip[data-v-e7203692]{color:#333;font-weight:600;font-size:12px;margin-top:16px;line-height:120%}.reds-modal .login-container .left .course[data-v-e7203692]{width:64px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:999px;margin-top:43.5px;font-weight:400;font-size:14px;color:#333c;cursor:pointer}.reds-modal .login-container .right[data-v-e7203692]{width:380px;height:480px;display:flex;align-items:center;flex-direction:column;color:#333c}.reds-modal .login-container .right .lower-div[data-v-e7203692]{position:absolute;z-index:0}@media screen and (max-width: 820px){.reds-modal .login-container .right .lower-div[data-v-e7203692]{display:flex}}@media screen and (min-width: 821px){.reds-modal .login-container .right .lower-div[data-v-e7203692]{display:none}}.reds-modal .login-container .right .lower-div .course-video[data-v-e7203692]{width:380px;height:480px;overflow:hidden;margin-bottom:-1px;border-radius:12px;-webkit-filter:blur(5px);filter:blur(5px)}.reds-modal .login-container .right .lower-div .course-video video[data-v-e7203692]{width:100%;height:100%;object-fit:cover}.reds-modal .login-container .right .lower-div .qrcode[data-v-e7203692]{position:relative;display:flex;align-items:center;justify-content:center;width:380px;height:480px;border:2px solid var(--color-shadow-border);border-radius:12px;background:var(--color-white)}.reds-modal .login-container .right .lower-div .qrcode .qrcode-img[data-v-e7203692]{width:380px;height:480px;border-bottom-right-radius:12px;border-top-right-radius:12px;-webkit-filter:blur(30px);filter:blur(30px)}.reds-modal .login-container .right .upper-div[data-v-e7203692]{width:380px;height:480px;display:flex;align-items:center;flex-direction:column;color:#333c;position:absolute;z-index:1}@media screen and (max-width: 820px){.reds-modal .login-container .right .upper-div[data-v-e7203692]{color:#f0f8ff}}@media screen and (min-width: 821px){.reds-modal .login-container .right .upper-div[data-v-e7203692]{color:#333c}}.reds-modal .login-container .right .upper-div .title[data-v-e7203692]{font-size:20px;font-weight:600;line-height:100%;display:flex;align-items:center;flex-direction:column}.reds-modal .login-container .right .upper-div .input-container[data-v-e7203692]{width:320px;display:flex;flex-direction:column}.reds-modal .login-container .right .upper-div .input-container .line-tip[data-v-e7203692]{display:flex;align-items:center;font-size:15px;line-height:20px;height:38px;transition:border-color .2s;border-bottom:.5px solid rgba(0,0,0,.08)}.reds-modal .login-container .right .upper-div .input-container .auth-code[data-v-e7203692]{justify-content:center}.reds-modal .login-container .right .upper-div .input-container .auth-code[data-v-e7203692],.reds-modal .login-container .right .upper-div .input-container .phone[data-v-e7203692]{display:flex;align-items:center;font-size:16px;line-height:22px;color:#333c;height:48px;background:#fff;border-radius:999px;transition:border-color .2s;border-bottom:.5px solid rgba(0,0,0,.08)}.reds-modal .login-container .right .upper-div .input-container .auth-code .country-code[data-v-e7203692],.reds-modal .login-container .right .upper-div .input-container .phone .country-code[data-v-e7203692]{display:flex;align-items:center;justify-content:center;position:relative;width:29px;height:100%;font-weight:400;margin-left:16px;margin-right:20px;color:#333}.reds-modal .login-container .right .upper-div .input-container .auth-code .country-code[data-v-e7203692]:after,.reds-modal .login-container .right .upper-div .input-container .phone .country-code[data-v-e7203692]:after{position:absolute;left:41px;content:"";height:24px;width:1px;background-color:#fff}.reds-modal .login-container .right .upper-div .auth-code input[data-v-e7203692],.reds-modal .login-container .right .upper-div .phone input[data-v-e7203692]{font-size:16px;width:130px;height:100%;caret-color:#ff2442;color:#333}.reds-modal .login-container .right .upper-div .code-button[data-v-e7203692]{font-size:16px;color:#ff2442;cursor:pointer;opacity:.5}.reds-modal .login-container .right .upper-div .err-msg[data-v-e7203692]{margin-top:9.5px;height:10px;line-height:10px;color:var(--color-red);font-size:14px;font-weight:400;display:flex;align-items:center;justify-content:center}.reds-modal .login-container .right .upper-div .submit[data-v-e7203692]{margin-top:20px;height:48px;background:#ff2442;color:#fff;opacity:.5;border-radius:999px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.reds-modal .login-container .right .upper-div form[data-v-e7203692]{display:block;margin-top:0}.reds-modal .login-container .right .agreements[data-v-e7203692]{width:280px;position:relative;margin-top:16px;padding-left:18px;font-size:12px;color:var(--color-tertiary-label);line-height:120%}.reds-modal .login-container .right .agreements .agree-icon[data-v-e7203692]{display:inline-block;width:10px;height:10px;border-radius:100%;background-color:#fff;border:1px solid rgba(0,0,0,.183)}.reds-modal .login-container .right .agreements a[data-v-e7203692]{color:#13386c}.reds-modal .login-container .right .agreements .links[data-v-e7203692]{font-weight:400}.reds-modal .login-container .right .oauth-tip[data-v-e7203692]:after,.reds-modal .login-container .right .oauth-tip[data-v-e7203692]:before{display:block;width:133px;height:1px;content:"";background-color:#00000014}.reds-modal .login-container .right .oauth-tip-line[data-v-e7203692]{margin:0 12px}.reds-modal .login-container .right .oauth-tip[data-v-e7203692]{margin-top:29px;display:flex;align-items:center;font-weight:400;font-size:14px}.reds-modal .login-container .right .login[data-v-e7203692]{display:flex;margin-top:16px}.reds-modal .login-container .right .login .login-common[data-v-e7203692]{width:144px;height:40px;border:1px solid rgba(0,0,0,.08);border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:10px}@media screen and (max-width: 820px){.reds-modal .login-container .right .login .login-common[data-v-e7203692]{border:1px solid aliceblue}}@media screen and (min-width: 821px){.reds-modal .login-container .right .login .login-common[data-v-e7203692]{border:1px solid rgba(0,0,0,.08)}}.reds-modal .login-container .right .login .login-common .reg[data-v-e7203692]{margin-left:16px}a[data-v-02bc3358]{text-decoration:none;color:#333c}.container[data-v-02bc3358]{width:100%;height:100%;background-color:#fff;margin:0 auto;top:0;left:0}.container .top-hidden[data-v-02bc3358]{display:none}.container .top[data-v-02bc3358]{display:flex;flex-direction:column;justify-content:center;width:100vw;height:72px;position:fixed;left:0;top:0;z-index:100;align-items:center;background:#fff}.container .top header[data-v-02bc3358]{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1728px;height:72px;padding:0 12px;z-index:10}.container .top header .tool-box[data-v-02bc3358]{width:24px;height:70px;position:absolute;left:0;top:0}.container .top header .input-box[data-v-02bc3358]{height:40px;position:fixed;left:50%;transform:translate(-50%)}@media screen and (max-width: 695px){.container .top header .input-box[data-v-02bc3358]{width:calc(-25px + 50vw)}}@media screen and (min-width: 960px) and (max-width: 1191px){.container .top header .input-box[data-v-02bc3358]{width:calc(-36px + 50vw)}}@media screen and (min-width: 1192px) and (max-width: 1423px){.container .top header .input-box[data-v-02bc3358]{width:calc(-33.6px + 40vw)}}@media screen and (min-width: 1424px) and (max-width: 1727px){.container .top header .input-box[data-v-02bc3358]{width:calc(-42.66667px + 33.33333vw)}}@media screen and (min-width: 1728px){.container .top header .input-box[data-v-02bc3358]{width:533.33333px}}.container .top header .input-box .search-input[data-v-02bc3358]{padding:0 84px 0 16px;width:100%;height:100%;font-size:16px;line-height:120%;color:#333;caret-color:#ff2442;background:rgba(0,0,0,.03);border-radius:999px}.container .top header .input-box .input-button[data-v-02bc3358]{position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center;height:100%;color:#333c}.container .top header .input-box .input-button .close-icon .search-icon[data-v-02bc3358]{width:40px;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#333c}.container .main[data-v-02bc3358]{display:flex}.container .main .side-bar[data-v-02bc3358]{height:calc(100vh - 72px);overflow-y:scroll;background-color:#fff;display:flex;flex-direction:column;flex-shrink:0;padding-top:16px;margin-top:72px;position:fixed;overflow:visible}@media screen and (max-width: 820px){.container .main .side-bar[data-v-02bc3358]{display:none}}@media screen and (min-width: 821px) and (max-width: 1191px){.container .main .side-bar[data-v-02bc3358]{width:calc(-18px + 25vw);margin-left:12px}}@media screen and (min-width: 1192px) and (max-width: 1423px){.container .main .side-bar[data-v-02bc3358]{width:calc(-16.8px + 20vw);margin-left:12px}}@media screen and (min-width: 1424px) and (max-width: 1727px){.container .main .side-bar[data-v-02bc3358]{width:calc(-21.33333px + 16.66667vw);margin-left:16px}}@media screen and (min-width: 1728px){.container .main .side-bar[data-v-02bc3358]{width:266.66667px;margin-left:16px}}.container .main .side-bar .channel-list[data-v-02bc3358]{min-height:auto;-webkit-user-select:none;user-select:none}.container .main .side-bar .channel-list .active-channel[data-v-02bc3358]{background-color:#00000008;border-radius:999px;color:#333}.container .main .side-bar .channel-list li[data-v-02bc3358]{padding-left:16px;min-height:48px;display:flex;align-items:center;cursor:pointer;margin-bottom:8px;color:#3339}.container .main .side-bar .channel-list li .link-wrapper[data-v-02bc3358]{display:flex;width:100%;height:48px;align-items:center}.container .main .side-bar .channel-list li .message-count[data-v-02bc3358]{margin-left:7rem;background-color:red;width:20px;height:20px;font-size:14px;line-height:20px;text-align:center;border-radius:50%;color:#fff}.container .main .side-bar .channel-list .channel[data-v-02bc3358]{font-size:16px;font-weight:600;margin-left:12px;color:#333}.container .main .side-bar .information-container[data-v-02bc3358]{display:inline-block;width:100%;color:#333;font-size:16px;position:absolute;bottom:0}.container .main .side-bar .information-container .information-pad[data-v-02bc3358]{z-index:16;margin-bottom:4px;width:100%}.container .main .side-bar .information-container .information-pad .container[data-v-02bc3358]{width:100%;background:#fff;box-shadow:0 4px 32px #00000014,0 1px 4px #0000000a;border-radius:12px}.container .main .side-bar .information-container .information-pad .container .divider[data-v-02bc3358]{margin:0 12px;list-style:none;height:0;border:1px solid rgba(0,0,0,.08);border-width:1px 0 0}.container .main .side-bar .information-container .information-pad .container .group-wrapper[data-v-02bc3358]{padding:4px}.container .main .side-bar .information-container .information-pad .container .group-wrapper .group-header[data-v-02bc3358]{display:flex;align-items:center;padding:0 12px;font-weight:400;height:32px;color:#3339;font-size:12px}.container .main .side-bar .information-container .information-pad .container .group-wrapper .menu-item[data-v-02bc3358]{height:40px;color:#333c;font-size:16px;border-radius:8px;display:flex;align-items:center;padding:0 12px;font-weight:400}.container .main .side-bar .information-container .information-pad .container .group-wrapper .menu-item .icon[data-v-02bc3358]{color:#3333334d;margin-left:auto}.container .main .side-bar .information-container .information-pad .container .group-wrapper .menu-item .component[data-v-02bc3358]{margin-left:auto}.container .main .side-bar .information-container .information-pad .container .group-wrapper .menu-item .multistage-toggle[data-v-02bc3358]{position:relative;background:rgba(0,0,0,.03);display:flex();padding:2px;border-radius:999px;cursor:pointer}.container .main .side-bar .information-container .information-pad .container .group-wrapper .menu-item .multistage-toggle .active[data-v-02bc3358]{background:#fff;box-shadow:0 2px 8px #0000000a,0 1px 2px #00000005;color:#333}.container .main .side-bar .information-container .information-pad .container .group-wrapper .menu-item .multistage-toggle .toggle-item[data-v-02bc3358]{border-radius:999px;background:transparent;color:#3339}.container .main .side-bar .information-container .information-pad .container .group-wrapper .menu-item .multistage-toggle .toggle-item .icon-wrapper[data-v-02bc3358]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}.container .main .side-bar .information-container .information-wrapper[data-v-02bc3358]{-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;margin-bottom:20px;height:48px;width:100%;display:flex;font-weight:600;align-items:center;border-radius:999px}.container .main .main-content[data-v-02bc3358]{width:100%;margin-top:0;overflow-y:scroll}@media screen and (max-width: 695px){.container .main .main-content[data-v-02bc3358]{padding-left:-10px}}@media screen and (min-width: 696px) and (max-width: 959px){.container .main .main-content[data-v-02bc3358]{padding-left:-15px}}@media screen and (min-width: 960px) and (max-width: 1191px){.container .main .main-content[data-v-02bc3358]{padding-left:calc(-6px + 25vw)}}@media screen and (min-width: 1192px) and (max-width: 1423px){.container .main .main-content[data-v-02bc3358]{padding-left:calc(-4.8px + 20vw)}}@media screen and (min-width: 1424px) and (max-width: 1727px){.container .main .main-content[data-v-02bc3358]{padding-left:calc(-5.33333px + 16.66667vw)}}@media screen and (min-width: 1728px){.container .main .main-content[data-v-02bc3358]{padding-left:282.66667px}}@media screen and (max-width: 820px){.container .main[data-v-02bc3358]{margin-bottom:80px}}@media screen and (min-width: 821px){.container .main[data-v-02bc3358]{margin-bottom:5px}}.container .bottom[data-v-02bc3358]{display:flex;flex-direction:column;justify-content:center;width:100%;height:60px;position:fixed;left:0;bottom:0;align-items:center;background:#fff;border-top:1px solid #efefef}@media screen and (max-width: 820px){.container .bottom[data-v-02bc3358]{width:100%;display:flex;align-items:center}}@media screen and (min-width: 821px){.container .bottom[data-v-02bc3358]{display:none}}.container .bottom .channel-list[data-v-02bc3358]{min-height:auto;height:100%;-webkit-user-select:none;user-select:none;white-space:nowrap;text-align:center;width:100%;display:flex;align-items:center;justify-content:space-evenly}.container .bottom .channel-list .active-channel[data-v-02bc3358]{background-color:#0000000d;text-align:center;list-style:none;font-size:16px;font-weight:600;color:#333}.container .bottom .channel-list .active-channel_none[data-v-02bc3358]{text-align:center;list-style:none;font-size:14px;font-weight:400;color:#676767}.container .bottom .channel-list li[data-v-02bc3358]{width:100%;height:100%;cursor:pointer;color:#3339;list-style:none;display:flex;align-items:center;flex-direction:row;position:relative;text-align:center}.container .bottom .channel-list li .tab_bar[data-v-02bc3358]{width:100%;margin:0 auto;border-left:1px solid rgba(0,0,0,.05);border-right:1px solid rgba(0,0,0,.05)}.container .bottom .channel-list li .message-count[data-v-02bc3358]{margin-left:7rem;background-color:red;width:20px;height:20px;font-size:14px;line-height:20px;text-align:center;border-radius:50%;color:#fff}.container .bottom .channel-list .channel[data-v-02bc3358]{font-size:16px;font-weight:600;margin-left:5px;color:#333}