.vl-comp-dvp[data-v-57be1b30]{width:100%;height:100%;background:#1f2430}.vl-comp-dvp .h-head[data-v-57be1b30]{width:100%;height:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#2d2e33}.vl-comp-dvp .h-head .el-button[data-v-57be1b30]{margin-right:20px}.vl-comp-dvp .h-main[data-v-57be1b30]{width:100%;height:calc(100% - 70px)}.vl-comp-dvp .h-main .hm-code[data-v-57be1b30]{width:100%;height:calc(50% - 5px);position:relative;white-space:nowrap}.vl-comp-dvp .h-main .hm-code .hm-box-item[data-v-57be1b30]{width:33.3%;height:100%;display:inline-block;position:relative}.vl-comp-dvp .h-main .hm-code .hm-box-item .mb-sub-title[data-v-57be1b30]{position:absolute;right:15px;top:5px;display:block;padding:5px;border-radius:5px;color:#23527c;background:rgba(243,245,246,.6);z-index:29}.vl-comp-dvp .h-main .hm-code .hm-drag-left[data-v-57be1b30]{position:absolute;top:0;left:33%;width:10px;height:100%;background:#333642;cursor:w-resize;z-index:30}.vl-comp-dvp .h-main .hm-code .hm-drag-right[data-v-57be1b30]{position:absolute;top:0;right:33%;width:10px;height:100%;background:#333642;cursor:w-resize;z-index:30}.vl-comp-dvp .h-main .hm-drag-body[data-v-57be1b30]{width:100%;height:10px;background:#333642;cursor:n-resize}.vl-comp-dvp .h-main .hm-body[data-v-57be1b30]{width:100%;height:calc(50% - 5px);min-height:220px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#1f2430}.vl-comp-dvp .h-main .hm-body .mb-iframe[data-v-57be1b30]{width:340px;height:210px;background:#fff;border:1px solid #666}.vl-comp-dvp .vl-config-box[data-v-57be1b30]{width:100%;height:400px;display:-webkit-box;display:-ms-flexbox;display:flex}.vl-comp-dvp .vl-config-box .lc-item[data-v-57be1b30]{width:50%;padding:20px}.vl-comp-dvp .vl-config-box .lc-item .lt-load h2[data-v-57be1b30]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vl-comp-dvp .vl-config-box .lc-left[data-v-57be1b30]{border-right:1px solid #666}.vl-comp-dvp .vl-config-box .lc-left .lt-tip[data-v-57be1b30]{color:#999}.vl-comp-dvp .vl-config-box .lr-secret[data-v-57be1b30]{color:#4286f5}.lc-item .el-form .el-form-item{margin-top:40px}.CodeMirror{border:0 solid grey;height:100%;font-size:14px;line-height:18px}.CodeMirror .CodeMirror-gutters{border-color:grey}.CodeMirror .CodeMirror-vscrollbar{scrollbar-width:thin;scrollbar-color:#666b7a;scrollbar-track:#666b7a;-ms-scrollbar-track:#666b7a;scrollbar-arrow-color:#666b7a;scrollbar-base-color:#666b7a;scrollbar-track-color:#666b7a;scrollbar-shadow-color:#666b7a}.CodeMirror .CodeMirror-vscrollbar::-webkit-scrollbar{width:10px;height:10px}.CodeMirror .CodeMirror-vscrollbar::-webkit-scrollbar-thumb{background-color:#666b7a;border-radius:6px}.CodeMirror .CodeMirror-vscrollbar::-webkit-scrollbar-track{border-radius:2px}.iframe-result{width:100%;height:100%}