| 1 |
- body,html{margin:0;padding:0;width:100%;height:100%}*{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%}.user-info-container .logout-mobile{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{position:absolute;top:85%;width:100%;display:flex;flex-direction:column;align-items:center}.user-info-container .logout-mobile .logout{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{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{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{font-family:PingFang SC;font-style:normal;font-weight:400;font-size:20px;line-height:24px;text-align:center;color:#007aff}.dialog-container{height:15vh;max-width:80vw;position:fixed;background-color:#fff;border-radius:8px;top:0;left:0;bottom:0;right:0;margin:auto;border:1px solid rgba(211,219,238,.4);display:flex;flex-direction:column;justify-content:space-between}.dialog-container .dialog-title{display:inline-block;font-size:18px;line-height:22px}.dialog-container .dialog-content,.dialog-container .dialog-title{font-family:PingFang SC;font-style:normal;font-weight:400;text-align:center;color:#2b2e38}.dialog-container .dialog-content{font-size:14px;line-height:16px;padding-top:10px}.dialog-container .dialog-footer{display:flex;height:auto;flex-direction:row;justify-content:center}.el-input__inner{height:32px!important;background-color:var(--input-bg-color)!important;color:var(--input-color-font)!important;border:1px solid var(--el-disabled-border)!important}.el-drawer__header{background-color:var(--el-drawer-body)!important}.el-switch__core{background-color:var(--switch-core-bg)!important;border:1px solid var(--switch-core-bg)!important}.el-switch.is-checked .el-switch__core{border-color:#006eff!important;background-color:#006eff!important}.el-drawer__body{background-color:var(--el-drawer-body)!important}.el-select-dropdown{background-color:#1d2029!important;border:1px solid var(--input-color-setting-border)!important}.el-select-dropdown__list{background-color:var(--input-color-setting)!important}.el-select-dropdown__item.hover{background-color:var(--input-color-setting-hover)!important}.popper__arrow:after{border-bottom-color:var(--input-color-setting-border)!important}.el-dialog__body,.el-dialog__footer,.el-dialog__header{background-color:var(--el-dialog-bg-color)!important}.el-dialog__body{color:#7c85a6!important}.el-dialog__title{color:var(--el-text-color-primary)!important}.el-button--default{background-color:var(--el-button)!important;color:var(--el-button-text-color)!important}.el-popover{background-color:var(--input-bg-color)!important;border:1px solid var(--input-bg-color)!important}.popper__arrow:after{border-top-color:#2e323d!important;border-style:solid #2e323d!important}.el-input__icon{line-height:0!important}.popper__arrow{border-top-color:transparent!important;border-bottom-color:transparent!important}.el-drawer{background-color:#1d2029!important}.el-select__caret{transform:rotateX(180deg)!important}.el-select__caret.is-reverse{transform:rotate(0)!important}.el-drawer__header{margin-bottom:0!important;color:var(--el-drawer-header-color)!important}.el-select-dropdown__item.selected *{color:#006eff!important}.el-button--primary{color:#fff!important}.el-button--primary,.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#006eff!important;border-color:#006eff!important}.el-checkbox__input.is-checked+.el-checkbox__label{color:#006eff!important}.el-message-box__wrapper{animation-fill-mode:forwards!important}.el-message-box{background-color:var(--el-message-box)!important;border:none!important}.el-message-box__title{color:var(--el-message-box-title)!important}.el-message-box__content{color:#7c85a6!important}.svg-icon.add-icon{background-image:url(../img/add-icon.2a42f42e.svg)}.svg-icon.apply-active{background-image:url(../img/apply-active.b7afc5fe.svg)}.svg-icon.apply-big-icon{background-image:url(../img/apply-big-icon.c9dc3cb5.svg)}.svg-icon.apply-speech-icon{-webkit-mask-image:url(../img/apply-speech-icon.8273d84c.svg);mask-image:url(../img/apply-speech-icon.8273d84c.svg)}.svg-icon.apply{background-image:var(--apply-svg)}.svg-icon.arrow-up{background-image:url(../img/arrow-up.b253739d.svg)}.svg-icon.avatar-icon{background-image:url(../img/avatar-icon.5b8eb4c7.svg)}.svg-icon.camera-off-gray{background-image:url(../img/camera-off-gray.bc0e0692.svg)}.svg-icon.camera-off{background-image:var(--camera-off-svg)}.svg-icon.camera-on{background-image:var(--camera-on-svg)}.svg-icon.chat-active{background-image:var(--chat-active-svg)}.svg-icon.chat{background-image:var(--chat-svg)}.svg-icon.choose-on{background-image:url(../img/choose-on.ab95dee0.svg)}.svg-icon.close{background-image:url(../img/close.ed3ab8c7.svg)}.svg-icon.copy-icon{background-image:var(--copy-svg)}.svg-icon.emoji{background-image:url(../img/emoji.1d4a60cc.svg)}.svg-icon.emoji-h5{background-image:var(--emoji-h5)}.svg-icon.exit-fullscreen{background-image:var(--exit-fullscreen-svg)}.svg-icon.free-speech-icon{-webkit-mask-image:url(../img/free-speech-icon.7fed2bb5.svg);mask-image:url(../img/free-speech-icon.7fed2bb5.svg)}.svg-icon.mic-on{background-image:var(--mic-on-svg)}.svg-icon.mic-off{background-image:var(--mic-off-svg)}.svg-icon.mic-off-gray{background-image:url(../img/mic-off-gray.bf82c2a5.svg)}.svg-icon.full-screen{background-image:var(--full-screen-svg)}.svg-icon.go-off-seat{background-image:var(--go-off-seat-svg)}.svg-icon.info{background-image:url(../img/info.c4b73557.svg)}.svg-icon.invite-active{background-image:var(--invite-active-svg)}.svg-icon.invite{background-image:var(--invite-svg)}.svg-icon.layout{background-image:url(../img/layout.86f3d712.svg)}.svg-icon.arrow-border-down{background-image:url(../img/arrow-border-down.ec2ffff6.svg)}.svg-icon.line-arrow-down{background-image:url(../img/line-arrow-down.ec2ffff6.svg)}.svg-icon.line-arrow-up{background-image:url(../img/line-arrow-up.25a8f39b.svg)}.svg-icon.mail-icon{background-image:url(../img/mail-icon.c2de6222.svg)}.svg-icon.manage-member{background-image:var(--manage-member-svg)}.svg-icon.manage-member-active{background-image:var(--manage-member-active-svg)}.svg-icon.minimize-screen{background-image:url(../img/minimize-screen.9b7dd006.svg)}.svg-icon.more-active{background-image:var(--more-active-svg)}.svg-icon.more{background-image:var(--more-svg)}.svg-icon.phone-icon{background-image:url(../img/phone-icon.10d513bc.svg)}.svg-icon.screen-share-disabled{background-image:url(../img/screen-share-disabled.9bc5a102.svg)}.svg-icon.screen-share-stopped{background-image:var(--screen-share-stopped-svg)}.svg-icon.screen-share{background-image:var(--screen-share-svg)}.svg-icon.screen-sharing{background-image:var(--screen-sharing-svg)}.svg-icon.setting-active{background-image:var(--setting-active-svg)}.svg-icon.setting{background-image:var(--setting-svg)}.svg-icon.switch-language{background-image:url(../img/switch-language.a2cc6015.svg)}.svg-icon.turn-page-arrow-left{background-image:url(../img/turn-page-arrow-left.7cc3e172.svg)}.svg-icon.switch-theme{background-image:var(--switch-theme)}.svg-icon.user{background-image:url(../img/user.b808c1b6.svg)}.svg-icon.verify-code{background-image:url(../img/verify-code.8700ab7c.svg)}.svg-icon.voice{background-image:url(../img/voice.6dba3680.svg)}.svg-icon.language-icon{background-image:var(--switch-language)}.svg-icon.enter-room{background-image:url(../img/enter-room.2a3390cb.svg)}.svg-icon.close-back{background-image:var(--close-svg)}.svg-icon.chevron-down{background-image:var(--chevron-down-svg)}.svg-icon.tencent-cloud{background-image:var(--tencent-cloud-svg)}.svg-icon.tencent-cloud-text{background-image:url(../img/tencent-cloud.a2ca3760.svg)}.svg-icon.speaker{background-image:var(--speaker-svg)}.svg-icon.camera{background-image:var(--camera-svg)}.svg-icon.mirror{background-image:var(--mirror-svg)}.svg-icon.qrcode{background-image:url(../img/mini-qrcode.3f8f470b.svg)}.svg-icon.copy-icon-qrcode{background-image:url(../img/copy-icon-qrcode.350d8e1a.svg)}.svg-icon.contact-us-h5{background-image:var(--contact-us-svg)}.svg-icon.mute-h5{background-image:url(../img/mute-h5.b6ae442e.svg)}.svg-icon.kick-h5{background-image:url(../img/kick-h5.5ac8ed06.svg)}.svg-icon.loading{background-image:url(../img/loading.4af32c01.svg)}.svg-icon.correct{background-image:url(../img/correct.cc26522c.svg)}.svg-icon[data-v-52c6be46]{width:100%;height:100%;overflow:hidden;display:inline-block;background-size:cover;background-repeat:no-repeat;background-position:50%}.small-icon[data-v-52c6be46]{width:12px;height:12px}.medium-icon[data-v-52c6be46]{width:20px;height:20px}.large-icon[data-v-52c6be46]{width:32px;height:32px}.default-avatar{border-radius:50%;width:48px;height:48px}.dialog-content{padding:0 10px;text-align:left}.dialog-content .title{font-weight:700;font-size:16px;display:inline-block;margin-bottom:14px}.dialog-content .input-container{position:relative;margin-bottom:30px}.dialog-footer{width:100%;height:100%;text-align:center}.user-info-container{position:relative}.user-info-container .user-info-content{display:flex;align-items:center;cursor:pointer}.user-info-container .user-info-content .avatar{width:28px;height:28px;border-radius:50%}.user-info-container .user-info-content .name{max-width:100px;margin-left:20px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-font)}.user-info-container .user-info-content .down-icon{margin-left:4px}.user-info-container .user-control-container{background:var(--user-control-container-color-bg);box-shadow:var(--user-control-container-shadow);color:var(--color-font);padding:10px 0;position:absolute;top:calc(100% + 14px);right:0;border-radius:4px}.user-info-container .user-control-container .user-control-item-foot,.user-info-container .user-control-container .user-control-item-head{width:104px;text-align:center;font-size:14px;cursor:pointer;height:20px}.language,.switch-theme{cursor:pointer}.icon-box[data-v-3303a58b]{width:78px;height:100%;position:relative;display:flex;cursor:pointer;padding:10px 0}.icon-box.disabled[data-v-3303a58b]{color:#484c59}.icon-box.hover-effect[data-v-3303a58b]:hover:before{content:"";display:block;position:absolute;left:0;bottom:0;width:78px;height:18px;opacity:.59;background:var(--active-blur-background-color);filter:blur(16px)}.icon-box.hover-effect[data-v-3303a58b]:hover:after{content:"";display:block;position:absolute;left:0;bottom:0;width:78px;height:3px;background:#1883ff}.icon-box .icon-content[data-v-3303a58b]{width:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.icon-box .icon-content .title[data-v-3303a58b]{font-size:12px;color:var(--title-color-bg)}.icon-box .icon-content .title-active[data-v-3303a58b]{color:var(--title-active)}.icon-box .icon-arrow[data-v-3303a58b]{position:absolute;right:0;top:8px;width:12px;height:64px}.icon-box .icon-arrow[data-v-3303a58b]:hover{background:var(--icon-arrow-hover)}.icon-box .icon-arrow .arrow[data-v-3303a58b]{position:absolute;top:20px;left:0}@media screen and (max-width:600px){.icon-box.hover-effect[data-v-3303a58b]:hover:after,.icon-box.hover-effect[data-v-3303a58b]:hover:before,.icon-box[data-v-3303a58b]{width:72px}}.custom-element-class[data-v-160545a2]{--el-color-primary:#006eff;--el-fill-color-light:var(--el-fill-color-light-select);--el-fill-color-blank:var(--user-extra-info-color);--el-border-color:var(--el-border-color-select);--el-border-color-light:var(--el-border-color-light-select);--el-border-color-lighter:var(--el-border-lighter);--el-bg-color:var(--el-bg-color-select,#fff);--el-bg-color-page:#fff;--el-bg-color-overlay:var(--el-bg-color-overlay-select);--el-text-color-primary:var(--el-text-color-primary-select);--el-text-color-regular:var(--el-text-color-regular-select);--el-slider-height:4px;--el-slider-button-size:12px;--el-dialog-bg-color:var(--el-dialog-bg-color-select);--el-dialog-box-shadow:0 1px 10px 0 rgba(0,0,0,.3);--el-disabled-bg-color:var(--el-disabled-background);--el-disabled-border-color:var(--el-disabled-border);--el-switch-on-color:red}.select[data-v-160545a2]{width:280px;height:32px;font-size:14px}.audio-setting-tab[data-v-ce40fa86]{border-radius:4px;font-size:14px}.audio-setting-tab .item-setting-container[data-v-ce40fa86]{padding-bottom:20px}.audio-setting-tab .item-setting-container[data-v-ce40fa86]:not(:first-child){padding-top:20px}.audio-setting-tab .item-setting-container.hasDividingLine[data-v-ce40fa86]:not(:last-child){border-bottom:1px solid var(--divide-line-color)}.audio-setting-tab .item-setting-container .item-setting[data-v-ce40fa86]:not(:last-child){margin-bottom:20px}.audio-setting-tab .item-setting-container .flex[data-v-ce40fa86]{display:flex}.audio-setting-tab .item-setting-container .detail-select[data-v-ce40fa86]{width:309px;height:32px}.audio-setting-tab .item-setting-container .button[data-v-ce40fa86]{width:82px;height:32px;background-image:linear-gradient(235deg,#1883ff,#0062f5);border-radius:2px;text-align:center;line-height:32px;font-weight:400;font-size:14px;color:#fff;margin-left:10px;cursor:pointer}.audio-setting-tab .title[data-v-ce40fa86]{display:inline-block;margin-bottom:10px;width:100%;color:var(--camera-color)}.audio-setting-tab .mic-bar-container[data-v-ce40fa86]{width:100%;height:4px;display:flex;justify-content:space-between}.audio-setting-tab .mic-bar-container .mic-bar[data-v-ce40fa86]{width:4px;height:4px;background-color:var(--mic-bar-color)}.audio-setting-tab .mic-bar-container .mic-bar.active[data-v-ce40fa86]{background-color:#43d92b}.audio-setting-tab .audio-level-container[data-v-ce40fa86]{width:100%;height:20px;display:flex}.audio-setting-tab .audio-level-container .slider[data-v-ce40fa86]{height:20px;margin-left:10px}.custom-element-class[data-v-00a64cb2]{--el-color-primary:#006eff;--el-fill-color-light:var(--el-fill-color-light-select);--el-fill-color-blank:var(--user-extra-info-color);--el-border-color:var(--el-border-color-select);--el-border-color-light:var(--el-border-color-light-select);--el-border-color-lighter:var(--el-border-lighter);--el-bg-color:var(--el-bg-color-select,#fff);--el-bg-color-page:#fff;--el-bg-color-overlay:var(--el-bg-color-overlay-select);--el-text-color-primary:var(--el-text-color-primary-select);--el-text-color-regular:var(--el-text-color-regular-select);--el-slider-height:4px;--el-slider-button-size:12px;--el-dialog-bg-color:var(--el-dialog-bg-color-select);--el-dialog-box-shadow:0 1px 10px 0 rgba(0,0,0,.3);--el-disabled-bg-color:var(--el-disabled-background);--el-disabled-border-color:var(--el-disabled-border);--el-switch-on-color:red}.select[data-v-00a64cb2]{width:280px;height:32px;font-size:14px}.custom-element-class[data-v-7cf837b8]{--el-color-primary:#006eff;--el-fill-color-light:var(--el-fill-color-light-select);--el-fill-color-blank:var(--user-extra-info-color);--el-border-color:var(--el-border-color-select);--el-border-color-light:var(--el-border-color-light-select);--el-border-color-lighter:var(--el-border-lighter);--el-bg-color:var(--el-bg-color-select,#fff);--el-bg-color-page:#fff;--el-bg-color-overlay:var(--el-bg-color-overlay-select);--el-text-color-primary:var(--el-text-color-primary-select);--el-text-color-regular:var(--el-text-color-regular-select);--el-slider-height:4px;--el-slider-button-size:12px;--el-dialog-bg-color:var(--el-dialog-bg-color-select);--el-dialog-box-shadow:0 1px 10px 0 rgba(0,0,0,.3);--el-disabled-bg-color:var(--el-disabled-background);--el-disabled-border-color:var(--el-disabled-border);--el-switch-on-color:red}.video-tab[data-v-7cf837b8]{border-radius:4px;font-size:14px}.video-tab .item-setting-container[data-v-7cf837b8]{padding-bottom:20px}.video-tab .item-setting-container[data-v-7cf837b8]:not(:first-child){padding-top:20px}.video-tab .item-setting-container.hasDividingLine[data-v-7cf837b8]:not(:last-child){border-bottom:1px solid var(--divide-line-color)}.video-tab .item-setting-container .item-setting[data-v-7cf837b8]:not(:last-child){margin-bottom:20px}.video-tab .title[data-v-7cf837b8]{display:inline-block;margin-bottom:10px;width:100%;color:var(--camera-color)}.video-tab .detail-select[data-v-7cf837b8]{width:309px;height:32px}.video-tab .video-preview[data-v-7cf837b8]{width:402px;height:226px;background-color:#0d0f15}.video-tab .mirror-checkbox[data-v-7cf837b8]{margin-top:10px}.video-tab .item[data-v-7cf837b8]{width:100%;height:20px;margin-bottom:20px;cursor:pointer;color:var(--camera-color)}.audio-icon-container[data-v-5bc7b022]{position:relative;width:32px;height:32px}.audio-icon-container.small[data-v-5bc7b022]{transform:scale(.8)}.audio-icon-container .audio-level[data-v-5bc7b022]{position:absolute;top:4px;left:11px;width:10px;height:16px;display:flex;flex-wrap:wrap;border-radius:4px;overflow:hidden;flex-direction:column-reverse;justify-content:space-between;padding:2px}.audio-icon-container .audio-level .audio-level-item[data-v-5bc7b022]{width:100%;height:2px;border-radius:50%}.audio-icon-container .audio-level .audio-level-item.active[data-v-5bc7b022]{background-color:#43d92b}.audio-icon-container .audio-icon[data-v-5bc7b022]{position:absolute;top:0;left:0}.custom-element-class{--el-color-primary:#006eff;--el-fill-color-light:var(--el-fill-color-light-select);--el-fill-color-blank:var(--user-extra-info-color);--el-border-color:var(--el-border-color-select);--el-border-color-light:var(--el-border-color-light-select);--el-border-color-lighter:var(--el-border-lighter);--el-bg-color:var(--el-bg-color-select,#fff);--el-bg-color-page:#fff;--el-bg-color-overlay:var(--el-bg-color-overlay-select);--el-text-color-primary:var(--el-text-color-primary-select);--el-text-color-regular:var(--el-text-color-regular-select);--el-slider-height:4px;--el-slider-button-size:12px;--el-dialog-bg-color:var(--el-dialog-bg-color-select);--el-dialog-box-shadow:0 1px 10px 0 rgba(0,0,0,.3);--el-disabled-bg-color:var(--el-disabled-background);--el-disabled-border-color:var(--el-disabled-border);--el-switch-on-color:red}.stream-container{width:740px;height:476px;background-color:#12141a;border-radius:10px;position:relative;overflow:hidden;border:2px solid var(--stream-container-border);box-shadow:0 12px 24px rgba(2,108,254,.1),inset 0 0 4px rgba(55,69,111,.326)}.stream-container .stream-preview{width:100%;height:100%}.stream-container .stream-info{width:100%;height:100%;position:absolute;top:0;display:flex;justify-content:center;background-color:var(--stream-info-bg-color);align-items:center}.stream-container .stream-info .attention-info{width:132px;height:34px;font-family:PingFangSC-Regular;font-weight:400;font-size:22px;color:#676c80;line-height:34px}.stream-container .control-region{height:74px;background:var(--control-region-bg-color);border-radius:43px;position:absolute;bottom:24px;left:50%;transform:translate(-50%);padding:0 50px;display:flex}.stream-container .control-region .icon:not(:first-child){margin-left:30px}.drawer-container div{pointer-events:auto}.drawer-container>div{pointer-events:none}.el-drawer__header{height:88px;border-bottom:1px solid var(--el-drawer-divide);box-sizing:border-box;margin-bottom:0;padding:32px}.el-drawer__body{padding:32px}.control-container[data-v-2bcd0d5f]{width:100vw;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.container-header[data-v-2bcd0d5f]{padding-top:80px}.container-icon[data-v-2bcd0d5f]{display:flex;flex-direction:column;align-items:center}.container-bottom[data-v-2bcd0d5f]{padding-top:250px;display:flex;flex-direction:column;width:210px}.create-room[data-v-2bcd0d5f]{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-2bcd0d5f]{width:22px;height:22px;background-size:cover}.join-room[data-v-2bcd0d5f]{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-2bcd0d5f]{width:22px;height:22px;background-size:cover}.title[data-v-2bcd0d5f]{line-height:34px;color:#fff;padding-left:10px}.room-detail[data-v-2bcd0d5f]{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-2bcd0d5f]{background:var(--room-detail-background);display:flex;align-items:center;width:100%;padding:5%}.room-detail-header-title[data-v-2bcd0d5f]{flex:1;text-align:center;color:var(--room-detail-title)}.close-icon[data-v-2bcd0d5f]{position:absolute;left:22px;width:10px;height:18px;background-size:cover}.room-detail-middle[data-v-2bcd0d5f]{width:90%}.room-detail-info[data-v-2bcd0d5f]{background:var(--room-detail-background);margin-top:20px;border-radius:6px}.room-detail-info-box[data-v-2bcd0d5f]{display:flex;padding:15px 12px;align-items:center}.room-detail-title[data-v-2bcd0d5f]{min-width:64px;color:var(--room-detail-title)}.chevron-down-icon[data-v-2bcd0d5f]{width:14px;height:9px;display:flex}.room-show-title[data-v-2bcd0d5f]{color:var(--room-detail-title);flex:1;padding-left:26px}.room-show-name[data-v-2bcd0d5f]{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-2bcd0d5f]{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-2bcd0d5f]{background:var(--room-detail-background);margin-top:20px;border-radius:6px}.room-detail-setting-list[data-v-2bcd0d5f]{display:flex;align-items:center;justify-content:space-between;padding:15px 12px;color:var(--room-detail-title)}.room-detail-bottom[data-v-2bcd0d5f]{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-2bcd0d5f]{color:#fff;padding:0 5.75rem}.room-type-container[data-v-2bcd0d5f]{padding-bottom:25px}.close-room-type-container[data-v-2bcd0d5f],.room-type-container[data-v-2bcd0d5f]{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-2bcd0d5f]{height:0}.room-choose-mobile[data-v-2bcd0d5f]{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-2bcd0d5f]{width:100%;display:flex;align-items:center;justify-content:space-between}.choose-cancel[data-v-2bcd0d5f]{color:var(--room-detail-title);z-index:11;padding:20px}.choose-confirm[data-v-2bcd0d5f]{color:#146efa;z-index:11;padding:20px}.room-type-hidden[data-v-2bcd0d5f]{background:var(--log-out-cancel);border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center}.tencent-cloud[data-v-2bcd0d5f]{width:120px;height:32px;background-size:cover}.tencent-cloud-text[data-v-2bcd0d5f]{width:169px;height:27px;margin-top:10px;background-size:cover}.room-choose-title[data-v-2bcd0d5f],.room-current-title[data-v-2bcd0d5f]{display:flex;align-items:center;justify-content:center;padding:12px;width:100%}.room-current-title[data-v-2bcd0d5f]{background:var(--choose-type);color:var(--room-detail-title)}.slider-box[data-v-2bcd0d5f]{display:flex;align-items:center;width:44px;height:24px;border-radius:15px;background:#e1e1e3}.slider-open[data-v-2bcd0d5f]{background:#006eff!important;justify-content:flex-end}.slider-block[data-v-2bcd0d5f]{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}.login-logo[data-v-2bcd0d5f]{display:flex;justify-content:center;padding-top:20%}.login-top[data-v-2bcd0d5f]{width:60vw}.control-container[data-v-e855f218]{width:430px;height:476px;border-radius:20px;margin-left:40px;position:relative;padding:2px;background-image:linear-gradient(230deg,var(--background-image-color),rgba(61,143,255,0) 50%);box-shadow:0 12px 24px rgba(16,34,64,.05)}.control-container .control-content[data-v-e855f218]{width:100%;height:100%;padding:0 40px;border-radius:20px;background:var(--control-content)}.control-container .logo[data-v-e855f218]{position:absolute;top:78px;left:50%;width:318px;transform:translate(-50%)}.control-container .control-region[data-v-e855f218]{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;justify-content:center}.control-container .invite-title[data-v-e855f218]{display:inline-block;font-weight:500;font-size:28px;color:var(--invite-region);line-height:34px;position:absolute;top:183px}.control-container .invite-info[data-v-e855f218]{display:inline-block;font-weight:400;font-size:20px;color:var(--invite-region);opacity:.6;line-height:34px;position:absolute;top:232px}.control-container .button[data-v-e855f218]{width:360px;height:88px;background-image:linear-gradient(-45deg,#006eff,#0c59f2);box-shadow:0 2px 4px 0 rgba(0,0,0,.2);border-radius:8px;cursor:pointer}.control-container .button .title[data-v-e855f218]{font-size:22px;color:#fff;line-height:34px;margin-left:9px}.control-container .enter-given-room-button[data-v-e855f218]{position:absolute;top:338px;text-align:center;line-height:88px}.control-container .create-room-button[data-v-e855f218]{position:absolute;top:214px}.control-container .create-room-button .create-room[data-v-e855f218]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.control-container .create-room-button .create-room-mode[data-v-e855f218]{width:100%;position:absolute;top:calc(100% + 4px);z-index:10;background-color:var(--create-room-mode-color-bg);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 1px 10px 0 #091d3b;border-radius:8px;padding:4px 0}.control-container .create-room-button .connect-region[data-v-e855f218]{width:100%;height:6px}.control-container .create-room-button .create-room-option[data-v-e855f218]{height:48px;padding-left:32px;display:flex;justify-content:flex-start;align-items:center}.control-container .create-room-button .create-room-option[data-v-e855f218]:hover{background-color:var(--create-room-option)}.control-container .create-room-button .create-room-option:hover .title[data-v-e855f218]{color:var(--create-room-option-color)}.control-container .create-room-button .create-room-option:hover .icon[data-v-e855f218]{background-color:var(--create-room-option-icon-color)}.control-container .create-room-button .create-room-option .icon[data-v-e855f218]{background-color:var(--create-room-option-icon)}.control-container .create-room-button .create-room-option .title[data-v-e855f218]{font-weight:400;font-size:14px;color:var(--title-color-font)}.control-container .join-room-button[data-v-e855f218]{position:absolute;bottom:50px;padding:2px}.control-container .join-room-button .input[data-v-e855f218]{width:212px;height:100%;background:var(--input-color);border-color:transparent;outline:none;border-radius:8px;font-weight:400;font-size:22px;color:#676c80;line-height:34px;padding:0 20px}.control-container .join-room-button .title[data-v-e855f218]{cursor:pointer;text-align:center;display:inline-block;width:135px}[data-theme=black]{--color-font:#b3b8c8;--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;--title-color:#b3b8c8;--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;--full-screen-svg:url(../img/full-screen.8c3c8715.svg);--exit-fullscreen-svg:url(../img/exit-fullscreen.3988e64c.svg);--invite-svg:url(../img/invite.d024ad1c.svg);--invite-active-svg:url(../img/invite-active.73d700a9.svg);--setting-svg:url(../img/setting.432f731a.svg);--setting-active-svg:url(../img/setting-active.ae73566b.svg);--screen-share-svg:url(../img/screen-share.d773fc3a.svg);--screen-sharing-svg:url(../img/screen-sharing.f818cc92.svg);--manage-member-svg:url(../img/manage-member.87333851.svg);--manage-member-active-svg:url(../img/manage-member-active.6b4d5274.svg);--chat-svg:url(../img/chat.3704c6f2.svg);--chat-active-svg:url(../img/chat-active.e350fa9c.svg);--more-active-svg:url(../img/more-active.8c0d8637.svg);--more-svg:url(../img/more.0b1a3a2f.svg);--room-sidebar-bg-color:#1d2029;--screen-share-stopped-svg:url(../img/screen-share-stopped.716641fd.svg);--camera-on-svg:url(../img/camera-on.7d7345ae.svg);--camera-off-svg:url(../img/camera-off.5cea959f.svg);--mic-on-svg:url(../img/mic-on.6b708140.svg);--mic-off-svg:url(../img/mic-off.09c1b890.svg);--apply-svg:url(../img/apply.7a561291.svg);--go-off-seat-svg:url(../img/go-off-seat.02027f52.svg);--switch-theme:url(../img/switch-theme.7b8e873f.svg);--switch-language:url(../img/switch-language.a2cc6015.svg);--copy-svg:url(../img/copy-icon.34a7470a.svg);--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;--camera-color:#b3b8c8;--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;--close-svg:url(../img/close-black.dbafd4a4.svg);--chevron-down-svg:url(../img/chevron-down-black.d611bcbd.svg);--tencent-cloud-svg:url(../img/tencent-cloud-black.05d71266.svg);--camera-svg:url(../img/camera-switch-black.311659d7.svg);--mirror-svg:url(../img/mirror-black.0a598474.svg);--choose-type:#4f515a;--emoji-background-color:#2f313b;--chat-editor-input-color-h5:#292d38;--emoji-h5:url(../img/emoji-h5.609ec9f5.svg);--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;--contact-us-svg:url(../img/contact-us.5962c688.svg);--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}[data-theme=white]{--color-font:#000;--control-content:#fff;--background-image-color:transparent;--border-color:#37456f;--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;--background-color-style:url(../img/banner.33407ff1.png);--stream-container-border:#fff;--apply-list-container-bg-color:#f2f2f2;--apply-list-container-color:#000;--full-screen-svg:url(../img/full-screen-w.21b1f8ef.svg);--exit-fullscreen-svg:url(../img/exit-fullscreen-w.70dd6317.svg);--invite-svg:url(../img/invite-w.6b75be5d.svg);--invite-active-svg:url(../img/invite-active-w.7ce9e405.svg);--setting-svg:url(../img/setting-w.f80d87c1.svg);--setting-active-svg:url(../img/setting-active-w.3a226754.svg);--screen-sharing-svg:url(../img/screen-sharing-w.880565b6.svg);--manage-member-svg:url(../img/manage-member-w.6c15cbb6.svg);--manage-member-active-svg:url(../img/manage-member-active-w.cf74808e.svg);--chat-svg:url(../img/chat-w.7ab62913.svg);--chat-active-svg:url(../img/chat-active-w.114b43a7.svg);--more-active-svg:url(../img/more-active-w.5ab3a471.svg);--more-svg:url(../img/more-w.9f867627.svg);--room-sidebar-bg-color:#f2f2f2;--screen-share-svg:url(../img/screen-share-w.e8d9b517.svg);--screen-share-stopped-svg:url(../img/screen-share-stopped-w.4405f3f3.svg);--camera-on-svg:url(../img/camera-on-w.29cfbcdb.svg);--camera-off-svg:url(../img/camera-off-w.cfde5865.svg);--mic-on-svg:url(../img/mic-on-w.4de54349.svg);--mic-off-svg:url(../img/mic-off-w.3f19efe6.svg);--apply-svg:url(../img/apply-w.28af9f69.svg);--go-off-seat-svg:url(../img/go-off-seat-w.ea7ac920.svg);--switch-theme:url(../img/switch-theme-w.15cc5350.svg);--switch-language:url(../img/switch-language-w.ca4d1a45.svg);--copy-svg:url(../img/copy-icon-w.3d281532.svg);--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:#fff;--divide-line-color:transparent;--divice-line:#dcdcdc;--el-drawer-divide:transparent;--send-btn:#fff;--camera-color:#000;--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;--close-svg:url(../img/close-white.da75b056.svg);--chevron-down-svg:url(../img/chevron-down-white.cb4b2b3a.svg);--tencent-cloud-svg:url(../img/tencent-cloud-white.1b0206fc.svg);--camera-svg:url(../img/camera-switch-white.e5e49cc9.svg);--mirror-svg:url(../img/mirror-white.8b897fe1.svg);--choose-type:#e1e1e3;--emoji-background-color:#efecec;--chat-editor-input-color-h5:#dfdcdc;--emoji-h5:url(../img/emoji.1d4a60cc.svg);--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;--contact-us-svg:url(../img/contact-us-w.971bd67d.svg);--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}.home-container[data-v-e8722afc]{width:100%;height:100%;background:var(--background-color-style);color:#b3b8c8;display:flex;justify-content:center;align-items:center;font-family:PingFangSC-Medium;transition:background .5s,color .5s}.home-container[data-v-e8722afc] :not([class|=el]){transition:background-color .5s,color .5s}.home-container .header[data-v-e8722afc]{width:100%;position:absolute;top:0;padding:22px 24px;display:flex;align-items:center}.home-container .header .header-item[data-v-e8722afc]:not(:first-child){margin-left:16px}.home-container .header .header-item .language[data-v-e8722afc],.home-container .header .header-item .theme[data-v-e8722afc]{cursor:pointer}
|
