#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;font-size:14px}body,html{overflow-x:hidden;overflow-y:hidden}*{box-sizing:border-box}a{text-decoration:none;color:#2c3e50}.DeviceInfoView[data-v-12affde6]{background-color:hsla(0,0%,100%,.7);border-radius:5px}.DeviceInfoView section[data-v-12affde6]{background-color:#6a5acd;padding:3px;margin:3px}.DeviceInfoView section .title[data-v-12affde6]{font-weight:700;font-size:12px;color:#fff}.DeviceInfoView section .list[data-v-12affde6]{display:flex;flex-direction:column}.DeviceInfoView section .list .item[data-v-12affde6]{background-color:rgba(72,61,139,.4);margin:3px;padding:3px;font-size:10px;border-radius:3px;color:#fff;pointer-events:auto}.DeviceInfoView section .list .item.on[data-v-12affde6]{background-color:#483d8b}.LoginView .bg[data-v-65f5fa66],.LoginView[data-v-65f5fa66]{position:absolute;left:0;top:0;right:0;bottom:0}.LoginView .bg[data-v-65f5fa66]{z-index:-1;width:100%;height:100%}.LoginView .login-kt[data-v-65f5fa66]{background-color:rgba(157,236,255,.15);width:25%;height:44%;position:absolute;left:33%;top:1%;border-radius:30px}.LoginView .login-kt[data-v-65f5fa66]:hover{background-color:rgba(157,236,255,.4)}.LoginView .login-mira[data-v-65f5fa66]{background-color:rgba(157,236,255,.15);width:30%;height:50%;position:absolute;right:0;bottom:0;border-radius:30px}.LoginView .login-mira[data-v-65f5fa66]:hover{background-color:rgba(157,236,255,.4)}.LoginView .login-bg[data-v-65f5fa66]{position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center}.LoginView .login-bg .login-form[data-v-65f5fa66]{width:250px;background-color:#fff;display:flex;flex-direction:column;border-radius:10px;box-shadow:2px 2px 5px 1px rgba(0,0,0,.4);padding:10px 20px 20px}.LoginView .login-bg .login-form .head[data-v-65f5fa66]{display:flex;align-items:center;justify-content:space-between}.LoginView .login-bg .login-form .head span[data-v-65f5fa66]{font-weight:700;font-size:16px}.LoginView .login-bg .login-form .head a[data-v-65f5fa66]{padding:8px}.LoginView .login-bg .login-form .input-name[data-v-65f5fa66]{border:1px solid #ccc;border-radius:5px;padding:10px}.LoginView .login-bg .login-form .btn-join[data-v-65f5fa66]{padding:5px 10px;background-color:#1762d7;border-radius:5px;margin:5px auto 0;color:#fff;font-weight:700}.UserComp.enabled[data-v-8b25b6ce]{pointer-events:auto}.UserComp .user-circle[data-v-8b25b6ce]{position:absolute;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 5px 1px rgba(0,0,0,.4);border:5px solid #fff;color:#fff;background-color:#1e81b0;font-weight:700;font-size:14px}.UserComp .range[data-v-8b25b6ce]{pointer-events:none;position:absolute}.UserComp .range svg[data-v-8b25b6ce]{fill:rgba(0,0,0,.15)}.UserVideo[data-v-18784781]{width:100%;height:100%;border:3px solid #fff;border-radius:5px;overflow:hidden}.UserVideo video[data-v-18784781]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:5px;overflow:hidden}.RoomInfoPopup[data-v-21ba8669]{pointer-events:auto;position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);z-index:1;display:flex;align-items:center;justify-content:center}.RoomInfoPopup .popup[data-v-21ba8669]{background-color:#fff;color:#444;padding:20px;border-radius:10px;width:500px}.RoomInfoPopup .popup .head[data-v-21ba8669]{display:flex;justify-content:space-between;align-items:center}.RoomInfoPopup .popup .head span[data-v-21ba8669]{font-weight:700;font-size:16px}.RoomInfoPopup .popup .head a[data-v-21ba8669]{padding:8px}.RoomInfoPopup .popup .body[data-v-21ba8669]{padding:10px 0}.RoomInfoPopup .popup .body table[data-v-21ba8669]{width:100%;border-left:1px solid #ddd;border-top:1px solid #ddd}.RoomInfoPopup .popup .body table td[data-v-21ba8669],.RoomInfoPopup .popup .body table th[data-v-21ba8669]{text-align:center;border-right:1px solid #ddd;border-bottom:1px solid #ddd}.RoomInfoPopup .popup .body table th[data-v-21ba8669]{background-color:#f0f0f0}.RoomInfoPopup .popup .btns .btn[data-v-21ba8669],.RoomInfoPopup .popup .btns[data-v-21ba8669]{display:flex;align-items:center;justify-content:center}.RoomInfoPopup .popup .btns .btn[data-v-21ba8669]{width:100px;height:35px;background-color:#888;color:#fff;border-radius:5px;margin:5px}.RoomInfoPopup .popup .btns .btn-enter[data-v-21ba8669]{background-color:#332688}.ChatListView[data-v-47d6a4f6]{position:absolute;left:0;bottom:0;background-color:hsla(0,0%,100%,.7);pointer-events:auto;padding:5px;border-radius:5px}.ChatListView .chat-list[data-v-47d6a4f6]{width:450px;height:150px;overflow:auto;color:#000}.ChatListView .chat-list .chat-msg[data-v-47d6a4f6]{width:100%;overflow:hidden;word-break:break-all}.ChatListView .chat-input input[data-v-47d6a4f6]{width:100%;padding:5px;border:1px solid #ccc;border-radius:5px}.WhiteboardView[data-v-33b51fd4]{position:absolute;left:calc(50% - 450px);top:calc(50% - 350px);width:900px;height:700px;background-color:#fff;pointer-events:auto}.WhiteboardView iframe{width:100%;height:100%}.RoomView[data-v-190392e0]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;left:0;top:0;right:0;bottom:0;background-color:#666;color:#fff}.RoomView .bg-image[data-v-190392e0]{width:100%;height:100%}.RoomView .video-area[data-v-190392e0]{position:absolute;left:0;top:0;right:0;padding:10px;display:flex;justify-content:center;overflow:hidden;z-index:2}.RoomView .video-area.screen[data-v-190392e0]{top:200px}.RoomView .video-area.screen .video-list-scroll .video-list-wrap .video-item[data-v-190392e0]{height:calc(100vh - 300px);width:auto;flex-shrink:0}.RoomView .video-area .video-list-scroll[data-v-190392e0]{margin:0 auto;max-width:100%;overflow-x:auto;overflow-y:hidden;pointer-events:auto}.RoomView .video-area .video-list-scroll .video-list-wrap[data-v-190392e0]{display:flex}.RoomView .video-area .video-list-scroll .video-list-wrap .video-item[data-v-190392e0]{height:150px;width:auto;flex-shrink:0}.RoomView .video-area .video-list-scroll .video-list-wrap .video-item[data-v-190392e0]:not(:first-child){margin-left:10px}.RoomView .room-list-wrap[data-v-190392e0]{pointer-events:auto;position:absolute;right:10px;top:10px;display:flex;flex-direction:column;overflow-y:auto;background-color:hsla(0,0%,100%,.5);border-radius:5px}.RoomView .room-list-wrap .room[data-v-190392e0]{margin:5px;background-color:#2c3e50;padding:10px}.RoomView .room-list-wrap .room a[data-v-190392e0]{color:#fff}.RoomView .tools-wrap[data-v-190392e0]{position:absolute;left:0;right:0;bottom:10px;z-index:1;display:flex;justify-content:center}.RoomView .tools-wrap .tools[data-v-190392e0]{background-color:rgba(0,0,0,.5);pointer-events:auto;border-radius:5px;padding:5px 10px;display:flex}.RoomView .tools-wrap .tools a[data-v-190392e0]{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:5px}.RoomView .tools-wrap .tools a[data-v-190392e0]:not(:first-child){margin-left:10px}.RoomView .tools-wrap .tools a[data-v-190392e0]:hover{background-color:rgba(0,0,0,.2)}.RoomView .tools-wrap .tools .exit[data-v-190392e0]{background-color:#e72929;padding:5px 15px}.RoomView .tools-wrap .tools .exit[data-v-190392e0]:hover{background-color:#c02323}.RoomView .tools-wrap .tools .text-btn[data-v-190392e0]{background-color:hsla(0,0%,100%,.6);color:#000}.RoomView .tools-wrap .tools .text-btn[data-v-190392e0]:hover{background-color:hsla(0,0%,100%,.8)}.RoomView .tools-wrap .tools .text-btn.on[data-v-190392e0]{background-color:rgba(21,218,245,.8);color:#fff}.RoomView .tools-wrap .tools .text-btn.on[data-v-190392e0]:hover{background-color:#15daf5;color:#fff}