.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;justify-content:center;top:0;right:0;bottom:0;left:0;position:absolute;z-index:10}.room-whiteboard-none .content{width:100%}.room-whiteboard-none .content .share-content{width:100%;height:100%;font-size:20px;color:#585c62}.room-whiteboard-none .content .share-content.large-class img{width:99%;height:99%}.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}.zego-whiteboard-area{width:100%;height:100%;background-color:#fff;border-radius:6px}@media only screen and (min-width:768px){.top-bar{flex-grow:1;height:100%;align-items:center;justify-content:center;display:flex;flex-shrink:0}.top-bar .no-canvas-bar{align-self:flex-start;width:auto;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{display:flex;align-items:center;justify-content:center;width:100%;flex-shrink:0;position:relative;height:100%;margin:0}.room-controller-whiteboard .whiteboard-bar-classid{font-size:12px;color:#585c62;width:100%;display:flex;flex-direction:row;padding:24px}.room-controller-whiteboard .whiteboard-bar-classid .live-room-left{flex-grow:1;display:flex;flex-direction:row}.room-controller-whiteboard .whiteboard-bar-classid .live-room-left .live-room-logo{width:80px;height:80px}.room-controller-whiteboard .whiteboard-bar-classid .live-room-left .live-room-logo img{width:80px;height:80px;border-radius:50%}.room-controller-whiteboard .whiteboard-bar-classid .live-room-left .live-room-text{font-family:Microsoft YaHei,Avenir,Helvetica,Arial,sans-serif;padding-left:20px;text-align:left}.room-controller-whiteboard .whiteboard-bar-classid .live-room-left .live-room-text .live-room-name{line-height:40px;font-weight:700;color:#222;font-size:18px}.room-controller-whiteboard .whiteboard-bar-classid .live-room-left .live-room-text .live-room-time{line-height:40px;font-weight:400;color:#919499;font-size:12px}.room-controller-whiteboard .whiteboard-bar-classid .live-room-right{width:130px;text-align:left;display:inline-flex;flex-direction:column;align-items:center;height:100%}.room-controller-whiteboard .whiteboard-bar-classid .live-room-right .live-room-share,.room-controller-whiteboard .whiteboard-bar-classid .live-room-right .live-room-users-count{display:inline-flex;flex-direction:row;justify-content:left;align-items:center;width:128px;height:36px;font-size:12px;color:#18191a;cursor:pointer;outline:0}.room-controller-whiteboard .whiteboard-bar-classid .live-room-right .live-room-share .si-icon,.room-controller-whiteboard .whiteboard-bar-classid .live-room-right .live-room-users-count .si-icon{display:inline-block;width:20px;height:20px;margin-right:6px}}@media only screen and (max-width:767px){.top-bar{flex-grow:1;height:100%;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:.6rem;color:#585c62;line-height:2rem;text-align:center}.top-bar .no-canvas-bar.large-class{text-align:left;margin-left:7%;background-color:#fff}.room-controller-whiteboard{display:flex;align-items:center;justify-content:center;width:100%;height:100%;flex-shrink:0;position:relative;margin:0}.room-controller-whiteboard .whiteboard-bar-classid{font-size:.6rem;color:#585c62;top:auto;right:auto;bottom:auto;left:auto;position:absolute;width:100%;height:100%;display:flex;flex-direction:row}.room-controller-whiteboard .whiteboard-bar-classid .live-room-left{flex-grow:1;display:flex;flex-direction:row;padding-top:.3rem;padding-left:.5rem}.room-controller-whiteboard .whiteboard-bar-classid .live-room-left .live-room-logo{width:2.4rem;height:2.4rem}.room-controller-whiteboard .whiteboard-bar-classid .live-room-left .live-room-logo img{width:2.4rem;height:2.4rem;border-radius:50%}.room-controller-whiteboard .whiteboard-bar-classid .live-room-left .live-room-text{font-family:Microsoft YaHei,Avenir,Helvetica,Arial,sans-serif;padding-left:.2rem;text-align:left;flex-direction:column}.room-controller-whiteboard .whiteboard-bar-classid .live-room-left .live-room-text .live-room-name{height:1.2rem;line-height:1.2rem;font-weight:700;color:#222;font-size:.6rem}.room-controller-whiteboard .whiteboard-bar-classid .live-room-left .live-room-text .live-room-time{height:1.2rem;line-height:1.2rem;font-weight:400;color:#919499;font-size:.6rem}.room-controller-whiteboard .whiteboard-bar-classid .live-room-right{width:10rem;text-align:left;display:inline-flex;flex-direction:row;align-items:center;height:100%}.room-controller-whiteboard .whiteboard-bar-classid .live-room-right .live-room-share{width:4rem;height:3rem}.room-controller-whiteboard .whiteboard-bar-classid .live-room-right .live-room-users-count{width:6rem;height:3rem}.room-controller-whiteboard .whiteboard-bar-classid .live-room-right .live-room-share,.room-controller-whiteboard .whiteboard-bar-classid .live-room-right .live-room-users-count{display:inline-flex;flex-direction:row;justify-content:left;align-items:center;font-size:.12rem;color:#18191a;cursor:pointer;outline:0}.room-controller-whiteboard .whiteboard-bar-classid .live-room-right .live-room-share .si-icon,.room-controller-whiteboard .whiteboard-bar-classid .live-room-right .live-room-users-count .si-icon{display:inline-block;width:20px;height:20px;margin-right:6px}}@media only screen and (min-width:768px){.message-box[data-v-2387cb42]{position:relative;display:flex;flex-direction:column;height:calc(100% - 210px);overflow:hidden;background-color:#fbfcff;padding-right:2px}.message-box .title[data-v-2387cb42]{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-2387cb42]{position:relative;box-sizing:border-box;padding:0 10px;overflow:auto;flex-grow:1;width:100%;height:168px}.message-box .message-list[data-v-2387cb42]::-webkit-scrollbar{width:4px}.message-box .message-list[data-v-2387cb42]::-webkit-scrollbar-track{padding-right:2px}.message-box .message-list[data-v-2387cb42]::-webkit-scrollbar-thumb{background-color:rgba(177,180,188,.5);border-radius:2px}.message-box .message-list .item[data-v-2387cb42]{display:flex;flex-direction:column;font-size:12px;font-weight:400}.message-box .message-list .item .name[data-v-2387cb42]{margin-bottom:1px;line-height:18px;color:#86888c;text-align:left}.message-box .message-list .item .name-right[data-v-2387cb42]{margin-bottom:1px;line-height:18px;color:#86888c;text-align:right}.message-box .message-list .item .text-box[data-v-2387cb42]{display:flex;flex-direction:column;text-align:left}.message-box .message-list .item .text-item[data-v-2387cb42]{display:flex;align-items:center}.message-box .message-list .item .text[data-v-2387cb42]{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-2387cb42]{margin:0}.message-box .message-list .item.isMe[data-v-2387cb42]{position:relative}.message-box .message-list .item.isMe .text-box[data-v-2387cb42]{align-items:flex-end}.message-box .message-list .item.isMe .text[data-v-2387cb42]{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-2387cb42]{position:relative;width:18px;height:18px;margin:0 auto;margin-right:6px}.message-box .message-list .item.isMe .loading-box .fade-item[data-v-2387cb42]{position:absolute;top:0;left:0;width:18px;height:18px}.message-box .message-list .item.isMe .loading-box .fade-item[data-v-2387cb42]: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-2387cb42 1.2s ease-in-out infinite both;animation:fadeDelay-data-v-2387cb42 1.2s ease-in-out infinite both}.message-box .message-list .item.isMe .loading-box .fade-item2[data-v-2387cb42]{transform:rotate(30deg)}.message-box .message-list .item.isMe .loading-box .fade-item2[data-v-2387cb42]:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.message-box .message-list .item.isMe .loading-box .fade-item3[data-v-2387cb42]{transform:rotate(60deg)}.message-box .message-list .item.isMe .loading-box .fade-item3[data-v-2387cb42]:before{-webkit-animation-delay:-1s;animation-delay:-1s}.message-box .message-list .item.isMe .loading-box .fade-item4[data-v-2387cb42]{transform:rotate(90deg)}.message-box .message-list .item.isMe .loading-box .fade-item4[data-v-2387cb42]:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.message-box .message-list .item.isMe .loading-box .fade-item5[data-v-2387cb42]{transform:rotate(120deg)}.message-box .message-list .item.isMe .loading-box .fade-item5[data-v-2387cb42]:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.message-box .message-list .item.isMe .loading-box .fade-item6[data-v-2387cb42]{transform:rotate(150deg)}.message-box .message-list .item.isMe .loading-box .fade-item6[data-v-2387cb42]:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.message-box .message-list .item.isMe .loading-box .fade-item7[data-v-2387cb42]{transform:rotate(180deg)}.message-box .message-list .item.isMe .loading-box .fade-item7[data-v-2387cb42]:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.message-box .message-list .item.isMe .loading-box .fade-item8[data-v-2387cb42]{transform:rotate(210deg)}.message-box .message-list .item.isMe .loading-box .fade-item8[data-v-2387cb42]:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.message-box .message-list .item.isMe .loading-box .fade-item9[data-v-2387cb42]{transform:rotate(240deg)}.message-box .message-list .item.isMe .loading-box .fade-item9[data-v-2387cb42]:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.message-box .message-list .item.isMe .loading-box .fade-item10[data-v-2387cb42]{transform:rotate(270deg)}.message-box .message-list .item.isMe .loading-box .fade-item10[data-v-2387cb42]:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.message-box .message-list .item.isMe .loading-box .fade-item11[data-v-2387cb42]{transform:rotate(300deg)}.message-box .message-list .item.isMe .loading-box .fade-item11[data-v-2387cb42]:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.message-box .message-list .item.isMe .loading-box .fade-item12[data-v-2387cb42]{transform:rotate(330deg)}.message-box .message-list .item.isMe .loading-box .fade-item12[data-v-2387cb42]:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@keyframes fadeDelay-data-v-2387cb42{0%,39%,to{opacity:.2}40%{opacity:1}}@-webkit-keyframes fadeDelay-data-v-2387cb42{0%,39%,to{opacity:.2}40%{opacity:1}}.message-box .message-list .item.isMe .icon[data-v-2387cb42]{margin-right:6px;width:16px;height:16px}.message-box .message-list .state-item[data-v-2387cb42]{padding:7px 0;text-align:center;line-height:12px;font-size:12px;color:#86888c}.message-box .message-list .state-item .name[data-v-2387cb42]{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-2387cb42]{display:inline-block}.message-box .send[data-v-2387cb42]{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-2387cb42]{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-2387cb42]::-webkit-scrollbar{width:4px}.message-box .send .send-textarea[data-v-2387cb42]::-webkit-scrollbar-track{padding-right:2px}.message-box .send .send-textarea[data-v-2387cb42]::-webkit-scrollbar-thumb{background-color:rgba(177,180,188,.5);border-radius:2px}.message-box .send .send-textarea[data-v-2387cb42]:focus{outline:none}.message-box .send .send-textarea[data-v-2387cb42]:disabled::-webkit-input-placeholder{color:#505458}.message-box .send .send-tool-box[data-v-2387cb42]{display:flex;justify-content:space-between;align-items:center}.message-box .send .send-tool-box .input-warn[data-v-2387cb42]{display:flex}.message-box .send .send-tool-box .input-warn-tip[data-v-2387cb42]{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-2387cb42]{margin-right:4px;width:12px;height:12px}.message-box .send .send-tool-box .btn[data-v-2387cb42]{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-2387cb42]: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-2387cb42]:active{background-color:#04f}.message-box .send .send-tool-box .btn[data-v-2387cb42]:focus{outline:none}.message-box .send .send-tool-box .btn[data-v-2387cb42]:disabled{cursor:not-allowed;background-color:#9ab0f9;color:#fff}}@media only screen and (max-width:767px){.message-box[data-v-2387cb42]{position:relative;display:flex;flex-direction:column;height:calc(100% - 144px);overflow:hidden;background-color:#fbfcff;padding-right:2px}.message-box .title[data-v-2387cb42]{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-2387cb42]{position:relative;box-sizing:border-box;padding:0 10px;overflow:auto;flex-grow:1;width:100%;height:168px}.message-box .message-list[data-v-2387cb42]::-webkit-scrollbar{width:4px}.message-box .message-list[data-v-2387cb42]::-webkit-scrollbar-track{padding-right:2px}.message-box .message-list[data-v-2387cb42]::-webkit-scrollbar-thumb{background-color:rgba(177,180,188,.5);border-radius:2px}.message-box .message-list .item[data-v-2387cb42]{display:flex;flex-direction:column;font-size:12px;font-weight:400}.message-box .message-list .item .name[data-v-2387cb42]{margin-bottom:1px;line-height:18px;color:#86888c;text-align:left}.message-box .message-list .item .name-right[data-v-2387cb42]{margin-bottom:1px;line-height:18px;color:#86888c;text-align:right}.message-box .message-list .item .text-box[data-v-2387cb42]{display:flex;flex-direction:column;text-align:left}.message-box .message-list .item .text-item[data-v-2387cb42]{display:flex;align-items:center}.message-box .message-list .item .text[data-v-2387cb42]{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-2387cb42]{margin:0}.message-box .message-list .item.isMe[data-v-2387cb42]{position:relative}.message-box .message-list .item.isMe .text-box[data-v-2387cb42]{align-items:flex-end}.message-box .message-list .item.isMe .text[data-v-2387cb42]{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-2387cb42]{position:relative;width:18px;height:18px;margin:0 auto;margin-right:6px}.message-box .message-list .item.isMe .loading-box .fade-item[data-v-2387cb42]{position:absolute;top:0;left:0;width:18px;height:18px}.message-box .message-list .item.isMe .loading-box .fade-item[data-v-2387cb42]: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-2387cb42 1.2s ease-in-out infinite both;animation:fadeDelay-data-v-2387cb42 1.2s ease-in-out infinite both}.message-box .message-list .item.isMe .loading-box .fade-item2[data-v-2387cb42]{transform:rotate(30deg)}.message-box .message-list .item.isMe .loading-box .fade-item2[data-v-2387cb42]:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.message-box .message-list .item.isMe .loading-box .fade-item3[data-v-2387cb42]{transform:rotate(60deg)}.message-box .message-list .item.isMe .loading-box .fade-item3[data-v-2387cb42]:before{-webkit-animation-delay:-1s;animation-delay:-1s}.message-box .message-list .item.isMe .loading-box .fade-item4[data-v-2387cb42]{transform:rotate(90deg)}.message-box .message-list .item.isMe .loading-box .fade-item4[data-v-2387cb42]:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.message-box .message-list .item.isMe .loading-box .fade-item5[data-v-2387cb42]{transform:rotate(120deg)}.message-box .message-list .item.isMe .loading-box .fade-item5[data-v-2387cb42]:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.message-box .message-list .item.isMe .loading-box .fade-item6[data-v-2387cb42]{transform:rotate(150deg)}.message-box .message-list .item.isMe .loading-box .fade-item6[data-v-2387cb42]:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.message-box .message-list .item.isMe .loading-box .fade-item7[data-v-2387cb42]{transform:rotate(180deg)}.message-box .message-list .item.isMe .loading-box .fade-item7[data-v-2387cb42]:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.message-box .message-list .item.isMe .loading-box .fade-item8[data-v-2387cb42]{transform:rotate(210deg)}.message-box .message-list .item.isMe .loading-box .fade-item8[data-v-2387cb42]:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.message-box .message-list .item.isMe .loading-box .fade-item9[data-v-2387cb42]{transform:rotate(240deg)}.message-box .message-list .item.isMe .loading-box .fade-item9[data-v-2387cb42]:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.message-box .message-list .item.isMe .loading-box .fade-item10[data-v-2387cb42]{transform:rotate(270deg)}.message-box .message-list .item.isMe .loading-box .fade-item10[data-v-2387cb42]:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.message-box .message-list .item.isMe .loading-box .fade-item11[data-v-2387cb42]{transform:rotate(300deg)}.message-box .message-list .item.isMe .loading-box .fade-item11[data-v-2387cb42]:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.message-box .message-list .item.isMe .loading-box .fade-item12[data-v-2387cb42]{transform:rotate(330deg)}.message-box .message-list .item.isMe .loading-box .fade-item12[data-v-2387cb42]:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@keyframes fadeDelay-data-v-2387cb42{0%,39%,to{opacity:.2}40%{opacity:1}}@-webkit-keyframes fadeDelay-data-v-2387cb42{0%,39%,to{opacity:.2}40%{opacity:1}}.message-box .message-list .item.isMe .icon[data-v-2387cb42]{margin-right:6px;width:16px;height:16px}.message-box .message-list .state-item[data-v-2387cb42]{padding:7px 0;text-align:center;line-height:12px;font-size:12px;color:#86888c}.message-box .message-list .state-item .name[data-v-2387cb42]{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-2387cb42]{display:inline-block}.message-box .send[data-v-2387cb42]{width:100%;height:110px;padding:14px 0;padding-right:2px;box-sizing:border-box;border-top:1px solid #edeff3}.message-box .send .send-textarea[data-v-2387cb42]{padding:0 14px;resize:none;width:100%;height:44px;font-size:12px;color:#585c62;background-color:transparent;border:none;word-break:break-all}.message-box .send .send-textarea[data-v-2387cb42]::-webkit-scrollbar{width:4px}.message-box .send .send-textarea[data-v-2387cb42]::-webkit-scrollbar-track{padding-right:2px}.message-box .send .send-textarea[data-v-2387cb42]::-webkit-scrollbar-thumb{background-color:rgba(177,180,188,.5);border-radius:2px}.message-box .send .send-textarea[data-v-2387cb42]:focus{outline:none}.message-box .send .send-textarea[data-v-2387cb42]:disabled::-webkit-input-placeholder{color:#505458}.message-box .send .send-tool-box[data-v-2387cb42]{display:flex;justify-content:space-between;align-items:center}.message-box .send .send-tool-box .input-warn[data-v-2387cb42]{display:flex}.message-box .send .send-tool-box .input-warn-tip[data-v-2387cb42]{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-2387cb42]{margin-right:4px;width:12px;height:12px}.message-box .send .send-tool-box .btn[data-v-2387cb42]{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-2387cb42]: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-2387cb42]:active{background-color:#04f}.message-box .send .send-tool-box .btn[data-v-2387cb42]:focus{outline:none}.message-box .send .send-tool-box .btn[data-v-2387cb42]:disabled{cursor:not-allowed;background-color:#9ab0f9;color:#fff}}@media only screen and (min-width:768px){.page-view-room{display:flex;height:100%;margin:0 auto;background-color:#c4cbcf}.page-view-room .page-left{flex:1;padding:20px 6px 20px 60px}.page-view-room .page-left .main-area{width:100%;height:100%;display:flex;flex-direction:column;flex-grow:1;position:relative}.page-view-room .page-left .main-area .main-top{width:100%;min-height:120px;flex-direction:row;display:flex;align-items:center;justify-content:center}.page-view-room .page-left .main-area .main-mid{flex:1}.page-view-room .page-right{width:356px;height:auto;padding:20px 60px 20px 6px}.page-view-room .page-right .page-right-content{width:100%;height:100%;background-color:#fff;border-radius:6px}}@media only screen and (max-width:767px){.page-view-room{display:flex;flex-direction:column;height:100%;margin:0 auto}.page-view-room .page-left{height:16.4rem}.page-view-room .page-left .main-area{width:100%;height:100%;display:flex;flex-direction:column;flex-grow:1;position:relative}.page-view-room .page-left .main-area .main-top{width:100%;min-height:3rem;flex-direction:row;display:flex;align-items:center;justify-content:center}.page-view-room .page-left .main-area .main-mid{flex:1}.page-view-room .page-right{flex-grow:1}}.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}.zego-live-room{width:100%;height:100%}@media only screen and (min-width:768px){.page-room-login,.scene-base-class{width:100%;height:100%}.page-room-login{background-color:#f4f5f8}.page-room-login .room-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-room-login .room-login-content .el-form-item{width:260px;margin-bottom:0}.page-room-login .room-login-content .el-form-item__label{text-align:left}.page-room-login .room-login-content .el-form-item__content{width:100%;height:48px;font-size:12px;color:#585c62}.page-room-login .room-login-content .el-form-item__content.is-error{height:58px}.page-room-login .room-login-content .el-input__inner{width:100%;height:34px;font-size:14px;color:#18191a;padding:0 16px;background-color:#f4f5f8;border:0;border-radius:4px}.page-room-login .room-login-content .el-form-item__label{font-size:12px;color:#585c62;display:block;height:14px;line-height:14px;padding:0}.page-room-login .room-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-room-login .room-login-content .join-class:disabled{border-color:#94b0ff;background-color:#94b0ff}.page-room-login .room-login-content .room-login-form{width:240px;height:100px;float:left;margin:34px 30px 50px 30px;border-radius:3px}.page-room-login .room-login-content .login-form-container{position:relative}.page-room-login .room-login-content .username{display:block}.page-room-login .room-login-content .welcome{margin-bottom:20px;font-size:18px;color:#585c62;font-weight:700;text-align:left}.page-room-login .room-login-content .forClass{display:block;font-size:26px;color:#18191a;font-weight:700;text-align:left}.page-room-login .room-login-content .el-input{width:100%;height:34px;font-size:14px}.page-room-login .room-login-content .el-form-item__error{font-size:10px;color:#f64326;top:43px;right:auto;bottom:auto;left:0;position:absolute;padding:0}}@media screen and (max-width:767px){.page-room-login,.scene-base-class{width:100%;height:100%}.page-room-login{background-color:#f4f5f8}.page-room-login .room-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-room-login .room-login-content .el-form-item{width:260px;margin-bottom:0}.page-room-login .room-login-content .el-form-item__label{text-align:left}.page-room-login .room-login-content .el-form-item__content{width:100%;height:48px;font-size:12px;color:#585c62}.page-room-login .room-login-content .el-form-item__content.is-error{height:58px}.page-room-login .room-login-content .el-input__inner{width:100%;height:34px;font-size:14px;color:#18191a;padding:0 16px;background-color:#f4f5f8;border:0;border-radius:4px}.page-room-login .room-login-content .el-form-item__label{font-size:12px;color:#585c62;display:block;height:14px;line-height:14px;padding:0}.page-room-login .room-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-room-login .room-login-content .join-class:disabled{border-color:#94b0ff;background-color:#94b0ff}.page-room-login .room-login-content .room-login-form{width:240px;height:100px;float:left;margin:34px 30px 50px 30px;border-radius:3px}.page-room-login .room-login-content .login-form-container{position:relative}.page-room-login .room-login-content .username{display:block}.page-room-login .room-login-content .welcome{margin-bottom:20px;font-size:18px;color:#585c62;font-weight:700;text-align:left}.page-room-login .room-login-content .forClass{display:block;font-size:26px;color:#18191a;font-weight:700;text-align:left}.page-room-login .room-login-content .el-input{width:100%;height:34px;font-size:14px}.page-room-login .room-login-content .el-form-item__error{font-size:10px;color:#f64326;top:43px;right:auto;bottom:auto;left:0;position:absolute;padding:0}}.room[data-v-702399ab]{width:100%;height:100%}@media only screen and (min-width:768px){.page-login{width:100%;height:100%;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__label{text-align:left}.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 .el-input__inner{width:100%;height:34px;font-size:14px;color:#18191a;padding:0 16px;background-color:#f4f5f8;border:0;border-radius:4px}.page-login .login-content .el-form-item__label{font-size:12px;color:#585c62;display:block;height:14px;line-height:14px;padding:0}.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}.page-login .login-content .el-form-item__error{font-size:10px;color:#f64326;top:43px;right:auto;bottom:auto;left:0;position:absolute;padding:0}}@media screen and (max-width:767px){.page-login{width:100%;height:100%;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__label{text-align:left}.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 .el-input__inner{width:100%;height:34px;font-size:14px;color:#18191a;padding:0 16px;background-color:#f4f5f8;border:0;border-radius:4px}.page-login .login-content .el-form-item__label{font-size:12px;color:#585c62;display:block;height:14px;line-height:14px;padding:0}.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}.page-login .login-content .el-form-item__error{font-size:10px;color:#f64326;top:43px;right:auto;bottom:auto;left:0;position:absolute;padding:0}}@media only screen and (min-width:768px){.page-batch{width:100%;height:100%;background-color:#f4f5f8}.page-batch .batch-content{width:auto;height:auto;top:50%;right:auto;bottom:auto;left:50%;position:absolute;display:flex;margin:0 auto;transform:translate(-50%,-50%)}}@media screen and (max-width:767px){.page-batch{width:100%;height:100%;background-color:#f4f5f8}.page-batch .batch-content{width:auto;height:auto;top:50%;right:auto;bottom:auto;left:50%;position:absolute;display:flex;margin:0 auto;transform:translate(-50%,-50%)}}@media only screen and (min-width:768px){.page-home{width:100%;height:100%;background-color:#f4f5f8}.page-home .home-content{width:auto;height:auto;top:50%;right:auto;bottom:auto;left:50%;position:absolute;display:flex;margin:0 auto;transform:translate(-50%,-50%)}.page-home .home-content .welcome{margin-bottom:20px;font-size:18px;color:#585c62;font-weight:700;text-align:left}.page-home .home-content .forClass{display:block;font-size:26px;color:#18191a;font-weight:700;text-align:left}}@media screen and (max-width:767px){.page-home{width:100%;height:100%;background-color:#f4f5f8}.page-home .home-content{width:auto;height:auto;top:50%;right:auto;bottom:auto;left:50%;position:absolute;display:flex;margin:0 auto;transform:translate(-50%,-50%)}.page-home .home-content .welcome{margin-bottom:20px;font-size:18px;color:#585c62;font-weight:700;text-align:left}.page-home .home-content .forClass{display:block;font-size:26px;color:#18191a;font-weight:700;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}