.preview-wrap-p[data-v-67dbd8d0]{position:relative;width:100%;height:calc(100% - 20px)}.preview-wrap-p .preview-wrap[data-v-67dbd8d0]{width:100%;height:100%;position:relative}.preview-wrap-p[data-v-67dbd8d0] .fps-panel{position:absolute;top:32px!important;left:32px!important;-webkit-transform:none!important;transform:none!important;background:transparent!important;max-width:40%!important;min-width:180px!important;padding:0!important;font-size:14px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.preview-wrap-p[data-v-67dbd8d0] .fps-panel,.preview-wrap-p[data-v-67dbd8d0] .fps-panel p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}.preview-wrap-p[data-v-67dbd8d0] .fps-panel p{width:100%;height:32px;line-height:32px;margin:1px 0!important}.preview-wrap-p[data-v-67dbd8d0] .fps-panel p .fps-label{width:74px;color:#06ffff;background:rgba(39,39,41,.85);padding-left:5px;margin-right:2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:13px}.preview-wrap-p[data-v-67dbd8d0] .fps-panel p .fps-label .fps-span{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:justify;-moz-text-align-last:justify;text-align-last:justify;padding-right:2px}.preview-wrap-p[data-v-67dbd8d0] .fps-panel p .fps-value{font-family:Consolas,微软雅黑;color:#d1d8d8;background:rgba(22,27,33,.95);padding-left:5px;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box}.preview-wrap-p[data-v-67dbd8d0] .fps-panel p.fps .fps-value.is-normal{color:#00ff40}.preview-wrap-p[data-v-67dbd8d0] .fps-panel p.fps .fps-value.is-low{color:#ff4949}[data-v-67dbd8d0] .state-menu{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:20px;width:320px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:2px;background:rgba(22,27,33,.75);z-index:100}[data-v-67dbd8d0] .state-menu .mask-layer{position:absolute;left:0;top:0;width:100%;height:100%;background:hsla(0,0%,100%,.2);z-index:101}[data-v-67dbd8d0] .state-menu i.icon{font-size:14px;height:24px;line-height:24px;padding:4px 8px;width:15px;color:#fff;border:0 solid #424653;text-shadow:0 1px 1px rgba(0,0,0,.45);cursor:pointer}[data-v-67dbd8d0] .state-menu i.icon:hover{background-image:-webkit-gradient(linear,left top,left bottom,from(#26ffff),to(#0080ff));background-image:linear-gradient(#26ffff,#0080ff);-webkit-background-image:-webkit-gradient(linear,left top,left bottom,from(#26ffff),to(#0080ff));-webkit-background-image:linear-gradient(#26ffff,#0080ff);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}[data-v-67dbd8d0] .state-menu .el-select{height:24px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:14px}[data-v-67dbd8d0] .state-menu .el-select .el-input{height:24px;line-height:24px}[data-v-67dbd8d0] .state-menu .el-select .el-input.is-focus .el-input__inner{border-color:#aaa}[data-v-67dbd8d0] .state-menu .el-select .el-input__inner{position:absolute;top:0;left:0;background:transparent;color:#06ffff;height:24px;line-height:24px;border-width:0 1px;border-style:solid;border-color:#aaa;border-radius:0;text-overflow:ellipsis}[data-v-67dbd8d0] .state-menu .el-select .el-icon-arrow-up{line-height:24px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.mark[data-v-67dbd8d0]{position:absolute;left:0;top:0;bottom:0;right:0}.message-dialog[data-v-67dbd8d0]{position:absolute;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;right:0;left:0;color:#fff;margin-top:20px;font-size:14px}.message-dialog .message-dialog-body[data-v-67dbd8d0]{position:relative;padding:10px 20px;border-radius:6px;background:rgba(0,0,0,.7)}.message-dialog .message-dialog-body .avw-cancel[data-v-67dbd8d0]{position:absolute;cursor:pointer;right:-14px;top:-14px;border:3px solid #fff;border-radius:50%;text-align:center;background:#000;font-size:12px;padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:scale(.6);transform:scale(.6)}@media(max-width:959px){.preview-wrap-p[data-v-67dbd8d0] .fps-panel{top:20px!important;left:24px!important;font-size:12px!important}.preview-wrap-p[data-v-67dbd8d0] .fps-panel p{height:18px;line-height:18px;margin:0 0 1px!important}.preview-wrap-p[data-v-67dbd8d0] .fps-panel .fps-label{font-size:11px!important}.preview-wrap-p[data-v-67dbd8d0] .control-panel{bottom:124px!important;right:20px!important}.preview-wrap-p[data-v-67dbd8d0] .control-panel .control-button{width:44px!important;height:44px!important;padding:0!important;margin-top:20px!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.preview-wrap-p[data-v-67dbd8d0] .control-panel .control-button i.icon{font-size:20px!important}.preview-wrap-p[data-v-67dbd8d0] .guide-info{width:350px!important;height:380px!important;top:15%!important;left:calc(50% - 175px)!important;font-size:12px!important}.preview-wrap-p[data-v-67dbd8d0] .guide-info .guide-body{padding:0 30px!important}.preview-wrap-p[data-v-67dbd8d0] .guide-info i.icon{font-size:10px!important}.preview-wrap-p[data-v-67dbd8d0] .guide-info svg{width:350px!important;height:380px!important}}@media(max-width:480px){.preview-wrap-p[data-v-67dbd8d0] .guide-info{width:240px!important;height:280px!important;top:20%!important;left:calc(50% - 120px)!important;font-size:10px!important}.preview-wrap-p[data-v-67dbd8d0] .guide-info .guide-body{padding:0 20px!important}.preview-wrap-p[data-v-67dbd8d0] .guide-info i.icon{font-size:10px!important}.preview-wrap-p[data-v-67dbd8d0] .guide-info svg{width:240px!important;height:280px!important}.state-menu[data-v-67dbd8d0]{width:300px;bottom:24px}}@media(max-height:480px){.preview-wrap-p[data-v-67dbd8d0] .guide-info{width:240px!important;height:280px!important;top:8%!important;left:calc(50% - 120px)!important;font-size:10px!important}.preview-wrap-p[data-v-67dbd8d0] .guide-info .guide-body{padding:0 20px!important}.preview-wrap-p[data-v-67dbd8d0] .guide-info i.icon{font-size:10px!important}.preview-wrap-p[data-v-67dbd8d0] .guide-info svg{width:240px!important;height:280px!important}.preview-wrap-p[data-v-67dbd8d0] .control-panel{bottom:20px!important}}