*{box-sizing:border-box}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;width:100%;height:100%}.avatar-container[data-v-ea5e342e]{position:relative;width:100%;height:100%}.avatar-container .avatar[data-v-ea5e342e]{position:absolute;top:0;left:0;border-radius:50%;width:100%;height:100%}.svg-icon[data-v-01ffae7e]{overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.message-enter-from[data-v-c61298ac]{transform:translate3d(0,-75px,0);opacity:0}.message-enter-active[data-v-c61298ac]{transition:all .3s}.message-enter-to[data-v-c61298ac]{transform:none;opacity:1}.t-message[data-v-c61298ac]{border-radius:8px;padding:10px;position:fixed;z-index:9999;left:50%;transform:translateX(-50%);top:6%;background:#f5f5f5;color:#999;white-space:nowrap}.t-message .t-message-text[data-v-c61298ac]{vertical-align:middle;font-size:.875rem}.t-message .t-message-icon[data-v-c61298ac]{display:inline-block;width:20px;height:20px;background-size:cover;margin-right:4px;vertical-align:middle}.tui-theme-white .t-message.t-message-error[data-v-c61298ac]{color:#e04343;background-color:#ffebee}.tui-theme-black .t-message.t-message-error[data-v-c61298ac]{color:#f46262;background-color:#421414}.tui-theme-white .t-message.t-message-success[data-v-c61298ac]{color:#00b89c;background-color:#ebfffa}.tui-theme-black .t-message.t-message-success[data-v-c61298ac]{color:#1ceacb;background-color:#19423c}.tui-theme-white .t-message.t-message-warning[data-v-c61298ac]{color:#e59753;background-color:#fff4eb}.tui-theme-black .t-message.t-message-warning[data-v-c61298ac]{color:#ffad66;background-color:#3f2712}.tui-theme-white .t-message.t-message-info[data-v-c61298ac]{color:#494f6a;background-color:#ebf2ff}.tui-theme-black .t-message.t-message-info[data-v-c61298ac]{color:#dce7fa;background-color:#4a506b}.user-info-container[data-v-298db2bf]{position:relative}.user-info-container .user-info-content[data-v-298db2bf]{display:flex;align-items:center;cursor:pointer}.user-info-container .user-info-content .avatar[data-v-298db2bf]{width:28px;height:28px;border-radius:50%}.user-info-container .user-info-content .name[data-v-298db2bf]{max-width:100px;margin-left:20px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--font-color)}.user-info-container .user-info-content .down-icon[data-v-298db2bf]{margin-left:4px}.user-info-container .user-control-container[data-v-298db2bf]{background:var(--user-control-container-color-bg);box-shadow:var(--user-control-container-shadow);color:var(--font-color);padding:10px 0;position:absolute;top:calc(100% + 14px);right:0;border-radius:4px}.user-info-container .user-control-container .user-control-item-foot[data-v-298db2bf],.user-info-container .user-control-container .user-control-item-head[data-v-298db2bf]{width:104px;text-align:center;font-size:14px;cursor:pointer;height:20px}.user-info-container .logout-mobile[data-v-298db2bf]{position:fixed;left:0;top:0;bottom:0;width:100vw;height:auto;box-sizing:border-box;z-index:9;background:var(--log-out-mobile)}.user-info-container .logout-mobile-main[data-v-298db2bf]{position:absolute;bottom:34px;width:100%;display:flex;flex-direction:column;align-items:center}.user-info-container .logout-mobile .logout[data-v-298db2bf]{width:90%;background:var(--log-out);border-radius:14px;padding:1rem 0;display:flex;justify-content:center;align-items:center}.user-info-container .logout-mobile .logout i[data-v-298db2bf]{font-family:PingFang SC;font-style:normal;font-weight:400;font-size:20px;line-height:24px;text-align:center;color:#ff2e2e}.user-info-container .logout-mobile .close[data-v-298db2bf]{width:90%;-webkit-backdrop-filter:blur(27.1828px);backdrop-filter:blur(27.1828px);border-radius:14px;padding:1em 0;display:flex;justify-content:center;align-items:center;background:var(--log-out-cancel);margin-top:.625rem}.user-info-container .logout-mobile .close i[data-v-298db2bf]{font-family:PingFang SC;font-style:normal;font-weight:400;font-size:20px;line-height:24px;text-align:center;color:#007aff}.overlay-container[data-v-f4fb91f2]{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(15,16,20,.6)}.overlay-container .dialog-container[data-v-f4fb91f2]{min-width:80vw;position:fixed;background-color:#fff;border-radius:8px;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;font-style:normal;color:var(--black-color)}.overlay-container .dialog-container .dialog-title[data-v-f4fb91f2]{display:inline-block;font-size:16px;text-align:center;font-weight:500;padding-top:14px;padding:24px 24px 12px 24px;box-sizing:border-box}.overlay-container .dialog-container .dialog-content[data-v-f4fb91f2]{font-size:14px;text-align:center;font-weight:400;color:var(--font-color-4);padding:0 24px 20px 24px}.overlay-container .dialog-container .dialog-content-notitle[data-v-f4fb91f2]{font-size:14px;text-align:center;padding:40px}.overlay-container .dialog-container .dialog-footer[data-v-f4fb91f2]{border-top:1px solid #d5e0f2;display:flex}.overlay-container .dialog-container .dialog-footer .cancel-button[data-v-f4fb91f2],.overlay-container .dialog-container .dialog-footer .confirm-button[data-v-f4fb91f2]{color:var(--font-color-4);text-align:center;font-size:16px;font-weight:400;line-height:normal;padding:14px;width:50%;display:flex;align-items:center;justify-content:center}.overlay-container .dialog-container .dialog-footer .confirm-button[data-v-f4fb91f2]{color:var(--active-color-1);border-left:1px solid #d5e0f2}.overlay-container[data-v-29367862]{position:fixed;top:0;bottom:0;left:0;right:0}.overlay-container.overlay[data-v-29367862]{background-color:rgba(15,16,20,.6)}.tui-dialog-container[data-v-29367862]{--tui-dialog-width:480px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;border-radius:20px;width:var(--tui-dialog-width,50%);box-shadow:0 3px 1px #e9f0fb}.tui-dialog-container .tui-dialog-header[data-v-29367862]{height:64px;position:relative;display:flex;padding:0 24px;align-items:center;box-shadow:0 1px 0 rgba(230,236,245,.8)}.tui-dialog-container .tui-dialog-header .tui-dialog-header-title[data-v-29367862]{font-size:16px;font-style:normal;font-weight:600;line-height:24px;color:#0f1014}.tui-dialog-container .tui-dialog-header .close[data-v-29367862]{width:32px;height:32px;position:absolute;top:50%;transform:translateY(-50%);right:20px;display:flex;justify-content:center;align-items:center;color:#4f586b;cursor:pointer}.tui-dialog-container .tui-dialog-content[data-v-29367862]{flex:1;padding:20px 24px;font-size:14px;font-style:normal;font-weight:400;line-height:22px;color:#4f586b}.tui-dialog-container .tui-dialog-footer[data-v-29367862]{padding:20px 30px;display:flex;justify-content:flex-end}.tui-theme-white .button-primary[data-v-006ad038]{--shadow-color:rgba(213,224,242,.6)}.tui-theme-black .button-primary[data-v-006ad038]{--shadow-color:rgba(28,102,229,.2)}.tui-button[data-v-006ad038]{display:inline-flex;justify-content:center;align-items:center;text-align:center;cursor:pointer;transition:background-color .2s ease-in-out;border:1px solid var(--active-color-1);font-weight:400;line-height:22px;white-space:nowrap;background-color:var(--active-color-1);outline:none;color:var(--font-color-7)}.tui-button[data-v-006ad038]:hover{background:#144fb6;border:1px solid #144fb6;outline:none}.tui-button-primary[data-v-006ad038]{background-color:transparent;border:1px solid var(--active-color-2);color:var(--active-color-2);font-size:14px;font-weight:500;line-height:22px}.tui-button-primary[data-v-006ad038]:hover{background-color:var(--shadow-color)}.tui-button-large[data-v-006ad038]{padding:19px 48px;font-size:20px}.tui-button-default[data-v-006ad038]{padding:5px 30px;font-size:14px}.tui-button-round[data-v-006ad038]{border-radius:999999px}.tui-button-disable[data-v-006ad038]{cursor:not-allowed;opacity:.3}.tui-button-icon[data-v-006ad038]{margin-right:5px;display:flex}.tui-button-text[data-v-006ad038],.tui-button-text[data-v-006ad038]:hover{border:0 solid transparent;background-color:transparent;color:var(--font-color-4)}.tui-button-text[data-v-006ad038]:after{border:none}.tui-input[data-v-0db92004]{position:relative;display:inline-block}input[data-v-0db92004]{width:100%;padding:10px 0 10px 16px;font-size:14px;color:var(--title-color);background-color:#f9fafc;border:1px solid var(--stroke-color);border-radius:4px}input[data-v-0db92004]:focus{border-color:var(--active-color-1);outline:0}input[data-v-0db92004]:disabled{background-color:var(--background-color-9)}.tui-theme-white .user-control-container[data-v-38ed0d1e]{--filter-color:drop-shadow(0px 0px 4px rgba(32,77,141,.03)) drop-shadow(0px 4px 10px rgba(32,77,141,.06)) drop-shadow(0px 1px 14px rgba(32,77,141,.05))}.tui-theme-black .user-control-container[data-v-38ed0d1e]{--filter-color:drop-shadow(0px 8px 40px rgba(23,25,31,.6)) drop-shadow(0px 4px 12px rgba(23,25,31,.4))}.user-info-container[data-v-38ed0d1e]{position:relative}.user-info-container .user-info-content[data-v-38ed0d1e]{display:flex;align-items:center;cursor:pointer}.user-info-container .user-info-content .avatar[data-v-38ed0d1e]{width:28px;height:28px;border-radius:50%}.user-info-container .user-info-content .name[data-v-38ed0d1e]{max-width:100px;margin-left:10px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--font-color)}.user-info-container .user-info-content .down-icon[data-v-38ed0d1e]{margin-left:4px}.user-info-container .user-info-content .up-icon[data-v-38ed0d1e]{margin-left:4px;transform:rotate(180deg)}.user-info-container .user-control-container[data-v-38ed0d1e]{position:absolute;top:calc(100% + 15px);right:0;padding:10px;min-width:100px;background:#fff;border-radius:8px;filter:var(--filter-color)}.user-info-container .user-control-container[data-v-38ed0d1e]:before{content:"";position:absolute;right:20px;top:-20px;width:0;border-top:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;border-left:10px solid transparent}.user-info-container .user-control-container[data-v-38ed0d1e]:after{content:"";width:100%;height:20px;position:absolute;left:0;top:-20px;background-color:transparent}.user-info-container .user-control-container .user-control-item-foot[data-v-38ed0d1e],.user-info-container .user-control-container .user-control-item-head[data-v-38ed0d1e]{text-align:center;color:#4f586b;font-size:14px;cursor:pointer;height:20px}.edit-content[data-v-38ed0d1e]{width:100%;display:flex;align-items:center}.edit-content .edit-name-input[data-v-38ed0d1e]{margin-left:16px;flex-grow:1}.button[data-v-38ed0d1e]{margin-left:12px}.tui-theme-black .icon-button-container[data-v-1d20567a]{--icon-button-hover:rgba(46,50,61,.7)}.tui-theme-white .icon-button-container[data-v-1d20567a]{--icon-button-hover:rgba(79,88,107,.05)}.icon-button-container[data-v-1d20567a]{position:relative;display:flex;align-items:center;color:var(--font-color-1);cursor:pointer}.icon-button-container .icon-content.disabled[data-v-1d20567a]{opacity:.4;cursor:not-allowed}.icon-button-container .icon-content[data-v-1d20567a]:hover{background:var(--icon-button-hover)}.icon-button-container .icon-content-horizontal[data-v-1d20567a]{display:flex;justify-content:space-between;align-items:center;border-radius:6px;height:32px;flex-direction:row;padding:0 5px}.icon-button-container .icon-content-horizontal .title[data-v-1d20567a]{font-size:14px;line-height:26px;font-weight:500;margin-left:4px}.icon-button-container .icon-content-vertical[data-v-1d20567a]{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:6px;height:56px;min-width:56px;padding:5px}.icon-button-container .icon-content-vertical .title[data-v-1d20567a]{font-size:12px;line-height:20px;font-weight:400;margin-top:4px}.icon-button-container .icon-arrow[data-v-1d20567a]{position:relative;width:12px;height:56px;display:flex;justify-content:center;align-items:center;border-radius:6px}.icon-button-container .icon-arrow[data-v-1d20567a]:hover{background:var(--icon-button-hover)}.unsupport-icon[data-v-1d20567a]{position:absolute;top:13px;left:26px}@media screen and (max-width:600px){.icon-box.hover-effect[data-v-1d20567a]:hover:after,.icon-box.hover-effect[data-v-1d20567a]:hover:before,.icon-box[data-v-1d20567a]{width:72px}}.pc-en-logo[data-v-2ec0cbda]{display:flex;align-items:center;transform:scale(.9)}.pc-en-logo .title[data-v-2ec0cbda]{margin-left:10px}.pc-en-logo .white[data-v-2ec0cbda]{color:#202c40}.pc-en-logo .black[data-v-2ec0cbda]{color:#d5e0f2}.pc-en-logo.mobile[data-v-2ec0cbda]{transform:scale(.6)}.mobile-zh-logo[data-v-2ec0cbda]{display:flex;flex-direction:column}.mobile-zh-logo .logo[data-v-2ec0cbda]{margin-bottom:7px}.mobile-zh-logo .white[data-v-2ec0cbda]{color:#000}.mobile-zh-logo .black[data-v-2ec0cbda]{color:#fff}.control-container[data-v-54994032]{width:100vw;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.container-header[data-v-54994032]{padding-top:80px}.container-header[data-v-54994032],.container-icon[data-v-54994032]{display:flex;flex-direction:column;align-items:center}.container-bottom[data-v-54994032]{padding-top:250px;display:flex;flex-direction:column;width:210px}.create-room[data-v-54994032]{background-image:linear-gradient(-45deg,#006eff,#0c59f2);box-shadow:0 2px 4px 0 rgba(0,0,0,.2);border-radius:8px;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:6%;margin-top:5%}.add-icon[data-v-54994032]{width:22px;height:22px;background-size:cover}.join-room[data-v-54994032]{background-image:linear-gradient(-45deg,#006eff,#0c59f2);box-shadow:0 2px 4px 0 rgba(0,0,0,.2);border-radius:8px;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:6%}.enter-icon[data-v-54994032]{width:22px;height:22px;background-size:cover}.title[data-v-54994032]{line-height:34px;color:#fff;padding-left:10px}.room-detail[data-v-54994032]{position:fixed;left:0;top:0;bottom:0;width:100vw;height:auto;box-sizing:border-box;z-index:9;background:var(--room-detail);display:flex;flex-direction:column;align-items:center;overflow-y:scroll}.room-detail-header[data-v-54994032]{background:var(--room-detail-background);display:flex;align-items:center;width:100%;padding:5%}.room-detail-header-title[data-v-54994032]{flex:1;text-align:center;color:var(--room-detail-title)}.close-icon[data-v-54994032]{position:absolute;left:22px;width:10px;height:18px;background-size:cover}.room-detail-middle[data-v-54994032]{width:90%}.room-detail-info[data-v-54994032]{background:var(--room-detail-background);margin-top:20px;border-radius:6px}.room-detail-info-box[data-v-54994032]{display:flex;padding:15px 12px;align-items:center}.room-detail-title[data-v-54994032]{min-width:64px;color:var(--room-detail-title)}.chevron-down-icon[data-v-54994032]{width:14px;height:9px;display:flex}.room-show-title[data-v-54994032]{color:var(--room-detail-title);flex:1;padding-left:26px}.room-show-name[data-v-54994032]{color:var(--room-detail-title);flex:1;padding-left:56px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roomid-input[data-v-54994032]{width:100%;border:0;outline:none;flex:1;padding-left:56px;background:var(--room-detail-background);color:#676c80;font-size:16px}.room-detail-setting[data-v-54994032]{background:var(--room-detail-background);margin-top:20px;border-radius:6px}.room-detail-setting-list[data-v-54994032]{display:flex;align-items:center;justify-content:space-between;padding:15px 12px;color:var(--room-detail-title)}.room-detail-bottom[data-v-54994032]{background-image:linear-gradient(-45deg,#006eff,#0c59f2);width:90%;display:flex;justify-content:center;align-items:center;border-radius:8px;padding:10px;position:absolute;bottom:30px}.button[data-v-54994032]{color:#fff;padding:0 5.75rem}.room-type-container[data-v-54994032]{padding-bottom:25px}.close-room-type-container[data-v-54994032],.room-type-container[data-v-54994032]{position:fixed;bottom:0;left:0;background:var(--log-out-cancel);width:100vw;z-index:11;border-top-left-radius:16px;border-top-right-radius:16px;transition:all .25s linear}.close-room-type-container[data-v-54994032]{height:0}.room-choose-mobile[data-v-54994032]{position:fixed;left:0;top:0;bottom:0;width:100vw;height:auto;box-sizing:border-box;z-index:9;background:var(--log-out-mobile)}.room-choose-button[data-v-54994032]{width:100%;display:flex;align-items:center;justify-content:space-between}.choose-cancel[data-v-54994032]{color:var(--room-detail-title);z-index:11;padding:20px}.choose-confirm[data-v-54994032]{color:#146efa;z-index:11;padding:20px}.room-type-hidden[data-v-54994032]{background:var(--log-out-cancel);border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center}.room-choose-title[data-v-54994032],.room-current-title[data-v-54994032]{display:flex;align-items:center;justify-content:center;padding:12px;width:100%}.room-current-title[data-v-54994032]{background:var(--choose-type);color:var(--room-detail-title)}.slider-box[data-v-54994032]{display:flex;align-items:center;width:44px;height:24px;border-radius:15px;background:#e1e1e3}.slider-open[data-v-54994032]{background:#006eff!important;justify-content:flex-end}.slider-block[data-v-54994032]{display:inline-block;width:16px;height:16px;border-radius:8px;margin:0 2px;background:#fff;border:0 solid rgba(0,0,0,.85);box-shadow:0 2px 4px 0 #d1d1d1}.message-box-overlay[data-v-b1ba82d2]{position:fixed;top:0;bottom:0;left:0;width:100%;height:100%;right:0}.message-box-overlay.overlay[data-v-b1ba82d2]{background-color:rgba(15,16,20,.6)}.tui-message-box[data-v-b1ba82d2]{width:480px;background-color:var(--white-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;border-radius:20px}.tui-message-box .tui-message-box-header[data-v-b1ba82d2]{height:64px;position:relative;display:flex;padding:0 24px;color:var(--title-color);align-items:center;box-shadow:0 7px 10px -5px rgba(230,236,245,.8)}.tui-message-box .tui-message-box-header .tui-dialog-header-title[data-v-b1ba82d2]{font-size:16px;font-style:normal;font-weight:600;line-height:24px;color:#0f1014}.tui-message-box .tui-message-box-header .close[data-v-b1ba82d2]{width:32px;height:32px;position:absolute;top:50%;transform:translateY(-50%);right:20px;display:flex;justify-content:center;align-items:center;color:#4f586b;cursor:pointer}.tui-message-box-h5[data-v-b1ba82d2]{min-width:80vw;max-width:80vw;position:fixed;background-color:#fff;border-radius:8px;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;font-style:normal;color:var(--black-color)}.tui-message-box-h5 .tui-message-box-header[data-v-b1ba82d2]{display:inline-block;font-size:16px;text-align:center;font-weight:500;padding-top:14px;padding:24px 24px 12px 24px;box-sizing:border-box}.tui-message-box-h5 .tui-message-box-header .close[data-v-b1ba82d2]{display:none}.tui-message-box-h5 .tui-message-box-body[data-v-b1ba82d2]{font-size:14px;text-align:center;font-weight:400;color:var(--font-color-4);padding:0 24px 20px 24px}.tui-message-box-h5 .tui-message-box-footer[data-v-b1ba82d2]{width:100%;border-top:1px solid #d5e0f2;display:flex;justify-content:center;padding:11px 0}.tui-message-box-h5 .tui-message-box-footer .button[data-v-b1ba82d2]{background-color:#fff;color:var(--active-color-1);border:none;text-align:center;font-size:16px;font-weight:500}.tui-message-box-body[data-v-b1ba82d2]{flex:1;padding:20px 24px;font-size:14px;font-style:normal;font-weight:400;line-height:22px;color:#4f586b}.tui-message-box-footer[data-v-b1ba82d2]{padding:20px 30px;display:flex;justify-content:flex-end}.select-container[data-v-559f202f]{position:relative}.select-container .select-content[data-v-559f202f]{position:relative;border:1px solid var(--border-color);background-color:var(--background-color-7);color:var(--font-color-3);border-radius:8px;height:42px;padding:10px 16px;cursor:pointer;display:flex}.select-container .select-content.disabled[data-v-559f202f]{background-color:hsla(0,0%,100%,.5);color:#8f9ab2;cursor:not-allowed}.select-container .select-content .select-text[data-v-559f202f]{width:0;font-size:14px;font-style:normal;font-weight:500;line-height:22px;flex:1;white-space:nowrap;overflow:hidden}.select-container .select-content .arrow-icon[data-v-559f202f]{margin-left:10px;transition:transform .2s;transform:rotate(0deg)}.select-container .select-content .arrow-icon.reverse[data-v-559f202f]{transform:rotate(-180deg)}.select-container .select-dropdown-container[data-v-559f202f]{min-width:100%;max-height:254px;padding:7px 0;position:absolute;background-color:var(--background-color-7);border:1px solid var(--border-color);border-radius:8px;overflow:auto}.select-container .select-dropdown-container.down[data-v-559f202f]{top:calc(100% + 6px);left:0;transform-origin:50% 0}.select-container .select-dropdown-container.up[data-v-559f202f]{bottom:calc(100% + 6px);left:0;transform-origin:50% 100%}.select-fade-enter-active[data-v-559f202f],.select-fade-leave-to[data-v-559f202f]{transform:scaleY(0);opacity:0;transition:all .2s ease}.select-fade-enter-to[data-v-559f202f],.select-fade-leave-from[data-v-559f202f]{transform:scaleY(1);opacity:1;transition:all .2s ease}.tui-theme-black .option-container[data-v-6dcb2d60],.tui-theme-white .option-container[data-v-6dcb2d60]{--hover-background-color:rgba(213,224,242,.5)}.option-container[data-v-6dcb2d60]{padding:6px 15px;cursor:pointer;white-space:nowrap;overflow:hidden;color:#000}.option-container.active[data-v-6dcb2d60]{color:var(--active-color-2)}.option-container[data-v-6dcb2d60]:hover{background-color:var(--hover-background-color)}.option-container .option-content[data-v-6dcb2d60]{font-size:14px;line-height:22px;font-weight:500}.select[data-v-0399063a]{width:100%;font-size:14px}.audio-setting-tab[data-v-e1736d12]{border-radius:4px;font-size:14px;width:100%}.audio-setting-tab .item-setting[data-v-e1736d12]{width:100%}.audio-setting-tab .item-setting[data-v-e1736d12]:not(:last-child){margin-bottom:20px}.audio-setting-tab .flex[data-v-e1736d12]{width:100%;display:flex}.audio-setting-tab .select[data-v-e1736d12]{flex:1}.audio-setting-tab .button[data-v-e1736d12]{margin-left:10px;padding:5px 23px;width:74px}.audio-setting-tab .title[data-v-e1736d12]{display:inline-block;margin-bottom:8px;width:100%;color:#4f586b;font-size:14px;font-weight:400;line-height:22px}.audio-setting-tab .mic-bar-container[data-v-e1736d12]{display:flex;justify-content:space-between}.audio-setting-tab .mic-bar-container .mic-bar[data-v-e1736d12]{width:3px;height:6px;background-color:var(--background-color-4)}.audio-setting-tab .mic-bar-container .mic-bar.active[data-v-e1736d12]{background-color:var(--green-color)}.audio-setting-tab .audio-level-container[data-v-e1736d12]{width:100%;height:20px;display:flex}.audio-setting-tab .audio-level-container .slider[data-v-e1736d12]{height:20px;margin-left:10px}.audio-icon-container[data-v-7f069f96]{position:relative;width:24px;height:24px}.audio-icon-container.small[data-v-7f069f96]{transform:scale(.8)}.audio-icon-container .audio-level-container[data-v-7f069f96]{position:absolute;top:2px;left:7px;width:10px;height:14px;display:flex;flex-wrap:wrap;border-radius:4px;overflow:hidden;flex-direction:column-reverse;justify-content:space-between}.audio-icon-container .audio-level-container .audio-level[data-v-7f069f96]{width:100%;background-color:var(--green-color);transition:height .2s}.audio-icon-container .audio-icon[data-v-7f069f96]{position:absolute;top:0;left:0}.audio-control-container[data-v-01cf187a]{position:relative}.audio-control-container .audio-tab[data-v-01cf187a]{position:absolute;bottom:calc(100% + 12px);left:-5px;width:305px;background:var(--background-color-1);padding:20px 20px 24px 20px;border-radius:8px;box-shadow:0 2px 4px -3px rgba(32,77,141,.03),0 6px 10px 1px rgba(32,77,141,.06),0 3px 14px 2px rgba(32,77,141,.05)}.audio-control-container .audio-tab[data-v-01cf187a]:before{content:"";position:absolute;left:28px;bottom:-10px;border-top:5px solid var(--background-color-1);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid transparent}.select[data-v-5ac633c2]{width:100%;font-size:14px}.switch-container-active[data-v-0dd170f3],.switch-container[data-v-0dd170f3]{position:relative;display:inline-block;width:40px;height:20px;background-color:var(--active-color-1);border-radius:20px;cursor:pointer;transition:background-color .3s}.switch-container .switch-core[data-v-0dd170f3],.switch-container-active .switch-core[data-v-0dd170f3]{position:absolute;left:2px;top:2px;width:40%;height:80%;background-color:#fff;border-radius:50%;box-shadow:0 1px 5px rgba(0,0,0,.2);transition:transform .3s!important;transform:translateX(20px)}.switch-container-active[data-v-0dd170f3]{background-color:var(--background-color-6)}.switch-container-active .switch-core[data-v-0dd170f3]{transform:translateX(0)}.video-tab[data-v-7eadcad7]{border-radius:8px;font-size:14px}.video-tab .item-setting[data-v-7eadcad7]:not(:last-child){margin-bottom:20px}.video-tab .title[data-v-7eadcad7]{display:inline-block;margin-bottom:8px;width:100%;color:var(--font-color-4);font-size:14px;font-weight:400;line-height:22px}.video-tab .video-preview-container[data-v-7eadcad7]{position:relative;width:100%;height:0;padding-top:56.25%;background-color:#000;border-radius:8px;overflow:hidden}.video-tab .video-preview-container .video-preview[data-v-7eadcad7]{position:absolute;top:0;left:0;width:100%;height:100%}.video-tab .mirror-container[data-v-7eadcad7]{display:flex;justify-content:space-between;align-items:center;color:var(--font-color-4);font-size:14px;font-style:normal;font-weight:400;line-height:22px;padding-right:2px}.video-tab .item[data-v-7eadcad7]{width:100%;height:20px;cursor:pointer;color:var(--font-color-3)}.video-control-container[data-v-713fac5b]{position:relative}.video-control-container .video-tab[data-v-713fac5b]{position:absolute;bottom:calc(100% + 12px);left:-5px;width:305px;background:var(--background-color-1);padding:20px 20px 24px 20px;border-radius:8px;box-shadow:0 2px 4px -3px rgba(32,77,141,.03),0 6px 10px 1px rgba(32,77,141,.06),0 3px 14px 2px rgba(32,77,141,.05)}.video-control-container .video-tab[data-v-713fac5b]:before{content:"";position:absolute;left:30px;bottom:-10px;border-top:5px solid var(--background-color-1);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid transparent}.tui-theme-white .control-container[data-v-5c201f76]{--background-color:#fff;--box-shadow:0px 8px 30px 0px rgba(197,210,229,.3),0px 2px 3px 0px rgba(197,210,229,.3)}.tui-theme-black .control-container[data-v-5c201f76]{--background-color:rgba(79,88,107,.3);--box-shadow:0px 4px 30px 0px rgba(34,38,46,.3),0px 0px 3px 0px rgba(34,38,46,.3)}@keyframes loading-rotate-5c201f76{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.room-control-container[data-v-5c201f76]{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column}.logo[data-v-5c201f76]{margin-bottom:56px}.control-container[data-v-5c201f76]{width:760px;height:544px;border-radius:24px;background-color:var(--background-color);box-shadow:var(--box-shadow);padding:20px 20px 32px 20px;display:flex;flex-direction:column;justify-content:space-between}.control-container .stream-preview-container[data-v-5c201f76]{width:100%;height:400px;border-radius:8px;overflow:hidden;background-color:#000;position:relative}.control-container .stream-preview-container .stream-preview[data-v-5c201f76]{position:absolute;top:0;left:0;width:100%;height:100%}.control-container .stream-preview-container .attention-info[data-v-5c201f76]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.control-container .stream-preview-container .attention-info .off-camera-info[data-v-5c201f76]{font-weight:400;font-size:22px;line-height:34px;color:#4f586b}.control-container .stream-preview-container .attention-info .loading[data-v-5c201f76]{animation:loading-rotate-5c201f76 2s linear infinite}.control-container .control-region[data-v-5c201f76]{width:100%;height:60px;display:flex;justify-content:space-between}.control-container .control-region .media-control-region[data-v-5c201f76]{display:flex;align-items:center;position:relative}.control-container .control-region .media-control-region .media-control-item[data-v-5c201f76]:not(:first-child){margin-left:20px}.control-container .control-region .media-control-region .media-control-item .media-tab[data-v-5c201f76]{position:absolute;top:-100%;left:0}.control-container .control-region .room-control-region[data-v-5c201f76]{display:flex}.control-container .control-region .room-control-region .button-item[data-v-5c201f76]{width:206px;height:60px}.control-container .control-region .room-control-region .button-item .button-text[data-v-5c201f76]{font-size:20px;font-style:normal;font-weight:600;line-height:22px;margin-left:6px}.control-container .control-region .room-control-region .create-room-region[data-v-5c201f76]{position:relative}.control-container .control-region .room-control-region .create-room-region .create-room-items[data-v-5c201f76]{background-color:#fff;border-radius:10px;box-shadow:0 2px 4px rgba(32,77,141,.03),0 6px 10px rgba(32,77,141,.06),0 3px 14px rgba(32,77,141,.05);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);cursor:pointer}.control-container .control-region .room-control-region .create-room-region .create-room-items .create-room-item[data-v-5c201f76]{padding:19px 32px;transition:background-color 0s,color 0s;display:flex;justify-content:space-between;color:#4f586b}.control-container .control-region .room-control-region .create-room-region .create-room-items .create-room-item[data-v-5c201f76]:hover{color:var(--active-color-1)}.control-container .control-region .room-control-region .create-room-region .create-room-items .create-room-item:hover .create-room-option[data-v-5c201f76]{font-weight:500}.control-container .control-region .room-control-region .create-room-region .create-room-items .create-room-item .create-room-option[data-v-5c201f76]{font-size:20px;font-weight:400;line-height:22px;white-space:nowrap}.control-container .control-region .room-control-region .create-room-region .create-room-items .create-room-item .create-room-option[data-v-5c201f76]:before{display:block;content:attr(title);font-weight:500;height:0;overflow:hidden;visibility:hidden}.control-container .control-region .room-control-region .create-room-region .create-room-items .create-room-item .create-room-icon[data-v-5c201f76]{margin-left:8px}.control-container .control-region .room-control-region .enter-room-region[data-v-5c201f76]{margin-left:20px}.control-container .control-region .room-control-region .enter-room-region .enter-room-action[data-v-5c201f76]{width:260px;height:60px;border-radius:30px;background-color:var(--background-color);border:2px solid var(--active-color-1);padding:0 24px;position:relative;line-height:60px}.control-container .control-region .room-control-region .enter-room-region .enter-room-action .input[data-v-5c201f76]{max-width:140px;outline:none;background-color:transparent;font-size:20px;font-weight:500;line-height:28px;padding:0;border:0;color:var(--font-color-1);--input-placeholder-color:rgba(143,154,178,.7)}.control-container .control-region .room-control-region .enter-room-region .enter-room-action .input[data-v-5c201f76]::input-placeholder{color:var(--input-placeholder-color)}.control-container .control-region .room-control-region .enter-room-region .enter-room-action .input[data-v-5c201f76]::-webkit-input-placeholder{color:var(--input-placeholder-color)}.control-container .control-region .room-control-region .enter-room-region .enter-room-action .input[data-v-5c201f76]:-moz-placeholder,.control-container .control-region .room-control-region .enter-room-region .enter-room-action .input[data-v-5c201f76]::-moz-placeholder{color:var(--input-placeholder-color)}.control-container .control-region .room-control-region .enter-room-region .enter-room-action .input[data-v-5c201f76]::-ms-input-placeholder{color:var(--input-placeholder-color)}.control-container .control-region .room-control-region .enter-room-region .enter-room-action .enter-button[data-v-5c201f76]{width:72px;height:52px;background-color:#90b3f0;border-radius:26px;display:flex;justify-content:center;align-items:center;position:absolute;right:2px;top:2px}.control-container .control-region .room-control-region .enter-room-region .enter-room-action .enter-button.active[data-v-5c201f76]{cursor:pointer;background-color:var(--active-color-1)}body,html{width:100%;height:100%;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:auto;touch-action:manipulation}*,:after,:before{box-sizing:border-box}.tui-theme-black{--background-color-1:#0f1014;--background-color-2:#22262e;--background-color-3:#4f586b;--background-color-4:#d5e0f2;--background-color-5:transparent;--background-color-6:#373942;--background-color-7:#2e323d;--background-color-8:#22262e;--background-color-9:#2e323d;--background-color-10:#2b2f38;--font-color-1:#d5e0f2;--font-color-2:#6b758a;--font-color-3:#b3b8c8;--font-color-4:#4f586b;--font-color-5:#7c85a6;--font-color-6:#cfd5e6;--font-color-7:#fff;--font-color-8:#8f9ab2;--title-color:#000;--stroke-color:rgba(79,88,107,.3);--stroke-color-2:#434956;--border-color:#2e323d;--disable-color:#2b2f38;--active-color-1:#1c66e5;--active-color-2:#4791ff;--green-color:#27c39f;--orange-color:#f06c4b;--white-color:#fff;--black-color:#000;--red-color:#ed414d;--red-color-2:#f23c5b;--red-color-3:#e5395c;--color-font:#d5e0f2;--control-content:rgba(27,30,38,.9);--background-image-color:rgba(61,119,255,.53);--input-color:rgba(27,30,38,.9);--create-room-mode-color-bg:#1d2437;--user-control-container-color-bg:rgba(46,50,61,.6);--user-control-container-shadow:none;--stream-container-flatten-bg-color:#0d0f15;--room-header-bg-color:#1d2029;--room-footer-bg-color:#1d2029;--room-network-bg-color:#1d2029;--room-audiotab-bg-color:#1d2029;--room-videotab-bg-color:#1d2029;--stop-share-region-bg-color:#1d2029;--setting-dialog-bg-color:#1d2029;--icon-arrow-hover:rgba(46,50,61,.7);--el-dialog-bg-color:#1d2029;--tabs-title-font-color:#7c85a6;--center-user-info-container-bg-color:#0d0f15;--stream-info-bg-color:#0d0f15;--el-dialog-bg-color-select:#1d2029;--el-text-color-primary-select:#cfd4e6;--el-text-color-regular-select:#7c85a6;--el-fill-color-blank-select:#2e323d;--el-border-color-select:#2e323d;--setting-name-color:#cfd4e6;--el-drawer-header-color:#cfd4e6;--user-extra-info-bg-color:#4d70ff;--user-extra-info-color:#2e323d;--check-select-color:#fff;--member-item-container-hover-bg-color:rgba(46,50,61,.7);--el-bg-color-select:#1d2029;--el-bg-color-overlay-select:#1d2029;--el-border-color-light-select:#2e323d;--el-fill-color-light-select:#2e323d;--input-bg-color:#2e323d;--input-font-color:#cfd5e6;--input-border-color:#2e323d;--invite-title-color:#cfd4e6;--chat-editor-bg-color:#2e323d;--chat-editor-input-color:#292d38;--message-list-color:#1d2029;--textarea-color:#fff;--send-btn-color:#3d4352;--message-color:#3d4352;--background-color-style:#010101;--stream-container-border:#1b1e26;--apply-list-container-bg-color:#1d2029;--apply-list-container-color:#cfd4e6;--room-sidebar-bg-color:#1d2029;--create-room-option:rgba(50,59,84,.6);--create-room-option-color:#eee;--create-room-option-tab:#006eff;--create-room-option-icon:#eee;--create-room-option-icon-color:#eee;--control-region-bg-color:rgba(13,16,21,.6);--dialog-tabs-bg-color:rgba(0,0,0,.2);--divide-line-color:#2e323d;--divice-line:#cfd4e6;--el-drawer-divide:#0d0f15;--send-btn:#cfd4e6;--invite-region:#fff;--layout-list:#1d2029;--layout-item:#2e323d;--stream-list-container:#1d2029;--more-btn-background:rgba(173,182,204,.1);--user-operate-list:#2e323d;--user-operate-item:#cfd4e6;--active-blur-background-color:rgba(27,93,172,.85);--divide-line-color-setting:transparent;--el-disabled-background:#606266;--el-disabled-border:#909399;--el-border-lighter:#2e323d;--title-active:#b3b8c8;--mic-bar-color:#2e323d;--more-notice-color:#7c85a6;--setting-dialog:none;--caret-color:#fff;--apply-container-primary:#cfd4e6;--apply-container-outline:#cfd4e6;--el-drawer-body:#1d2029;--input-color-setting:#1d2029;--input-color-setting-hover:#2e323d;--switch-core-bg:#2e323d;--input-color-font:#cfd4e6;--input-color-setting-border:#2e323d;--el-message-box:#1d2029;--el-message-box-title:#cfd4e6;--el-button-text-color:#7c85a6;--selected-screen-share-dialog:#006eff;--log-out-mobile:rgba(0,0,0,.7);--log-out:#2c2c2e;--log-out-cancel:#2c2c2e;--room-detail:#292d38;--room-detail-background:#000;--room-detail-title:#fff;--choose-type:#4f515a;--emoji-background-color:#2f313b;--chat-editor-input-color-h5:#292d38;--chat-editor-bg-color-h5:#0d1015;--message-list-color-h5:#1b1e26;--popup-mute-background-color-h5:#fff;--mute-button-color-h5:#cfd5e6;--member-control-background-color-h5:#1b1e26;--member-border-color-h5:rgba(207,212,230,.1);--member-title-content-h5:#cfd5e6;--end-control-text-h5:#292d38;--end-control-title-h5:#cacacb;--end-control-cancel-h5:#fff;--transfer-input-color-h5:#292d38;--popup-background-color-h5:#1b1e26;--popup-title-color-h5:#cfd4e6;--popup-content-color-h5:#7c85a6;--close-cancel-h5:#5a5a5e;--dialog-title-h5:#fff;--manage-member-button-h5:#292d38;--message-body-h5:#292d38;--user-extra-info-bg-color-h5:#0565fa;--user-extra-info-color-h5:#fff;--apply-container-background-outline-h5:#292d38;--apply-container-outline-h5:#cfd5e6;--mute-all-h5:#ff2e2e}.tui-theme-white{--background-color-1:#fff;--background-color-2:#fbfcfe;--background-color-3:#f0f3fa;--background-color-4:#d5e0f2;--background-color-5:transparent;--background-color-6:#bdbdbd;--background-color-7:#f9fafc;--background-color-8:#fff;--background-color-9:#f7f9fc;--background-color-10:#e7eaf7;--font-color-1:#4f586b;--font-color-2:#b2bbd1;--font-color-3:#000;--font-color-4:#4f586b;--font-color-5:#4f586b;--font-color-6:#0f1014;--font-color-7:#fff;--font-color-8:#4f586b;--title-color:#0f1014;--stroke-color:#e4eaf7;--stroke-color-2:#eaeff8;--border-color:#e4e8ee;--disable-color:#f7f9fc;--active-color-1:#1c66e5;--active-color-2:#1c66e5;--green-color:#27c39f;--orange-color:#f06c4b;--white-color:#fff;--black-color:#000;--red-color:#ed414d;--red-color-2:#f23c5b;--red-color-3:#e5395c;--control-content:#fff;--background-image-color:transparent;--input-color:#fff;--create-room-mode-color-bg:#fff;--user-control-container-color-bg:#e8e8e8;--user-control-container-shadow:0 12px 32px rgba(0,0,0,.1),0 2px 6px;--stream-container-flatten-bg-color:#f2f2f2;--room-header-bg-color:#fff;--room-footer-bg-color:#fff;--room-network-bg-color:#fff;--room-audiotab-bg-color:#fff;--room-videotab-bg-color:#fff;--stop-share-region-bg-color:#fff;--setting-dialog-bg-color:#fff;--icon-arrow-hover:hsla(0,0%,91%,.7);--el-dialog-bg-color:#fff;--tabs-title-font-color:#000;--center-user-info-container-bg-color:#f2f2f2;--stream-info-bg-color:#fff;--title-color-bg:#666;--title-color-font:#000;--el-dialog-bg-color-select:#fff;--el-text-color-primary-select:#000;--el-text-color-regular-select:#596174;--el-fill-color-blank-select:#fff;--el-border-color-select:#c8cacc;--setting-name-color:#000;--el-drawer-header-color:#000;--user-extra-info-bg-color:#006eff;--user-extra-info-color:#fff;--member-item-container-hover-bg-color:#f3f3f3;--el-bg-color-select:#fff;--el-bg-color-overlay-select:#f2f2f2;--el-border-color-light-select:#f2f2f2;--el-fill-color-light-select:hsla(60,10%,86%,.7);--input-bg-color:#f2f2f2;--input-font-color:#000;--input-border-color:#f2f2f2;--invite-title-color:#7c85a6;--chat-editor-bg-color:#fff;--message-list-color:#f6f6f6;--textarea-color:#000;--send-btn-color:#006eff;--message-color:#006eff;--stream-container-border:#fff;--apply-list-container-bg-color:#f2f2f2;--apply-list-container-color:#000;--room-sidebar-bg-color:#f2f2f2;--create-room-option:#eee;--create-room-option-tab:#006eff;--create-room-option-color:#006eff;--create-room-option-icon:#000;--create-room-option-icon-color:#006eff;--control-region-bg-color:#eee;--dialog-tabs-bg-color:#f0f3fa;--divide-line-color:transparent;--divice-line:#dcdcdc;--el-drawer-divide:transparent;--send-btn:#fff;--invite-region:#000;--layout-list:#eee;--layout-item:#fff;--stream-list-container:#eee;--more-btn-background:#006eff;--user-operate-list:#eee;--user-operate-item:#1d1029;--active-blur-background-color:transparent;--divide-line-color-setting:#dcdcdc;--el-disabled-border:#b6b6b6;--el-disabled-background:#dcdcdc;--el-border-lighter:#dcdcdc;--title-active:#666;--mic-bar-color:#babbbe;--more-notice-color:#000;--setting-dialog:8px;--caret-color:#000;--apply-container-primary:#fff;--apply-container-outline:#000;--el-drawer-body:#fff;--input-color-setting:#fff;--input-color-setting-hover:#f5f7fa;--switch-core-bg:#dcdfe6;--input-color-font:#646366;--input-color-setting-border:#babebe;--el-message-box:#fff;--el-message-box-title:#000;--el-button-text-color:#646366;--selected-screen-share-dialog:#006eff;--log-out-mobile:rgba(0,0,0,.7);--log-out:#f9f9f9c7;--log-out-cancel:#fff;--room-detail:#f5f5f5;--room-detail-background:#fff;--room-detail-title:#000;--choose-type:#e1e1e3;--emoji-background-color:#efecec;--chat-editor-input-color-h5:#dfdcdc;--chat-editor-bg-color-h5:#f1f1f1;--message-list-color-h5:#d4d4d4;--popup-mute-background-color-h5:#ececed;--mute-button-color-h5:#fff;--member-control-background-color-h5:#f2f2f2;--member-border-color-h5:#fff;--member-title-content-h5:#5f5c5c;--end-control-text-h5:#cfd4e6;--end-control-title-h5:rgba(37,37,37,.78);--end-control-cancel-h5:#2c2c2e;--transfer-input-color-h5:#d4d4d4;--popup-background-color-h5:#d4d4d4;--popup-title-color-h5:#141313;--popup-content-color-h5:#636060;--close-cancel-h5:#006eff;--dialog-title-h5:#2b2e38;--manage-member-button-h5:#006eff;--message-body-h5:#817e7e;--user-extra-info-bg-color-h5:#006eff;--user-extra-info-color-h5:#fff;--apply-container-background-outline-h5:#006eff;--apply-container-outline-h5:#fff;--mute-all-h5:#fff}.tui-theme-black .home-container[data-v-58f866d2]{--background:var(--background-color-1)}.tui-theme-white .home-container[data-v-58f866d2]{--background:url(../img/background-white.f01d14b7.png)}.home-container[data-v-58f866d2]{width:100%;height:100%;background:var(--background);background-size:cover;display:flex;justify-content:center;align-items:center;font-family:PingFang SC;color:var(--font-color-1)}.home-container .header[data-v-58f866d2]{width:100%;position:absolute;top:0;padding:22px 24px;display:flex;align-items:center;justify-content:space-between}.home-container .header .left-header[data-v-58f866d2],.home-container .header .right-header[data-v-58f866d2]{display:flex;align-items:center}.home-container .header .left-header .header-item[data-v-58f866d2]:not(:first-child),.home-container .header .right-header .header-item[data-v-58f866d2]:not(:first-child){margin-left:16px}