.body-panel[data-v-64e6c393]{height:600px;width:100%;display:flex}.body-panel .left-panel[data-v-64e6c393]{height:100%;flex:1;background:#000}.body-panel .tool-panel[data-v-64e6c393]{height:100%;width:310px;display:flex;flex-direction:column;margin:0 20px}.body-panel .tool-panel .panel-common .out-frame[data-v-64e6c393]{width:200px;display:flex;align-items:center;justify-content:center}.body-panel .tool-panel .panel-common .out-frame .grid-panel[data-v-64e6c393]{width:150px;height:150px;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);grid-gap:0}.body-panel .tool-panel .panel-common .common-pre[data-v-64e6c393]{height:280px;border-top:2px solid #eee;padding:10px}.body-panel .tool-panel .panel-common .hover-style[data-v-64e6c393]{position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center}.body-panel .tool-panel .panel-common .hover-style[data-v-64e6c393]:hover{bottom:2px}.body-panel .tool-panel .li-use[data-v-64e6c393]{list-style-type:none;cursor:pointer;margin:10px}.body-panel .tool-panel .choose-type[data-v-64e6c393]{background:#409eff}.body-panel .tool-panel .panel-three[data-v-64e6c393]{width:100%;flex:5;display:flex;flex-direction:column;align-items:center;border:2px solid #eee;margin-bottom:20px;padding:10px}.body-panel .tool-panel .panel-three .panel-one[data-v-64e6c393]{width:100%;flex:4;display:flex;align-items:center}.body-panel .tool-panel .panel-three .panel-two[data-v-64e6c393]{width:100%;flex:1;display:flex;align-items:center}.body-panel .tool-panel .panel-four[data-v-64e6c393]{width:100%;flex:6;border:2px solid #eee}.body-panel .right-panel[data-v-64e6c393]{position:relative;height:100%;flex:1}.color-black-bold[data-v-64e6c393]{color:#000;font-weight:700}.button-style[data-v-42e5f40e]{height:40px;width:100px;border:1px solid #dcdfe6;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#fff;color:#345fd3}.choose-style[data-v-42e5f40e]{color:#fff;background:#345fd3}.close-use[data-v-42e5f40e]{position:absolute;right:20px;top:20px;cursor:pointer;height:40px;width:40px;background:url(../../assets/img/close.png) no-repeat;background-size:100%}.video-wrapper[data-v-5e4d3912]{width:100%;height:100%}.video-wrapper .vidio-iframe[data-v-5e4d3912]{z-index:1000;width:100%;height:100%}