[data-v-6a439876]{box-sizing:border-box;margin:0;padding:0}body[data-v-6a439876]{font-family:Arial,sans-serif;background-color:#f5f5f5}.dingrtc-container[data-v-6a439876]{width:100%;height:100%}.header[data-v-6a439876]{text-align:center;margin-bottom:30px}.header h1[data-v-6a439876]{color:#333;font-size:24px;font-weight:700}.call-panel[data-v-6a439876]{background-color:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin-bottom:20px}.local-preview[data-v-6a439876]{width:100px;height:133px;margin:20px auto 0;border-radius:8px;overflow:hidden;background-color:#000;box-shadow:0 2px 10px rgba(0,0,0,.1)}.local-preview #local[data-v-6a439876]{width:100%;height:100%;background-color:#000;-o-object-fit:cover;object-fit:cover}.form-group[data-v-6a439876]{margin-bottom:20px}.form-group label[data-v-6a439876]{display:block;margin-bottom:8px;font-weight:700;color:#333;font-size:16px}.form-group input[data-v-6a439876]{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;background-color:#f9f9f9}.btn[data-v-6a439876]{width:100%;padding:15px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:10px}.call-btn[data-v-6a439876]{background-color:#4caf50;color:#fff}.call-btn[data-v-6a439876]:hover{background-color:#45a049}.cancel-btn[data-v-6a439876]{background-color:#f44336;color:#fff}.answer-btn[data-v-6a439876]{background-color:#4caf50;color:#fff;flex:1;margin-right:10px}.reject-btn[data-v-6a439876]{background-color:#f44336;color:#fff;flex:1;margin-left:10px}.end-call-btn[data-v-6a439876]{background-color:#f44336;width:60px;height:60px;margin:0 auto;font-size:14px}.control-btn[data-v-6a439876]{background-color:hsla(0,0%,100%,.3);width:50px;height:50px;font-size:12px;margin:0 10px}.calling-panel[data-v-6a439876]{background-color:#fff;padding:40px 25px;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);text-align:center;margin-bottom:20px}.calling-info h2[data-v-6a439876]{color:#333;font-size:20px;margin-bottom:20px}.calling-info p[data-v-6a439876]{font-size:18px;color:#666;margin-bottom:30px}.calling-status[data-v-6a439876]{color:#999;font-size:14px;margin-bottom:30px}.incoming-panel[data-v-6a439876]{background-color:#fff;padding:40px 25px;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);text-align:center;margin-bottom:20px}.incoming-info h2[data-v-6a439876]{color:#333;font-size:20px;margin-bottom:20px}.incoming-info p[data-v-6a439876]{font-size:18px;color:#666;margin-bottom:40px}.call-actions[data-v-6a439876]{display:flex;justify-content:center;gap:20px}.calling-interface[data-v-6a439876]{width:100%;height:100%}.video-container[data-v-6a439876]{background-color:#000}.remote-video[data-v-6a439876],.video-container[data-v-6a439876]{width:100%;height:100%;position:relative}#remote[data-v-6a439876]{width:100%;height:100%;background-color:#000;-o-object-fit:cover;object-fit:cover}.local-video-small[data-v-6a439876]{position:absolute;top:20px;right:20px;width:120px;height:160px;border-radius:12px;overflow:hidden;background-color:#000;box-shadow:0 4px 20px rgba(0,0,0,.5);border:2px solid hsla(0,0%,100%,.3);z-index:10}#local[data-v-6a439876]{width:100%;height:100%;background-color:#000;-o-object-fit:cover;object-fit:cover}.call-controls[data-v-6a439876]{position:absolute;bottom:40px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:30px;padding:0 20px;z-index:100}.control-btn[data-v-6a439876]{background:hsla(0,0%,100%,.2);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);color:#fff;border-radius:50%;width:60px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.control-btn[data-v-6a439876]:hover{background:hsla(0,0%,100%,.3);transform:scale(1.05)}.control-btn.muted[data-v-6a439876]{background:rgba(244,67,54,.8)}.control-btn .icon[data-v-6a439876]{font-size:20px;margin-bottom:2px}.control-btn .label[data-v-6a439876]{font-size:10px;white-space:nowrap}.end-call-btn[data-v-6a439876]{background:linear-gradient(135deg,#f44336,#d32f2f);border:none;color:#fff;width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(244,67,54,.4)}.end-call-btn[data-v-6a439876]:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(244,67,54,.6)}.end-call-btn .icon[data-v-6a439876]{font-size:28px}.error-panel[data-v-6a439876]{background-color:#ffebee;color:#c62828;padding:15px;border-radius:8px;margin-top:20px;text-align:center;font-size:14px}@media (max-width:768px){.dingrtc-container[data-v-6a439876]{width:100vw}.call-panel[data-v-6a439876],.calling-panel[data-v-6a439876],.incoming-panel[data-v-6a439876]{padding:20px}.header h1[data-v-6a439876]{font-size:20px}.form-group input[data-v-6a439876]{padding:10px;font-size:14px}.btn[data-v-6a439876]{padding:12px;font-size:14px}.local-video-small[data-v-6a439876]{width:150px;height:200px;top:15px;right:15px}.call-controls[data-v-6a439876]{bottom:30px;gap:20px}.control-btn[data-v-6a439876]{width:55px;height:55px}.control-btn .icon[data-v-6a439876]{font-size:18px}.control-btn .label[data-v-6a439876]{font-size:9px}.end-call-btn[data-v-6a439876]{width:65px;height:65px}.end-call-btn .icon[data-v-6a439876]{font-size:24px}}@media (max-width:480px){.call-actions[data-v-6a439876]{gap:10px}.answer-btn[data-v-6a439876],.reject-btn[data-v-6a439876]{padding:12px;font-size:14px}}.user-info[data-v-a54c1b86]{position:fixed;bottom:0;left:0}.user-info.pop[data-v-a54c1b86]{position:relative}.user-info .title[data-v-a54c1b86]{font-size:16px;font-weight:700;margin-bottom:20px}.user-info .user-content .el-row[data-v-a54c1b86]{margin-bottom:10px}.online-info-attr[data-v-a54c1b86]{padding:5px 0}.online-info-attr i[data-v-a54c1b86]{margin-right:10px;font-size:18px;cursor:pointer}.load[data-v-fb06e64c]{position:fixed;width:100vw;height:100vh;top:0;left:0;right:0;bottom:0;z-index:9999;pointer-events:none}.load[data-v-fb06e64c] .el-loading-mask{pointer-events:auto}.page[data-v-fb06e64c]{width:100%;height:100%}.online-page .special-one-online[data-v-fb06e64c]{width:80px;height:60px;padding-top:10px;text-align:center;margin:0 10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.online-info-attr[data-v-fb06e64c]{padding:5px 0}.online-info-attr i[data-v-fb06e64c]{margin-right:10px;font-size:18px;cursor:pointer}.online-page-content[data-v-fb06e64c]{height:100%}.online-page-popover-content-title[data-v-fb06e64c]{width:100%;display:flex;justify-content:space-between}.online-page-data[data-v-fb06e64c]{width:100%;margin-top:15px;height:calc(100% - 70px)}.online-page-box[data-v-fb06e64c]{width:100%;padding:20px 0;height:calc(100% - 70px);overflow:auto}.online-tree-node[data-v-fb06e64c]{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:14px}.el-icon-location-outline[data-v-fb06e64c]{font-size:18px}.el-tree[data-v-fb06e64c]{height:calc(100% - 35px);overflow:auto}[data-v-fb06e64c] .el-form-item__content{width:calc(100% - 85px)!important}[data-v-fb06e64c] .el-form-item__content textarea{width:100%;height:100%}.duanXinNR[data-v-fb06e64c]{height:300px}.VideoCallConfirm[data-v-fb06e64c]{position:fixed;top:92px;right:6px;display:flex;flex-direction:column;border:1px solid;border-radius:10px;padding:10px;background-color:#081c24}.VideoCallConfirm .el-alert__title[data-v-fb06e64c]{font-size:15px!important}.VideoCallConfirm .VideoCallConfirm-btn[data-v-fb06e64c]{display:flex;justify-content:space-evenly;padding:20px 0 0 0}.el-form-item--small.el-form-item[data-v-fb06e64c],[data-v-fb06e64c] .el-form-item--mini.el-form-item{margin-bottom:8px}.peopleCheck[data-v-fb06e64c]{margin-top:0;margin-bottom:2px;font-size:16px}.user-info .title[data-v-fb06e64c]{font-size:16px;font-weight:700;margin-bottom:20px}.user-info .user-content div[data-v-fb06e64c]{margin-bottom:5px}[data-v-fb06e64c] .el-checkbox{color:var(--TextColor1)}.online-info-pop{background:transparent!important;box-shadow:unset!important;color:#fff}.load[data-v-52dd5fe1]{position:fixed;width:100vw;height:100vh;top:0;left:0;right:0;bottom:0;z-index:9999;pointer-events:none}.load[data-v-52dd5fe1] .el-loading-mask{pointer-events:auto}.page[data-v-52dd5fe1]{width:100%;height:100%}.online-page .special-one-online[data-v-52dd5fe1]{width:80px;height:60px;padding-top:10px;text-align:center;margin:0 10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.online-info-attr[data-v-52dd5fe1]{padding:5px 0}.online-info-attr i[data-v-52dd5fe1]{margin-right:10px;font-size:18px;cursor:pointer}.online-page-content[data-v-52dd5fe1]{height:100%}.online-page-popover-content-title[data-v-52dd5fe1]{width:100%;display:flex;justify-content:space-between}.online-page-data[data-v-52dd5fe1]{width:100%;margin-top:15px;height:calc(100% - 70px)}.online-page-box[data-v-52dd5fe1]{width:100%;padding:20px 0;height:calc(100% - 70px);overflow:auto}.online-tree-node[data-v-52dd5fe1]{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:14px}.el-icon-location-outline[data-v-52dd5fe1]{font-size:18px}.el-tree[data-v-52dd5fe1]{height:calc(100% - 35px);overflow:auto}[data-v-52dd5fe1] .el-form-item__content{width:calc(100% - 85px)!important}[data-v-52dd5fe1] .el-form-item__content textarea{width:100%;height:100%}.duanXinNR[data-v-52dd5fe1]{height:300px}.VideoCallConfirm[data-v-52dd5fe1]{position:fixed;top:92px;right:6px;display:flex;flex-direction:column;border:1px solid;border-radius:10px;padding:10px;background-color:#081c24}.VideoCallConfirm .el-alert__title[data-v-52dd5fe1]{font-size:15px!important}.VideoCallConfirm .VideoCallConfirm-btn[data-v-52dd5fe1]{display:flex;justify-content:space-evenly;padding:20px 0 0 0}.el-form-item--small.el-form-item[data-v-52dd5fe1],[data-v-52dd5fe1] .el-form-item--mini.el-form-item{margin-bottom:8px}.peopleCheck[data-v-52dd5fe1]{margin-top:0;margin-bottom:2px;font-size:16px}.user-info .title[data-v-52dd5fe1]{font-size:16px;font-weight:700;margin-bottom:20px}.user-info .user-content div[data-v-52dd5fe1]{margin-bottom:5px;display:inline-block;width:100%}.user-info .user-content div div[data-v-52dd5fe1]:first-child{width:34%;text-align:right;margin-right:10px}.user-info .user-content div div[data-v-52dd5fe1]:nth-child(2){text-align:left;width:calc(65% - 10px)}.el-popover.popUpBox,[data-v-52dd5fe1] .el-checkbox{color:var(--TextColor1)}.el-popover.popUpBox{background-color:var(--YiJiMianBan_background-color);border:unset}.MapLeftPosition[data-v-cdda471a]{width:420px!important}