#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;box-sizing:border-box;padding:20px}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}video{height:100%!important}.connect-box[data-v-66757630]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;border-radius:15px;overflow:hidden}.connect-box .content-box[data-v-66757630]{width:100%;height:100%;position:relative;background:#2c2c2c}.connect-box .content-box .userVideo[data-v-66757630]{width:100%;height:100%}.connect-box .content-box .myVideo[data-v-66757630]{width:100px;height:161.8px;position:absolute;top:40px;right:20px;background:#fff;z-index:11}.connect-box .content-box .bottom-tool[data-v-66757630]{width:100%;height:25%;position:absolute;bottom:0;left:0;display:flex;justify-content:space-between;padding:20px;box-sizing:border-box}.connect-box .content-box .bottom-tool .camera[data-v-66757630],.connect-box .content-box .bottom-tool .mic[data-v-66757630]{width:50px;display:flex;flex-direction:column;align-content:center;color:#fff;cursor:pointer}.connect-box .content-box .bottom-tool .camera div[data-v-66757630],.connect-box .content-box .bottom-tool .mic div[data-v-66757630]{width:50px;height:50px;background:radial-gradient(rgba(7,35,192,.576),rgba(124,169,221,.282));color:#fff;border-radius:50%;margin-bottom:10px;display:flex;align-items:center;justify-content:center}.connect-box .content-box .bottom-tool .camera i[data-v-66757630],.connect-box .content-box .bottom-tool .mic i[data-v-66757630]{font-size:25px}.connect-box .content-box .bottom-tool .close[data-v-66757630]{width:50px;color:#fff;text-align:center;cursor:pointer}.connect-box .content-box .bottom-tool .close .phone[data-v-66757630]{display:flex;justify-content:center;text-align:center}.connect-box .content-box .bottom-tool .close .phone svg[data-v-66757630]{margin:auto;transform:rotate(135deg)}.connect-box .content-box .bottom-tool .close div[data-v-66757630]{width:50px;height:50px;background:#fa3838;color:#fff;border-radius:50%;margin-bottom:10px;line-height:50px;text-align:center}.connect-box .content-box .bottom-tool .close i[data-v-66757630]{font-size:30px}.connect-box .content-box .user-msg[data-v-66757630]{position:absolute;top:40px;left:20px;color:#fff;text-align:left}.connect-box .content-box .user-msg .name[data-v-66757630]{font-size:16px;margin-bottom:5px}