.modal-body[data-v-361b64e8]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.play-area[data-v-361b64e8]{-webkit-box-flex:1;-ms-flex:1;flex:1}.play-area .player-demo-text[data-v-361b64e8]{position:absolute;left:0;right:0;width:100%;bottom:3em;color:#fff;background-color:rgba(43,51,63,.7);text-align:center;padding:10px;visibility:visible;opacity:0;-webkit-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.play-area.user-active .player-demo-text[data-v-361b64e8]{visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.play-area .videoFunction[data-v-361b64e8]{position:absolute;right:55px;bottom:10px;color:#fff}.play-area .videoFunction .icon-button[data-v-361b64e8]{font-size:18px;cursor:pointer}.btn-group[data-v-361b64e8]{width:30%}.modal-title[data-v-361b64e8]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.el-icon-microphone[data-v-361b64e8]{position:absolute;width:40px;height:40px;line-height:40px;left:0;top:0;z-index:1;font-size:22px;border-radius:50%}.startColor[data-v-361b64e8]{background-color:#67c23a}.startColor .pulse[data-v-361b64e8]{position:absolute;width:90px;height:90px;left:-25px;top:-25px;border:2px solid #67c23a;border-radius:50%;opacity:0}.startColor .el-icon-microphone[data-v-361b64e8]{color:#fff}.startColor .p1[data-v-361b64e8]{-webkit-animation:warn-data-v-361b64e8 2s ease-out infinite;animation:warn-data-v-361b64e8 2s ease-out infinite}.startColor .p2[data-v-361b64e8]{-webkit-animation:warn2-data-v-361b64e8 2s ease-out infinite;animation:warn2-data-v-361b64e8 2s ease-out infinite}.endColor[data-v-361b64e8]{background-color:#fff}.endColor .el-icon-microphone[data-v-361b64e8]{color:#888}.progress[data-v-361b64e8]{position:absolute;top:-3px;left:-3px}@-webkit-keyframes warn-data-v-361b64e8{0%{-webkit-transform:scale(.3);transform:scale(.3);opacity:0}25%{-webkit-transform:scale(.3);transform:scale(.3);opacity:.1}50%{-webkit-transform:scale(.5);transform:scale(.5);opacity:.3}75%{-webkit-transform:scale(.8);transform:scale(.8);opacity:.5}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes warn-data-v-361b64e8{0%{-webkit-transform:scale(.3);transform:scale(.3);opacity:0}25%{-webkit-transform:scale(.3);transform:scale(.3);opacity:.1}50%{-webkit-transform:scale(.5);transform:scale(.5);opacity:.3}75%{-webkit-transform:scale(.8);transform:scale(.8);opacity:.5}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@-webkit-keyframes warn2-data-v-361b64e8{0%{-webkit-transform:scale(.3);transform:scale(.3);opacity:0}25%{-webkit-transform:scale(.3);transform:scale(.3);opacity:.1}50%{-webkit-transform:scale(.3);transform:scale(.3);opacity:.3}75%{-webkit-transform:scale(.5);transform:scale(.5);opacity:.5}to{-webkit-transform:scale(.8);transform:scale(.8);opacity:0}}@keyframes warn2-data-v-361b64e8{0%{-webkit-transform:scale(.3);transform:scale(.3);opacity:0}25%{-webkit-transform:scale(.3);transform:scale(.3);opacity:.1}50%{-webkit-transform:scale(.3);transform:scale(.3);opacity:.3}75%{-webkit-transform:scale(.5);transform:scale(.5);opacity:.5}to{-webkit-transform:scale(.8);transform:scale(.8);opacity:0}}.ptz-block[data-v-361b64e8]{width:150px;height:200px;margin:0 auto;text-align:center;position:relative;font-size:22px}.ptz-block .el-icon[data-v-361b64e8]:active{color:#67c23a}.ptz-block .el-icon[data-v-361b64e8]{font-size:34px;position:absolute;color:#fff}.ptz-block .icon-top[data-v-361b64e8]{top:0;left:39%}.ptz-block .icon-bottom[data-v-361b64e8]{bottom:25%;left:39%}.ptz-block .icon-left[data-v-361b64e8]{top:29%;left:0}.ptz-block .icon-right[data-v-361b64e8]{top:29%;right:0}.ptz-block .icon-plus[data-v-361b64e8]{left:10%;bottom:0}.ptz-block .icon-remove[data-v-361b64e8]{bottom:0;right:10%}.ptz-cell[data-v-361b64e8]{width:40px;height:40px;line-height:40px;position:absolute;margin-left:8px;cursor:pointer}.ptz-cell.active[data-v-361b64e8]{color:#ccc;font-size:26px}.fa-microphone.active[data-v-361b64e8]{color:#fff}.ptz-center[data-v-361b64e8]{border-radius:25px;text-align:center;position:relative}.modal-footer[data-v-361b64e8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:20px}.modal-footer .stop-btn[data-v-361b64e8]{margin-left:5px}.modal-footer .cancel-btn[data-v-361b64e8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:right;margin-left:auto}#protocol-switcher label[data-v-361b64e8]{margin-bottom:0}.ctrlProcessWave[data-v-361b64e8]{height:100px;width:300px;margin:60px auto;border:1px solid #ccc;-webkit-box-sizing:border-box;box-sizing:border-box;display:block}.mainBtn[data-v-361b64e8]{display:inline-block;cursor:pointer;border:none;border-radius:3px;background:#0b1;color:#fff;padding:0 15px;line-height:36px;height:36px;overflow:hidden;vertical-align:middle}.mainBtn[data-v-361b64e8]:active{background:#0a1}.voice[data-v-361b64e8]{position:relative;width:100%}.voice #canvas[data-v-361b64e8]{width:80%;height:60px;margin-left:14%}.voice .time[data-v-361b64e8]{color:#fff;margin:20px 0 10px 10%}