.control-btn-share-popper{padding:0!important}.control-btn-share-popper .share-list-popper{padding:14px 20px;display:flex;justify-content:space-between;border-radius:6px}.control-btn-share-popper .share-list-popper .share-item{width:54px;height:58px;text-align:center}.control-btn-share-popper .share-list-popper .share-item:hover{cursor:pointer;background:#f4f5f8;color:#18191a;border-radius:4px}.control-btn-share-popper .share-list-popper .share-item:hover .hover-stroke{stroke:#18191a}.control-btn-share-popper .share-list-popper .si-icon{width:30px;height:30px;margin:6px auto 4px}.control-btn-share-popper .share-list-popper .si-name{font-size:12px}.device-select-list-dropdown{border-radius:6px}.device-select-list-dropdown .popper__arrow{display:none!important}.device-select-list-dropdown .el-select-dropdown__wrap{margin:0}.device-select-list-dropdown .el-select-dropdown__list{width:180px;padding:0;margin:0}.device-select-list-dropdown .el-select-dropdown__list .el-select-dropdown__item{height:30px;line-height:30px;font-size:12px;padding-left:11px;font-weight:400}.device-select-list-dropdown .el-select-dropdown__list .el-select-dropdown__item:first-child{margin-top:4px}.device-select-list-dropdown .el-select-dropdown__list .el-select-dropdown__item.selected{color:#04f}.device-select-list-dropdown .el-popper{margin-top:4px!important}.device-select-list-popper{width:180px!important;padding:20px 16px 24px 16px!important}.device-select-list-popper .popper__arrow{left:50%!important;transform:translate(-50%)!important}.device-select-list-popper .device-select-list-content{font-size:12px!important;width:180px!important;height:58px!important;padding:0!important}.device-select-list-popper .device-select-list-content .device-main-name{font-size:12px;color:#585c62;margin-bottom:12px}.device-select-list-popper .device-select-list-content .el-select{width:100%}.device-select-list-popper .device-select-list-content .el-select .el-input{border:1px solid #eceff2;border-radius:6px}.device-select-list-popper .device-select-list-content .el-select .el-input .el-input__inner{width:130px;height:30px;font-size:12px;color:#18191a;line-height:30px;text-overflow:ellipsis;white-space:nowrap;padding:9px 0 9px 11px;border:0}.device-select-list-popper .device-select-list-content .el-select .el-input .el-select__caret{line-height:1}.whiteboard-name-select-list{width:200px;border-radius:6px;margin-left:-20px!important}.whiteboard-name-select-list /deep/ .popper__arrow{margin-left:57px}.whiteboard-name-select-list .el-select-dropdown__wrap{max-height:184px}.whiteboard-name-select-list .el-select-dropdown__item{display:flex;justify-content:space-between;padding:0 16px;color:#18191a}.whiteboard-name-select-list .el-select-dropdown__item.selected{font-weight:400;color:#0043ff}.whiteboard-name-select-list .delete-btn{width:12px;height:12px;padding:10px;margin-right:-10px;line-height:1}.whiteboard-name-select-list .el-select-dropdown__list{padding:6px 0;width:auto;height:auto}.whiteboard-zoom-select-list{width:80px;border-radius:6px;margin-left:-15px!important}.whiteboard-zoom-select-list /deep/ .popper__arrow{margin-left:0}.whiteboard-zoom-select-list .el-select-dropdown__wrap{max-height:184px}.whiteboard-zoom-select-list .el-select-dropdown__item{display:flex;justify-content:space-between;padding:0 16px;color:#18191a;text-align:center}.whiteboard-zoom-select-list .el-select-dropdown__item.selected{font-weight:400;color:#0043ff}.whiteboard-zoom-select-list .el-select-dropdown__list{padding:6px 0;width:auto;height:auto}.common-toast{top:40%!important;transform:translate(-50%);padding:10px 11px;background:rgba(0,0,0,.7);min-width:auto;border:0}.common-toast .el-message__icon{display:none}.common-toast .el-message__content{font-size:12px;color:#fff}.wb-view-loading .el-loading-spinner{top:48%}.wb-view-loading .el-loading-spinner .el-loading-text{color:#fff;font-size:12px}.delete-wb-view-dialog{width:320px;background:#fff;box-shadow:0 10px 30px 0 rgba(0,0,0,.05);border-radius:6px;position:relative;padding:48px 0 40px}.delete-wb-view-dialog .el-message-box__header{display:none}.delete-wb-view-dialog .el-message-box__content{padding:0 30px 28px;text-align:center}.delete-wb-view-dialog .el-icon-warning{display:none}.delete-wb-view-dialog .el-message-box__message{padding:0}.delete-wb-view-dialog .el-message-box__btns{text-align:center;padding:0}.delete-wb-view-dialog .el-message-box__btns button:first-child{background:#b1b4bd;color:#fff}.delete-wb-view-dialog .el-message-box__btns .el-button{width:70px;height:30px;border-radius:15px;margin-right:20px;font-size:12px;border:0}.delete-wb-view-dialog .el-message-box__btns .el-button--primary{background-color:#1742f5}.delete-wb-view-dialog .el-scrollbar__bar.is-vertical{width:4px;border-radius:2px;background-color:#b1b3bb;opacity:.5}#app,body,html{width:100%;height:100%}#app,body,html,ul{margin:0;padding:0}ul{list-style:none}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.room-whiteboard-none{display:flex;align-items:center;justify-content:center;top:0;right:0;bottom:0;left:0;position:absolute;z-index:10;background-color:#f4f5f8}.room-whiteboard-none .share-content{font-size:20px;color:#585c62}.room-whiteboard-none .share-content.large-class{font-size:16px;line-height:16px;margin:0;margin-top:6px}.room-whiteboard-none .el-button{height:50px;padding:0 35px;font-size:16px;color:#18191a;box-shadow:0 0 30px 10px rgba(0,0,0,.05);margin:30px 30px 0 0;font-weight:400;border:0;border-radius:25px;background-color:#fff}.room-whiteboard-none .el-button:nth-child(2){margin-right:0}.room-whiteboard-none .el-button:hover{color:#04f;background-color:#fff}.pencil-text-setting[data-v-c07fc6e2]{position:absolute;right:200%;top:50%;transform:translateY(-50%);width:232px;background-color:#fff;display:flex;flex-direction:column;border-radius:6px;box-shadow:0 10px 30px 0 rgba(0,0,0,.05)}.pencil-text-setting .common-box[data-v-c07fc6e2]{display:block}.pencil-text-setting .upload-box[data-v-c07fc6e2]{padding:8px 8px;text-align:left;font-size:12px;color:#999;overflow:hidden;word-break:break-all}.pencil-text-setting .upload-box .el-divider--horizontal[data-v-c07fc6e2]{width:200px;margin:8px 0 8px 8px}.pencil-text-setting .upload-box .dymic[data-v-c07fc6e2],.pencil-text-setting .upload-box .static[data-v-c07fc6e2]{position:relative;padding:8px 8px}.pencil-text-setting .upload-box :hover.dymic[data-v-c07fc6e2],.pencil-text-setting .upload-box :hover.static[data-v-c07fc6e2]{background-color:#f3f6ff;border-radius:4px}.pencil-text-setting .upload-box .dymic-upload-input[data-v-c07fc6e2],.pencil-text-setting .upload-box .static-upload-input[data-v-c07fc6e2]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.pencil-text-setting .upload-box p[data-v-c07fc6e2]{display:flex;justify-content:space-between;margin:0;margin-bottom:6px;color:#18191a}.pencil-text-setting .bs-list[data-v-c07fc6e2]{display:flex;padding-left:16px;text-align:left;margin:0;height:10px;line-height:10px}.pencil-text-setting .bs-list .bs-item[data-v-c07fc6e2]{background:#b1b4bd;margin-right:20px;border-radius:50%}.pencil-text-setting .bs-list .bs-item.active[data-v-c07fc6e2]{background:#04f}.pencil-text-setting .pencil-size[data-v-c07fc6e2]{display:flex;align-items:center;margin:10px 0 0 16px}.pencil-text-setting .pencil-size .pencil-size-item[data-v-c07fc6e2]{width:34px;height:20px;line-height:20px;font-size:12px;background-color:#f4f5f8;color:#18191a;border-radius:10px;margin-right:10px}.pencil-text-setting .pencil-size .pencil-size-item.active[data-v-c07fc6e2]{background-color:#04f;color:#fff}.pencil-text-setting .pencil-style[data-v-c07fc6e2]{display:flex;align-items:center;margin:10px 0 0 16px}.pencil-text-setting .pencil-style-item[data-v-c07fc6e2]{width:34px;height:20px;line-height:20px;font-size:12px;background-color:#f4f5f8;color:#18191a;border-radius:10px;margin-right:10px}.pencil-text-setting .pencil-style-item.active[data-v-c07fc6e2]{background-color:#04f}.pencil-text-setting .pencil-style-item.active[data-v-c07fc6e2] .font-fill{fill:#fff}.pencil-text-setting .pencil-style-item.active[data-v-c07fc6e2] .font-stroke{stroke:#fff}.pencil-text-setting .pencil-style-item .style-item[data-v-c07fc6e2]{width:12px;height:12px;margin:0 auto;padding:2px 0}.pencil-text-setting .graph-style[data-v-c07fc6e2]{display:flex;align-items:center;margin:10px 0 0 16px}.pencil-text-setting .graph-style-item[data-v-c07fc6e2]{width:20px;height:20px;line-height:20px;margin-right:14px;font-size:12px}.pencil-text-setting .graph-style-item.active[data-v-c07fc6e2] .graph-stroke{stroke:#04f}.pencil-text-setting .graph-style-item.active[data-v-c07fc6e2] .graph-fill{fill:#04f}.pencil-text-setting .graph-style-item[data-v-c07fc6e2]:hover .graph-stroke{stroke:#18191a}.pencil-text-setting .graph-style-item[data-v-c07fc6e2]:hover .graph-fill{fill:#18191a}.pencil-text-setting .graph-style-item .style-item[data-v-c07fc6e2]{width:18px;height:18px;margin:0 auto}.pencil-text-setting .setting-title[data-v-c07fc6e2]{color:#585c62;font-size:12px;margin-top:16px;margin-left:16px;text-align:left}.pencil-text-setting .fontColor[data-v-c07fc6e2]{clear:both}.pencil-text-setting .pencilThickness[data-v-c07fc6e2]{margin-bottom:16px;height:10px;vertical-align:middle}.pencil-text-setting .color-list[data-v-c07fc6e2]{list-style:none;width:216px;height:50px;margin:16px 16px 20px 16px}.pencil-text-setting .color-item[data-v-c07fc6e2]{border:2px solid #f4f5f8;box-sizing:border-box;width:20px;height:20px;display:inline-block;border-radius:50%;margin-right:16px;margin-bottom:10px}.pencil-text-setting .color-item .checkmark[data-v-c07fc6e2]{visibility:hidden;width:16px;height:16px}.pencil-text-setting .color-item .checkmark.white[data-v-c07fc6e2] .stroke{stroke:#333}.pencil-text-setting .color-item.active .checkmark[data-v-c07fc6e2]{visibility:visible}.pencil-text-setting .el-icon-circle-check[data-v-c07fc6e2]{width:12px;height:12px}.pencil-text-setting[data-v-c07fc6e2]:after{border:6px solid transparent;border-left:6px solid #fff;width:0;height:0;position:absolute;top:47%;right:-12px;content:""}@media only screen and (max-height:550px){.upload-setting[data-v-c07fc6e2]{top:-290%;right:200%;bottom:auto;left:auto;position:absolute}.upload-setting[data-v-c07fc6e2]:after{top:85%}}.canvas-tools{top:50%;right:10px;bottom:auto;left:auto;position:absolute;padding:2px 0;box-shadow:0 10px 30px 0 rgba(0,0,0,.05);transform:translateY(-50%);background:#fff;z-index:9;border-radius:4px}.canvas-tools .tool-item{width:20px;height:20px;position:relative;margin:13px 10px;cursor:pointer}.canvas-tools .tool-item.divide-line{margin-top:-4px;padding-top:10px;border-top:1px solid #edeff3}.canvas-tools .tool-item.undo{margin-bottom:11px}.canvas-tools .tool-item.clearCurrentPage:hover .tooltip{margin-top:4px}.canvas-tools .tool-item.disabled{pointer-events:none}.canvas-tools .tool-item.forbid:hover{cursor:not-allowed!important}.canvas-tools .tool-item.forbid:hover .hover-fill{fill:#b0b3ba!important}.canvas-tools .tool-item.forbid:hover .hover-stroke{stroke:#b0b3ba!important}.canvas-tools .tool-item:hover .hover-fill{fill:#18191a}.canvas-tools .tool-item:hover .hover-stroke{stroke:#18191a}.canvas-tools .tool-item:hover .tooltip{display:block;background:rgba(0,0,0,.7)}.canvas-tools .tool-item.active .hover-fill{fill:#04f}.canvas-tools .tool-item.active .hover-stroke{stroke:#04f}.canvas-tools .tool-item .tooltip{font-size:12px;color:#fff;top:50%;right:110%;bottom:auto;left:auto;position:absolute;display:none;padding:9px;white-space:nowrap;background:#18191a;border-radius:4px;transform:translateY(-50%)}.ppt-dynamic[data-v-85faa4bc]{position:absolute;left:50%;bottom:14px;transform:translate(-50%);padding:7px 14px;z-index:9;display:flex;border-radius:17px;box-shadow:0 10px 30px 0 rgba(0,0,0,.05);background-color:#fff}.ppt-dynamic .step-item[data-v-85faa4bc]{width:20px;height:20px;margin:0;padding:0;border:1px solid transparent;outline:none;background-color:#fff;cursor:pointer}.ppt-dynamic .step-item[data-v-85faa4bc]:hover .hover-stroke{stroke:#18191a}.ppt-dynamic .step-item[data-v-85faa4bc]:active .hover-stroke{stroke:#04f}.ppt-dynamic .line[data-v-85faa4bc]{width:1px;height:16px;margin:2px 8px 0;background-color:#edeff3}.el-drawer__wrapper{position:fixed;right:0;top:0;bottom:0;width:256px;left:auto!important;overflow:initial!important;height:100%;background-color:#fbfcff}.el-drawer__wrapper .el-drawer{box-shadow:3px 3px 20px rgba(0,0,0,.2)}.el-drawer__wrapper .el-drawer .el-drawer__header{margin-bottom:0;padding:10px 26px;text-align:left;font-size:14px;color:#18191a}.el-drawer__wrapper .el-drawer .el-drawer__close-btn{font-size:12px;color:#909399}.el-drawer__wrapper .el-drawer .el-drawer__body{height:100%}:focus{outline:0}.swiper-ul{height:100%;padding-bottom:40px;overflow-y:scroll}.swiper-ul::-webkit-scrollbar{width:4px}.swiper-ul::-webkit-scrollbar-thumb{background-color:rgba(177,180,188,.5);border-radius:2px}.swiper-ul li{display:flex;padding:10px 0 10px 22px}.swiper-ul li span{display:inline-block;width:30px;margin-right:8px;vertical-align:top;text-align:center;font-size:14px;color:#b1b4bb}.swiper-ul li .thumbnails-image{width:160px;height:90px;border-radius:4px;background-color:#fff;border:1px solid #f0f0f0;box-sizing:content-box;overflow:hidden}.swiper-ul li .thumbnails-image .image-slot{height:100%;display:flex;align-items:center;justify-content:center}.swiper-ul li.active{background-color:#f0f4ff}.swiper-ul li.active span{color:#04f}.swiper-ul li.active .thumbnails-image{border:1px solid #04f}.room-whiteboard-area{width:100%;height:100%;display:flex;flex-direction:column;flex-grow:1;position:relative}.room-whiteboard-area .whiteboard-canvas-wrap{flex:1;position:relative}.room-whiteboard-area .whiteboard-canvas-wrap .whiteboard-canvas{width:100%;height:100%;position:relative;margin:0 auto;border:1px solid #f0f8ff;box-sizing:border-box}.room-controller-video{display:flex;flex-direction:column;justify-content:space-between;top:6px;right:4px;bottom:10px;left:auto;position:absolute;z-index:100}.room-controller-video .controller-btn-list{display:flex;justify-content:flex-end}.room-controller-video .controller-btn-list .btn-content{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:6px;border-radius:50%;background-color:rgba(0,0,0,.6)}.room-controller-video .controller-btn-list .btn-content:not(.disabled):hover{background-color:rgba(0,0,0,.8);cursor:pointer}.room-controller-video .controller-btn-list .main-btn{width:18px;height:18px}.room-controller-video .controller-btn-list .main-icon{width:18px;height:18px;margin:0 auto}.room-controller-video .user-name{display:flex;justify-content:flex-end;margin-right:6px}.room-controller-video .user-name span{display:inline-block;height:22px;max-width:73px;padding:0 10px;font-size:12px;color:#fff;line-height:22px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:12px;background-color:rgba(0,0,0,.6);cursor:pointer}.video-item{position:relative;height:210px}.video-item video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-item .role-tag{display:inline-block;width:46px;height:22px;position:absolute;left:0;top:0;font-size:12px;color:#fff;line-height:22px;text-align:center;background-color:#4879ff;z-index:10}.video-item .no-stream-mask,.video-item .no-video-mask{top:0;right:0;bottom:0;left:0;position:absolute;display:flex;align-items:center;justify-content:center;padding:0 1px;background-color:#f3f6ff;z-index:2}.video-item .no-stream-mask .icon-camera-close,.video-item .no-video-mask .icon-camera-close{width:50px;height:50px;margin:0 auto}.video-item .no-stream-mask .tip,.video-item .no-video-mask .tip{font-size:14px;color:#b1b4bb;line-height:14px;margin-top:8px}.room-video-list{width:100%;overflow-y:auto;background:#fbfcff}.room-video-list::-webkit-scrollbar{width:8px}.room-video-list::-webkit-scrollbar-thumb{background-color:rgba(177,180,188,.5);border-radius:2px}.top-bar,.zego-whiteboard-area{width:100%;height:100%}.top-bar{align-items:center;justify-content:center;display:flex;flex-shrink:0}.top-bar .no-canvas-bar{align-self:flex-start;width:100%;height:100%;font-size:12px;color:#585c62;line-height:40px;text-align:center}.top-bar .no-canvas-bar.large-class{text-align:left;margin-left:7%;background-color:#fff}.room-controller-whiteboard,.room-controller-whiteboard .controller{display:flex;align-items:center;justify-content:center;width:100%;flex-shrink:0;position:relative;height:40px;margin:0}.room-controller-whiteboard .whiteboard-bar-classid{font-size:12px;color:#585c62;top:auto;right:auto;bottom:auto;left:7%;position:absolute}.room-controller-whiteboard .el-select{width:160px;height:28px;border-radius:14px;border:1px solid #edeff3;overflow:hidden;appearance:none;-moz-appearance:none;-webkit-appearance:none}.room-controller-whiteboard .el-input__inner{font-size:12px;color:#18191a;height:28px;line-height:28px;margin-right:30px;padding:0 0 0 16px;border:0}.room-controller-whiteboard .el-select__caret{line-height:1;color:#5f6266}.room-controller-whiteboard .el-select__caret:hover{color:#18191a}.room-controller-whiteboard .el-select .el-input .el-select__caret.is-reverse{color:#04f}.room-controller-whiteboard .page-bar{width:120px;height:30px;font-size:12px;color:#18191a;display:flex;align-items:center;line-height:30px;box-sizing:border-box;border-radius:14px;text-align:center;border:1px solid #edeff3;background-color:#fff;margin-left:30px}.room-controller-whiteboard .page-bar.disabled{opacity:.7;cursor:not-allowed}.room-controller-whiteboard .page-bar .el-select{width:160px;height:28px;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;border-radius:14px;border:1px solid #edeff3}.room-controller-whiteboard .page-bar /deep/ .el-input__inner{width:112px;height:28px;font-size:12px;color:#18191a;line-height:28px;margin-right:30px;border:0;padding:0 0 0 2px}.room-controller-whiteboard .page-bar .pagebar-center{width:72px;height:12px;line-height:1;text-align:center}.room-controller-whiteboard .page-bar .page-bar-arrow{width:12px;height:12px;line-height:1;cursor:pointer}.room-controller-whiteboard .page-bar .page-bar-arrow:not(.disabled):hover /deep/ .hover-stroke{stroke:#18191a}.room-controller-whiteboard .page-bar .page-bar-arrow:not(.disabled):hover /deep/ .hover-fill{fill:#18191a}.room-controller-whiteboard .page-bar .page-bar-arrow.disabled{opacity:.7;cursor:not-allowed}.room-controller-whiteboard .page-bar .arrow-prev{margin-left:10px}.room-controller-whiteboard .page-bar .arrow-next{margin-right:10px}.room-controller-whiteboard .zoom-bar{width:122px;height:30px;font-size:12px;color:#18191a;display:flex;align-items:center;box-sizing:border-box;margin-left:30px;line-height:30px;border:1px solid #edeff3;border-radius:14px;text-align:center;background-color:#fff}.room-controller-whiteboard .zoom-bar.disabled{opacity:.7;cursor:not-allowed}.room-controller-whiteboard .zoom-bar .zoombar-center{width:46px;height:28px;margin:0 8px;line-height:28px;text-align:center}.room-controller-whiteboard .zoom-bar .zoombar-center .el-select{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;width:46px;border:none;overflow:hidden}.room-controller-whiteboard .zoom-bar .zoombar-center .is-disabled .el-input__inner{background-color:#fff}.room-controller-whiteboard .zoom-bar .zoombar-center .el-input__inner{font-size:12px;color:#18191a;height:28px;margin-right:30px;padding:0 0 0 2px;border:0;line-height:28px}.room-controller-whiteboard .zoom-bar .zoombar-center .el-input__suffix{right:-8px}.room-controller-whiteboard .zoom-bar .zoom-bar-operation{width:20px;height:20px;line-height:1;cursor:pointer}.room-controller-whiteboard .zoom-bar .zoom-bar-operation:not(.disabled):hover /deep/ .hover-stroke{stroke:#18191a}.room-controller-whiteboard .zoom-bar .zoom-bar-operation:not(.disabled):hover /deep/ .hover-fill{fill:#18191a}.room-controller-whiteboard .zoom-bar .zoom-bar-operation.disabled{opacity:.7;cursor:not-allowed}.room-controller-whiteboard .zoom-bar .zoom-add{margin-left:10px}.room-controller-whiteboard .zoom-bar .zoom-cut{margin-right:10px}.room-controller-whiteboard .excel-sheets{margin-left:30px}.room-controller-whiteboard .excel-sheets .label,.room-controller-whiteboard .excel-sheets input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-controller-whiteboard .thumb-button{display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;right:10px;width:72px;height:32px;font-size:12px;color:#18191a;border:1px solid #edeff3;border-radius:6px;background-color:#fff;cursor:pointer;line-height:32px;outline:0}.room-controller-whiteboard .thumb-button:hover{border-color:#b1b4bc;color:#18191a}.room-controller-whiteboard .thumb-button:hover /deep/ .hover-fill{fill:#585c62}.room-controller-whiteboard .thumb-button.active{color:#04f;border-color:#04f;background-color:#f0f4ff}.room-controller-whiteboard .thumb-button.active /deep/ .hover-fill{fill:#04f}.room-controller-whiteboard .thumb-button .button-icon{display:inline-block;width:20px;height:20px;margin-right:6px}.room-controller-device{height:34px}.room-controller-device,.room-controller-device .control-btn-list{width:86px;display:inline-flex;justify-content:space-between;align-items:center}.room-controller-device .control-btn-list{height:100%;margin:0 auto}.room-controller-device .control-btn-item{display:flex;align-items:center;cursor:pointer}.room-controller-device .control-btn-item .main-btn{width:18px;height:18px;position:relative}.room-controller-device .control-btn-item .main-btn:not(.isOpen):hover .hover-stroke{stroke:#5c5e66}.room-controller-device .control-btn-item .main-btn:not(.isClose):hover .hover-stroke{stroke:#0030ff}.room-controller-device .control-btn-item .main-btn .main-icon{width:18px;height:18px;margin:0 auto}.room-controller-device .control-btn-item .main-btn .main-icon svg{display:block}.room-dialog-members .el-dialog__wrapper{margin-top:16vh}.room-dialog-members .el-dialog{border-radius:6px}.room-dialog-members .el-dialog__header{width:460px;height:43px;font-size:12px;color:#585c62;padding:0;line-height:43px;text-align:center}.room-dialog-members .el-dialog__headerbtn{width:12px;height:12px;top:16px;right:16px;bottom:auto;left:auto;position:absolute;line-height:12px}.room-dialog-members .el-dialog__close{width:12px;height:12px}.room-dialog-members .el-dialog__body{padding:0;font-size:12px}.room-dialog-members .el-dialog__title{font-size:14px;color:#18191a}.room-dialog-members .member-item{width:400px;height:34px;font-size:12px;color:#18191a;display:flex;justify-content:space-between;line-height:34px;text-align:left;padding:0 30px}.room-dialog-members .member-list{width:460px;height:272px;overflow-y:auto}.room-dialog-members .member-list .member-item span{padding-right:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-dialog-members .member-list .member-item:hover{background-color:#f4f5f8}.room-dialog-members .member-list::-webkit-scrollbar{width:4px}.room-dialog-members .member-list::-webkit-scrollbar-thumb{background-color:rgba(177,180,188,.5);border-radius:2px}.room-dialog-share /deep/ .el-dialog__wrapper{margin-top:22vh}.room-dialog-share /deep/ .el-dialog{border-radius:6px}.room-dialog-share /deep/ .el-dialog__header{font-size:12px;color:#585c62;line-height:43px;text-align:center;height:43px;padding:0}.room-dialog-share /deep/ .el-dialog__headerbtn{top:16px;right:16px;bottom:auto;left:auto;position:absolute;font-size:12px}.room-dialog-share /deep/ .el-dialog__body{padding:0;font-size:12px}.room-dialog-share /deep/ .el-dialog__title{font-size:14px;color:#18191a}.room-dialog-share /deep/ .dialog-content{padding:14px 30px 20px 30px}.room-dialog-share /deep/ .classLink{width:320px;margin-bottom:14px;line-height:12px;text-align:left}.room-dialog-share /deep/ .classLink .linkContent{display:inline-block;width:256px}.room-dialog-share /deep/ .classID{width:320px;height:12px;margin-bottom:14px;line-height:12px;text-align:left}.room-dialog-share /deep/ .classID .linkContent{display:inline-block;height:12px}.room-dialog-share /deep/ .link{display:block;margin-right:16px;float:left}.room-dialog-share /deep/ .linkid{margin-right:28px}.room-dialog-share /deep/ .el-button.is-round{padding:0}.room-dialog-share /deep/ .el-button--primary{width:110px;height:30px;font-size:12px;color:#fff;margin-top:16px;padding:0;border:0;border-radius:15px;background-color:#1742f5}.room-dialog-share /deep/ .el-button--primary:focus{border:0;background-color:#79ddad}.room-dialog-share /deep/ .linkContent{font-size:12px;color:#18191a}.file-list-dialog[data-v-45d4672e] .el-dialog__wrapper{padding-top:12vh}.file-list-dialog[data-v-45d4672e] .el-dialog{width:460px;height:314px;border-radius:6px}.file-list-dialog[data-v-45d4672e] .el-dialog__body{width:460px;height:271px;padding:0;color:#18191a;font-size:12px}.file-list-dialog[data-v-45d4672e] .el-dialog__title{font-size:14px;color:#18191a}.file-list-dialog[data-v-45d4672e] .el-dialog-content ul{margin-top:8px;margin-bottom:8px}.file-list-dialog[data-v-45d4672e] .file-list{height:220px;overflow-y:auto}.file-list-dialog[data-v-45d4672e] .file-list::-webkit-scrollbar{width:4px}.file-list-dialog[data-v-45d4672e] .file-list::-webkit-scrollbar-thumb{background-color:rgba(177,180,188,.5);border-radius:2px}.file-list-dialog[data-v-45d4672e] .file-list .file-item{height:34px;line-height:34px;font-size:12px;color:#18191a;text-align:left;cursor:pointer;padding:0 30px}.file-list-dialog[data-v-45d4672e] .file-list .file-item:hover{background:#f4f5f8}.file-list-dialog[data-v-45d4672e] .file-item .state{display:inline-block;padding:0 5px;height:16px;border-radius:4px;background-color:#0045ff;color:#fff;font-size:10px;text-align:center;line-height:16px;margin-right:6px}.file-list-dialog[data-v-45d4672e] .file-item .state.dynamic{background-color:#ffa402}.file-list-dialog[data-v-45d4672e] .file-item .state.h5{width:23px;background-color:#00baff}.file-list-dialog[data-v-45d4672e] .el-dialog__header{width:460px;height:43px;line-height:43px;text-align:center;padding:0}.file-list-dialog[data-v-45d4672e] .el-dialog__headerbtn{height:12px;width:12px;position:absolute;top:16px;right:16px}.file-list-dialog[data-v-45d4672e] .el-dialog__close{height:12px;width:12px}.file-list-dialog[data-v-45d4672e] .tips{width:430px;height:51px;text-align:left;font-size:10px;color:#585c62;line-height:51px;padding:0 0 0 30px}.file-list-dialog[data-v-45d4672e] .tips .static{margin-right:20px;line-height:51px;height:51px}.room-dialog-quit .el-dialog__wrapper{margin-top:22vh}.room-dialog-quit .el-dialog{border-radius:6px}.room-dialog-quit .el-dialog__header{font-size:14px;color:#585c62;height:38px;padding:0}.room-dialog-quit .el-dialog__headerbtn{top:16px;right:16px;bottom:auto;left:auto;position:absolute;font-size:14px}.room-dialog-quit .el-dialog__body{padding:0;font-size:12px}.room-dialog-quit .el-dialog__title{display:inline-block;padding-top:22px;font-size:14px;color:#18191a}.room-dialog-quit .dialog-content{padding:14px 25px 30px 25px}.room-dialog-quit .el-button+.el-button{margin-left:14px}.room-dialog-quit .el-button.is-round{padding:0}.room-dialog-quit .quit{width:90px;height:30px;font-size:12px;color:#04f;margin-top:16px;padding:0;border:1px solid #04f;border-radius:15px}.room-dialog-quit .quit:hover{border:1px solid #04f;background-color:#f0f4ff;color:#04f}.room-dialog-quit .quit:active{background-color:#f0f4ff!important;color:#fff}.room-dialog-quit .quit:focus{background-color:#fff;border:1px solid #04f;color:#04f}.room-dialog-quit .end{width:90px;height:30px;font-size:12px;color:#fff;margin-top:16px;padding:0;border:0;border-radius:15px;background-color:#1742f5}.room-dialog-quit .end:hover{background-color:#0030ff;color:#fff}.room-dialog-quit .end:active{background-color:#0030ff!important;color:#fff}.room-dialog-quit .end:focus{background-color:#1742f5;color:#fff}.room-dialog-quit .cancle{width:74px;height:30px;font-size:12px;color:#fff;margin-top:24px;padding:0;border:0;border-radius:15px;background-color:#b1b4bd}.room-dialog-quit .cancle:hover{background-color:#a3a6ad;color:#fff}.room-controller-feature[data-v-7e4b05a1]{display:inline-flex;width:100%;height:68px;margin:0 auto;background-color:#fff}.room-controller-feature .control-btn-list[data-v-7e4b05a1]{display:inline-flex;align-items:center;height:100%;margin:0 auto}.room-controller-feature .control-btn-list li:hover .can-spread[data-v-7e4b05a1]{background:#f4f5f8}.room-controller-feature .control-btn-list li:hover .can-spread+span .el-popover__reference[data-v-7e4b05a1]{border-radius:0 4px 4px 0}.room-controller-feature .control-btn-list li:hover .el-popover__reference[data-v-7e4b05a1]{background-color:#e4e5eb}.room-controller-feature .control-btn-item[data-v-7e4b05a1]{display:flex;align-items:center;color:#585c62;cursor:pointer}.room-controller-feature .control-btn-item .el-popover__reference .btn-name[data-v-7e4b05a1]{font-size:12px;color:#585c62;margin-top:2px;font-family:Microsoft YaHei,Avenir,Helvetica,Arial,sans-serif;font-weight:400}.room-controller-feature .control-btn-item .el-popover__reference .btn-name[data-v-7e4b05a1]:hover{color:#18191a}.room-controller-feature .control-btn-item+.control-btn-item[data-v-7e4b05a1]{margin-left:16px}.room-controller-feature .control-btn-item.no-auth .sub-btn[data-v-7e4b05a1] .hover-stroke{stroke:#b9bac1}.room-controller-feature .control-btn-item.no-auth .sub-btn[data-v-7e4b05a1] .hover-fill{fill:#b9bac1}.room-controller-feature .control-btn-item.no-auth .main-btn[data-v-7e4b05a1]{position:relative}.room-controller-feature .control-btn-item.no-auth .main-btn:hover .no-auth-tip[data-v-7e4b05a1]{display:block}.room-controller-feature .control-btn-item[data-v-7e4b05a1] .el-button{padding:0;border:0}.room-controller-feature .control-btn-item[data-v-7e4b05a1] .memberNum{width:36px;height:13px;font-size:10px;color:#fff;top:19px;right:auto;bottom:auto;left:19px;position:absolute;font-weight:400;line-height:13px;background-color:#464a4d;z-index:2;border-radius:4px}.room-controller-feature .control-btn-item .main-btn[data-v-7e4b05a1]{width:54px;height:54px;box-sizing:border-box;position:relative;padding-top:2px;text-align:center;font-size:12px;border-radius:4px;background:#fff}.room-controller-feature .control-btn-item .main-btn.can-spread[data-v-7e4b05a1]{border-radius:4px 0 0 4px}.room-controller-feature .control-btn-item .main-btn[data-v-7e4b05a1]:hover{background:#f4f5f8}.room-controller-feature .control-btn-item .main-btn.active[data-v-7e4b05a1]{color:#04f}.room-controller-feature .control-btn-item .main-btn[data-v-7e4b05a1]:not(.active):hover{color:#18191a}.room-controller-feature .control-btn-item .main-btn[data-v-7e4b05a1]:not(.active):hover .hover-stroke{stroke:#18191a}.room-controller-feature .control-btn-item .main-btn[data-v-7e4b05a1]:not(.active):hover .hover-fill{fill:#18191a}.room-controller-feature .control-btn-item .main-btn .main-icon[data-v-7e4b05a1]{width:32px;height:32px;margin:0 auto}.room-controller-feature .control-btn-item .main-btn .no-auth-tip[data-v-7e4b05a1]{font-size:12px;color:#fff;top:auto;right:auto;bottom:105%;left:50%;position:absolute;display:none;height:32px;line-height:32px;padding:0 9px;white-space:nowrap;border-radius:4px;background:rgba(0,0,0,.7);transform:translate(-50%)}.room-controller-feature .control-btn-item .el-sub-btn.el-button[data-v-7e4b05a1]:focus,.room-controller-feature .control-btn-item .el-sub-btn.el-button[data-v-7e4b05a1]:hover{background:#e4e5eb;border-radius:0 4px 4px 0}.room-controller-feature .control-btn-item .el-sub-btn.el-button:focus .sub-btn .arrow-btn[data-v-7e4b05a1]{transform:rotate(180deg);transition:transform .3s ease}.room-controller-feature .control-btn-item .el-sub-btn .sub-btn[data-v-7e4b05a1]{height:54px;line-height:54px}.room-controller-feature .control-btn-item .el-sub-btn .sub-btn .arrow-btn[data-v-7e4b05a1]{width:14px;transform-origin:center;transform:rotate(0deg);transition:transform .3s ease}.room-controller-feature .quit-button[data-v-7e4b05a1]{display:inline-flex;align-items:center;height:100%;margin-right:10px;z-index:10}.room-controller-feature .quit-button .quit-button-item[data-v-7e4b05a1]{display:inline-flex;flex-direction:row;justify-content:center;align-items:center;width:76px;height:36px;font-size:12px;color:#18191a;border:1px solid #edeff3;border-radius:6px;background-color:#fff;cursor:pointer;outline:0}.room-controller-feature .quit-button .quit-button-item[data-v-7e4b05a1]:hover{border-color:#b1b4bc;color:#18191a}.room-controller-feature .quit-button .quit-button-item[data-v-7e4b05a1]:hover .hover-stroke{stroke:#585c62}.room-controller-feature .quit-button .quit-button-item[data-v-7e4b05a1]:active{color:#04f;border-color:#04f;background-color:#f0f4ff}.room-controller-feature .quit-button .quit-button-item[data-v-7e4b05a1]:active .hover-stroke{stroke:#04f}.room-controller-feature .quit-button .quit-button-item .button-icon[data-v-7e4b05a1]{display:inline-block;width:20px;height:20px;margin-right:6px}.message-box[data-v-a8e39d74]{position:relative;display:flex;flex-direction:column;height:calc(100% - 210px);overflow:hidden;background-color:#fbfcff;padding-right:2px}.message-box .title[data-v-a8e39d74]{height:32px;font-size:12px;color:#18191a;line-height:32px;box-sizing:border-box;border-bottom:1px solid #edeff3}.message-box .message-list[data-v-a8e39d74]{position:relative;box-sizing:border-box;padding:0 10px;overflow:auto;flex-grow:1;width:100%;height:168px}.message-box .message-list[data-v-a8e39d74]::-webkit-scrollbar{width:4px}.message-box .message-list[data-v-a8e39d74]::-webkit-scrollbar-track{padding-right:2px}.message-box .message-list[data-v-a8e39d74]::-webkit-scrollbar-thumb{background-color:rgba(177,180,188,.5);border-radius:2px}.message-box .message-list .item[data-v-a8e39d74]{display:flex;flex-direction:column;font-size:12px;font-weight:400}.message-box .message-list .item .name[data-v-a8e39d74]{margin-bottom:1px;line-height:18px;color:#86888c;text-align:left}.message-box .message-list .item .name-right[data-v-a8e39d74]{margin-bottom:1px;line-height:18px;color:#86888c;text-align:right}.message-box .message-list .item .text-box[data-v-a8e39d74]{display:flex;flex-direction:column;text-align:left}.message-box .message-list .item .text-item[data-v-a8e39d74]{display:flex;align-items:center}.message-box .message-list .item .text[data-v-a8e39d74]{margin:4px 0;padding:9px 12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:181px;background-color:#fff;color:#585c62;line-height:18px;border-radius:2px 16px 16px 16px;word-break:break-all;box-shadow:0 0 10px 2px rgba(0,0,0,.04)}.message-box .message-list .item .text p[data-v-a8e39d74]{margin:0}.message-box .message-list .item.isMe[data-v-a8e39d74]{position:relative}.message-box .message-list .item.isMe .text-box[data-v-a8e39d74]{align-items:flex-end}.message-box .message-list .item.isMe .text[data-v-a8e39d74]{margin:4px 0;background-color:#04f;border-radius:16px 2px 16px 16px;color:#fff;box-shadow:0 0 10px 2px rgba(0,68,255,.2)}.message-box .message-list .item.isMe .loading-box[data-v-a8e39d74]{position:relative;width:18px;height:18px;margin:0 auto;margin-right:6px}.message-box .message-list .item.isMe .loading-box .fade-item[data-v-a8e39d74]{position:absolute;top:0;left:0;width:18px;height:18px}.message-box .message-list .item.isMe .loading-box .fade-item[data-v-a8e39d74]:before{content:"";display:block;margin:0 auto;width:1px;height:5px;background-color:#bcbfc5;border-radius:2px;-webkit-border-radius:2px;-webkit-animation:fadeDelay-data-v-a8e39d74 1.2s ease-in-out infinite both;animation:fadeDelay-data-v-a8e39d74 1.2s ease-in-out infinite both}.message-box .message-list .item.isMe .loading-box .fade-item2[data-v-a8e39d74]{transform:rotate(30deg)}.message-box .message-list .item.isMe .loading-box .fade-item2[data-v-a8e39d74]:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.message-box .message-list .item.isMe .loading-box .fade-item3[data-v-a8e39d74]{transform:rotate(60deg)}.message-box .message-list .item.isMe .loading-box .fade-item3[data-v-a8e39d74]:before{-webkit-animation-delay:-1s;animation-delay:-1s}.message-box .message-list .item.isMe .loading-box .fade-item4[data-v-a8e39d74]{transform:rotate(90deg)}.message-box .message-list .item.isMe .loading-box .fade-item4[data-v-a8e39d74]:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.message-box .message-list .item.isMe .loading-box .fade-item5[data-v-a8e39d74]{transform:rotate(120deg)}.message-box .message-list .item.isMe .loading-box .fade-item5[data-v-a8e39d74]:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.message-box .message-list .item.isMe .loading-box .fade-item6[data-v-a8e39d74]{transform:rotate(150deg)}.message-box .message-list .item.isMe .loading-box .fade-item6[data-v-a8e39d74]:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.message-box .message-list .item.isMe .loading-box .fade-item7[data-v-a8e39d74]{transform:rotate(180deg)}.message-box .message-list .item.isMe .loading-box .fade-item7[data-v-a8e39d74]:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.message-box .message-list .item.isMe .loading-box .fade-item8[data-v-a8e39d74]{transform:rotate(210deg)}.message-box .message-list .item.isMe .loading-box .fade-item8[data-v-a8e39d74]:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.message-box .message-list .item.isMe .loading-box .fade-item9[data-v-a8e39d74]{transform:rotate(240deg)}.message-box .message-list .item.isMe .loading-box .fade-item9[data-v-a8e39d74]:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.message-box .message-list .item.isMe .loading-box .fade-item10[data-v-a8e39d74]{transform:rotate(270deg)}.message-box .message-list .item.isMe .loading-box .fade-item10[data-v-a8e39d74]:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.message-box .message-list .item.isMe .loading-box .fade-item11[data-v-a8e39d74]{transform:rotate(300deg)}.message-box .message-list .item.isMe .loading-box .fade-item11[data-v-a8e39d74]:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.message-box .message-list .item.isMe .loading-box .fade-item12[data-v-a8e39d74]{transform:rotate(330deg)}.message-box .message-list .item.isMe .loading-box .fade-item12[data-v-a8e39d74]:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@keyframes fadeDelay-data-v-a8e39d74{0%,39%,to{opacity:.2}40%{opacity:1}}@-webkit-keyframes fadeDelay-data-v-a8e39d74{0%,39%,to{opacity:.2}40%{opacity:1}}.message-box .message-list .item.isMe .icon[data-v-a8e39d74]{margin-right:6px;width:16px;height:16px}.message-box .message-list .state-item[data-v-a8e39d74]{padding:7px 0;text-align:center;line-height:12px;font-size:12px;color:#86888c}.message-box .message-list .state-item .name[data-v-a8e39d74]{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:145px}.message-box .message-list .state-item .text[data-v-a8e39d74]{display:inline-block}.message-box .send[data-v-a8e39d74]{width:100%;height:176px;padding:14px 0;padding-right:2px;box-sizing:border-box;border-top:1px solid #edeff3}.message-box .send .send-textarea[data-v-a8e39d74]{padding:0 14px;resize:none;width:328px;height:100px;font-size:12px;color:#585c62;background-color:transparent;border:none;word-break:break-all}.message-box .send .send-textarea[data-v-a8e39d74]::-webkit-scrollbar{width:4px}.message-box .send .send-textarea[data-v-a8e39d74]::-webkit-scrollbar-track{padding-right:2px}.message-box .send .send-textarea[data-v-a8e39d74]::-webkit-scrollbar-thumb{background-color:rgba(177,180,188,.5);border-radius:2px}.message-box .send .send-textarea[data-v-a8e39d74]:focus{outline:none}.message-box .send .send-textarea[data-v-a8e39d74]:disabled::-webkit-input-placeholder{color:#505458}.message-box .send .send-tool-box[data-v-a8e39d74]{display:flex;justify-content:space-between;align-items:center}.message-box .send .send-tool-box .input-warn[data-v-a8e39d74]{display:flex}.message-box .send .send-tool-box .input-warn-tip[data-v-a8e39d74]{display:flex;height:12px;font-size:12px;color:#f64326;margin-left:14px;line-height:12px}.message-box .send .send-tool-box .input-warn-tip .icon[data-v-a8e39d74]{margin-right:4px;width:12px;height:12px}.message-box .send .send-tool-box .btn[data-v-a8e39d74]{padding:0;border:0;text-align:center;width:44px;height:24px;font-size:12px;color:#edf1fa;border-radius:4px;background-color:#04f;line-height:24px}.message-box .send .send-tool-box .btn[data-v-a8e39d74]:hover{cursor:pointer;background-color:#0030ff;box-shadow:0 0 10px 2px rgba(0,68,255,.02)}.message-box .send .send-tool-box .btn[data-v-a8e39d74]:active{background-color:#04f}.message-box .send .send-tool-box .btn[data-v-a8e39d74]:focus{outline:none}.message-box .send .send-tool-box .btn[data-v-a8e39d74]:disabled{cursor:not-allowed;background-color:#9ab0f9;color:#fff}.page-view-room{display:flex;height:100%;margin:0 auto}.page-view-room .main-area{width:100%;height:100%;display:flex;flex-direction:column;flex-grow:1;position:relative}.page-view-room .main-area .main-top{width:100%}.page-view-room .main-area .main-bottom,.page-view-room .main-area .main-top{display:flex;align-items:center;justify-content:center}.page-view-room .main-area .main-mid{flex:1}.page-view-room .main-area .main-bottom{background-color:#fff}.page-view-room .page-left{flex:1}.page-view-room .page-right{width:356px;height:100%}.room-dialog-loading{width:214px;height:98px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.8);border-radius:8px;z-index:10001}.room-dialog-loading .loading-box{position:relative;width:34px;height:34px;margin:0 auto;margin-top:20px}.room-dialog-loading .loading-box .fade-item{position:absolute;top:0;left:0;width:34px;height:34px}.room-dialog-loading .loading-box .fade-item:before{content:"";display:block;margin:0 auto;width:3px;height:9px;background-color:#fff;border-radius:4px;-webkit-border-radius:4px;-webkit-animation:fadeDelay 1.2s ease-in-out infinite both;animation:fadeDelay 1.2s ease-in-out infinite both}.room-dialog-loading .loading-box .fade-item2{transform:rotate(30deg)}.room-dialog-loading .loading-box .fade-item2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.room-dialog-loading .loading-box .fade-item3{transform:rotate(60deg)}.room-dialog-loading .loading-box .fade-item3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.room-dialog-loading .loading-box .fade-item4{transform:rotate(90deg)}.room-dialog-loading .loading-box .fade-item4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.room-dialog-loading .loading-box .fade-item5{transform:rotate(120deg)}.room-dialog-loading .loading-box .fade-item5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.room-dialog-loading .loading-box .fade-item6{transform:rotate(150deg)}.room-dialog-loading .loading-box .fade-item6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.room-dialog-loading .loading-box .fade-item7{transform:rotate(180deg)}.room-dialog-loading .loading-box .fade-item7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.room-dialog-loading .loading-box .fade-item8{transform:rotate(210deg)}.room-dialog-loading .loading-box .fade-item8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.room-dialog-loading .loading-box .fade-item9{transform:rotate(240deg)}.room-dialog-loading .loading-box .fade-item9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.room-dialog-loading .loading-box .fade-item10{transform:rotate(270deg)}.room-dialog-loading .loading-box .fade-item10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.room-dialog-loading .loading-box .fade-item11{transform:rotate(300deg)}.room-dialog-loading .loading-box .fade-item11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.room-dialog-loading .loading-box .fade-item12{transform:rotate(330deg)}.room-dialog-loading .loading-box .fade-item12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@keyframes fadeDelay{0%,39%,to{opacity:.2}40%{opacity:1}}@-webkit-keyframes fadeDelay{0%,39%,to{opacity:.2}40%{opacity:1}}.room-dialog-loading p{margin-top:10px;font-size:14px;color:#fff}.room-dialog-error .el-dialog{width:280px!important}.room-dialog-error .el-dialog__wrapper{margin-top:22vh}.room-dialog-error .el-dialog{border-radius:6px}.room-dialog-error .el-dialog__header{display:none!important}.room-dialog-error .el-dialog__headerbtn{top:16px;right:16px;bottom:auto;left:auto;position:absolute;font-size:12px}.room-dialog-error .el-dialog__body{padding:0;padding-top:40px;font-size:12px}.room-dialog-error .el-dialog__title{font-size:14px;color:#18191a}.room-dialog-error .dialog-content{padding:0 0 30px 0}.room-dialog-error .des{margin-bottom:30px;color:#18191a}.room-dialog-error .el-button.is-round{width:70px;height:30px;font-size:12px;color:#fff;padding:0;border:0;border-radius:15px}.room-dialog-error .end{background-color:#1742f5}.room-dialog-error .end:hover{background-color:#0030ff;color:#fff}.room-dialog-error .end:active{background-color:#0030ff!important;color:#fff}.room-dialog-error .end:focus{background-color:#1742f5;color:#fff}.room-dialog-error .cancle{background-color:#b1b4bd}.room-dialog-error .cancle:hover{background-color:#a3a6ad;color:#fff}.room-dialog-error .cancle:focus{background-color:#a3a6ad!important;color:#fff}.base-dialog-message .el-dialog{width:230px!important;border-radius:6px}.base-dialog-message .el-dialog__wrapper{margin-top:22vh}.base-dialog-message .el-dialog__header{display:none!important}.base-dialog-message .el-dialog__headerbtn{top:16px;right:16px;bottom:auto;left:auto;position:absolute;font-size:12px}.base-dialog-message .el-dialog__body{padding:0;padding-top:40px;font-size:12px}.base-dialog-message .el-dialog__title{font-size:14px;color:#18191a}.base-dialog-message .dialog-content{padding:0 0 30px 0}.base-dialog-message .des{margin-bottom:30px;color:#18191a}.base-dialog-message .el-button.is-round{width:70px;height:30px;font-size:12px;color:#fff;padding:0;border:0;border-radius:15px}.base-dialog-message .end{background-color:#1742f5}.base-dialog-message .end:hover{background-color:#0030ff;color:#fff}.base-dialog-message .end:active{background-color:#0030ff!important;color:#fff}.base-dialog-message .end:focus{background-color:#1742f5;color:#fff}.base-dialog-message .cancle{background-color:#b1b4bd}.base-dialog-message .cancle:hover{background-color:#a3a6ad;color:#fff}.base-dialog-message .cancle:focus{background-color:#a3a6ad!important;color:#fff}.page-login,.room[data-v-6a975685],.scene-base-class,.zego-live-room{width:100%;height:100%}.page-login{background-color:#f4f5f8}.page-login .login-content{width:auto;height:auto;top:50%;right:auto;bottom:auto;left:50%;position:absolute;box-shadow:3px 3px 30px rgba(0,0,0,.08);display:flex;margin:0 auto;border-radius:6px;transform:translate(-50%,-50%);background-color:#fff}.page-login .login-content .el-form-item{width:260px;margin-bottom:0}.page-login .login-content .el-form-item__content{width:100%;height:48px;font-size:12px;color:#585c62}.page-login .login-content .el-form-item__content.is-error{height:58px}.page-login .login-content .join-class{width:190px;height:38px;font-size:14px;color:#fff;border-radius:20px;margin:18px auto 0;border-color:#1751f5;background-color:#1751f5}.page-login .login-content .join-class:disabled{border-color:#94b0ff;background-color:#94b0ff}.page-login .login-content .login-form{width:240px;height:300px;float:left;margin:34px 30px 50px 30px;border-radius:3px}.page-login .login-content .login-form-container{position:relative}.page-login .login-content .username{display:block}.page-login .login-content .welcome{margin-bottom:20px;font-size:18px;color:#585c62;font-weight:700;text-align:left}.page-login .login-content .forClass{display:block;font-size:26px;color:#18191a;font-weight:700;text-align:left}.page-login .login-content .el-input{width:100%;height:34px;font-size:14px}.header-wrap{width:100%;height:6rem;display:flex;border-bottom:.1rem solid #f5f7fa}.header-wrap .left{flex-grow:1;display:flex;padding-left:1rem}.header-wrap .left .logo{width:6rem;height:6rem}.header-wrap .left .logo img{width:100%;height:100%}.header-wrap .left .title{padding-left:1rem;position:relative;font-size:2.4rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#202124;line-height:6rem}.header-wrap .right{width:15rem;display:flex;align-items:center}.header-wrap .right .avatar img{display:block;width:3rem;height:3rem;border-radius:50%}.header-wrap .right .name{padding-left:1rem;position:relative;font-size:1rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:400;color:#202124;line-height:6rem}.room-list-wrap[data-v-89ee5b70]{width:100%;display:flex;margin-top:1.2rem}.room-list-wrap .room-list-item[data-v-89ee5b70]{width:20rem;height:auto;padding:.8rem}.room-list-wrap .room-list-item .room-item[data-v-89ee5b70]{width:100%;height:100%;border:1px solid #edeff2}.room-list-wrap .room-list-item .room-item .room-cover-image[data-v-89ee5b70]{width:20rem;height:12rem}.room-list-wrap .room-list-item .room-item .room-cover-image img[data-v-89ee5b70]{width:100%;height:100%}.room-list-wrap .room-list-item .room-item .room-name[data-v-89ee5b70]{width:20rem;height:3rem;font-size:1rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:400;color:#202124;display:table-cell;vertical-align:middle}.room-list-wrap .room-list-item .room-item .room-botton[data-v-89ee5b70]{display:flex}.room-list-wrap .room-list-item .room-item .room-botton .room-botton-item[data-v-89ee5b70]{width:50%;height:3rem;line-height:3rem;color:#fff;background-color:#409eff;border:1px solid #edeff2}.room-list-main{width:100%}.waves-ripple{position:absolute;border-radius:100%;background-color:rgba(0,0,0,.15);background-clip:padding-box;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transform:scale(0);opacity:1}.waves-ripple.z-active{opacity:0;transform:scale(2);transition:opacity 1.2s ease-out,transform .6s ease-out}.panel-group[data-v-31e4691b]{margin-top:8px}.panel-group .card-panel-col[data-v-31e4691b]{margin-bottom:12px}.panel-group .card-panel[data-v-31e4691b]{height:108px;cursor:pointer;font-size:12px;position:relative;overflow:hidden;color:#666;background:#fff;box-shadow:4px 4px 40px rgba(0,0,0,.05);border-color:rgba(0,0,0,.05)}.panel-group .card-panel:hover .card-panel-icon-wrapper[data-v-31e4691b]{color:#fff}.panel-group .card-panel:hover .icon-people[data-v-31e4691b]{background:#40c9c6}.panel-group .card-panel:hover .icon-message[data-v-31e4691b]{background:#36a3f7}.panel-group .card-panel:hover .icon-money[data-v-31e4691b]{background:#f4516c}.panel-group .card-panel:hover .icon-shopping[data-v-31e4691b]{background:#34bfa3}.panel-group .card-panel .icon-people[data-v-31e4691b]{color:#40c9c6}.panel-group .card-panel .icon-message[data-v-31e4691b]{color:#36a3f7}.panel-group .card-panel .icon-money[data-v-31e4691b]{color:#f4516c}.panel-group .card-panel .icon-shopping[data-v-31e4691b]{color:#34bfa3}.panel-group .card-panel .card-panel-icon-wrapper[data-v-31e4691b]{float:left;margin:14px 0 0 14px;padding:16px;transition:all .38s ease-out;border-radius:6px}.panel-group .card-panel .card-panel-icon[data-v-31e4691b]{float:left;font-size:48px}.panel-group .card-panel .card-panel-description[data-v-31e4691b]{float:right;font-weight:700;margin:26px;margin-left:0}.panel-group .card-panel .card-panel-description .card-panel-text[data-v-31e4691b]{line-height:18px;color:rgba(0,0,0,.45);font-size:16px;margin-bottom:12px}.panel-group .card-panel .card-panel-description .card-panel-num[data-v-31e4691b]{font-size:20px}@media (max-width:550px){.card-panel-description[data-v-31e4691b]{display:none}.card-panel-icon-wrapper[data-v-31e4691b]{float:none!important;width:100%;height:100%;margin:0!important}.card-panel-icon-wrapper .svg-icon[data-v-31e4691b]{display:block;margin:14px auto!important;float:none!important}}.dashboard-editor-container[data-v-4b558017]{padding:10px;background-color:#f0f2f5;position:relative}.dashboard-editor-container .github-corner[data-v-4b558017]{position:absolute;top:0;border:0;right:0}.dashboard-editor-container .chart-wrapper[data-v-4b558017]{background:#fff;padding:16px 16px 0;margin-bottom:32px}@media (max-width:1024px){.chart-wrapper[data-v-4b558017]{padding:8px}}.pagination-container[data-v-5a98e300]{background:#fff;padding:32px 16px}.pagination-container.hidden[data-v-5a98e300]{display:none}.app-container .filter-container[data-v-3f1a95a0],.app-container .filter-container[data-v-31ebb128]{padding-bottom:10px}.tab-container[data-v-46a3e3f6]{margin:30px;text-align:left}.el-message{min-width:auto!important;top:58px!important;padding:0 14px;height:34px;line-height:34px;border-radius:4px;background-color:rgba(0,0,0,.7);border:none}.el-message .el-icon-error,.el-message .el-icon-info,.el-message .el-icon-success,.el-message .el-icon-warning{display:none}.el-message .el-message__content{color:#fff;font-size:14px}@-webkit-keyframes rotating{0%{transform:rotate(1turn)}to{transform:rotate(0)}}@keyframes rotating{0%{transform:rotate(1turn)}to{transform:rotate(0)}}.el-message .el-icon-loading:before{content:"";display:inline-block;width:20px;height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRjhCODJFMDRCNTMxMUVCOTBGQUY3RjFEMzkyQUZBNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRjhCODJFMTRCNTMxMUVCOTBGQUY3RjFEMzkyQUZBNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGOEI4MkRFNEI1MzExRUI5MEZBRjdGMUQzOTJBRkE1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGOEI4MkRGNEI1MzExRUI5MEZBRjdGMUQzOTJBRkE1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+QG6ThAAAA/pJREFUeNrMV0tLVVEU9ub1/cCkNBGslAoSB2HSg4gwqEkTCYWwSUMbBUHQL3BQ0CxoUhRSiYOCIMoIgsSsFAyDUEOuQpSVXdOyfN3Tt+jbtt2ec+65ni254WMfXeus/e31OutGHMdJW89rQ9o6X1H1EIlEQhlCJHZiOw7MA52wNxLSnnUP1gMFxKH1GOJMuTiRYT3EPq7eiO0YkAU8RujGPVQThCLpZ68WWAD6YG86FEGsk4DkVzpQgQMuweis29kByGVoqeDQ651hQ1wM5ALZQCnQ5HV+AJIHgHzKE0EcFITgMxLMpME6eKLWh6CX96qwbdfIyf42NEGE8xW2HoZY9KUfNeLA4hRahoR0v3YB2d/D9pitKr4FjBsVewoH6+/PkrysOY2c6Bym95WXp4Bea20GN/2N7RqbsApPhYRbU+siyVl6XK1dQInmPaneLthcsNJmNJIxeOM+Hk+ofwFFmnwI8mE+67mYR90IL/cG8m+ratQ4oBQo9NF/CvQDi8AE8Nq4hGOQkzUETNODo8A7n1zNBHKX2dSmmdNsyHLTDzz8OQ787GJILvEDskTAIhGb2dD/5SLLwbaFaVDAFBgmh2UEH2gtIEIvCQYBqeRuHPDVxueLXionsQLtrEUSjKsWpBPsALayEKQovgMzfEFV5xWQ7A9JTpr9Pv6pCKk9wf0TMGLm4DngCQuniF8OZWSeJOstOLBcs5swSIpjPgJjK3JQzYP4O503lMZao/UvyZXb0LsX0oPbsFVrIf3JHivpM6WKbImXSdAwJh7eDeyhgUcuVbqaQbScEZJOMOlxdnKC/3OtxUS9tr9JPG4hFzgIHGWTvWkpxKX8nk9KE/eLXtTFgBTJEaCBKNPE0r+uhnRKGccuqdxNUrk4M84BYsYkG9WIycf/IifozR7G6yxELYfkVGsRRoW8/Bx4TJOsY3rwIcvfa0kvvGOB4BeS1KebBa1RZ5G0Y35JZpkX5noJSO+7C/ePWqrQDI7++XTSokE0vnQBIUhcdv6uBNANnGfY3Q4oA6IpEIp6TeCS80Ce/NoTHRlENE7/CFJ5B1DiV9VABy8S4++MZOSqgBFgQn4RcrLxnHqU3JVggMMuOMtXa4B3WjV9qdgzQdtRSgShsxeYMwi2aPIGaRdEg/b/FuOdKaDGKkHI84Eh46AePQ/xPKDJBoz8e2G8Oyh5Z5PgDRcvVBo6MU0eM2SVfEdf160QhKzRWbmaXfQ8CVLe7GKnyQbBXsNom4eeL0HqtBm2+pIRDDLNTGrPMoafDdGjW9QozxUPXs7ecsmfdvlNDFT76CX1IPWqaavdzONQbSbARQMRTGUsCxrioGva49kOUwt2XBt1WF5/BBgA++TKzRobJzUAAAAASUVORK5CYII=) no-repeat 0 0;background-size:100% 100%}.el-divider{background-color:#edeff3}