#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.message-chat .el-checkbox[data-v-5257b9ac]{margin-left:20px}.message-chat .el-checkbox .el-checkbox__input[data-v-5257b9ac]{float:left}ol,ul{list-style:none}.v-enter-active,.v-leave-active{transition:all .5s ease}.v-enter-from,.v-leave-to{opacity:0;transform:translateX(-300px)}.container{position:fixed;left:0;top:0;width:100%;height:100%;.toolbar{position:absolute;left:50%;top:10px;transform:translateX(-50%);display:flex;justify-content:center;.blockBox{height:100%;display:flex;align-items:center;padding:0 10px}}.canvasBox{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);background-color:#f5f5f7}.sidebarRight{top:70px;bottom:70px;width:15vw;min-height:75vh;position:relative;border:1px solid #e6e7eb;box-shadow:0 8px 20px -4px rgba(0,0,0,.1);float:right;background-color:#fff;margin:0 auto 0 0;.elementStyle{padding:10px;border-radius:4px;min-height:calc(75vh - 40px);height:calc(75vh - 40px);.active{border:1px solid #337eee}.page-index{left:8px;top:4px}.page-index,.preview-delete{position:absolute;background-size:cover;z-index:999}.preview-delete{right:6px;width:20px;height:20px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjQgNCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgMTVoMTZNMTYgMTJoOCIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggZD0iTTE0IDE1djEyYTEgMSAwIDAgMCAxIDFoMTBhMSAxIDAgMCAwIDEtMVYxNSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuMiIvPjxwYXRoIGQ9Ik0xOC42IDE4YS42LjYgMCAxIDAtMS4yIDBoMS4yWm0tMS4yIDdhLjYuNiAwIDEgMCAxLjIgMGgtMS4yWm0wLTd2N2gxLjJ2LTdoLTEuMlpNMjIuNiAxOGEuNi42IDAgMSAwLTEuMiAwaDEuMlptLTEuMiA3YS42LjYgMCAxIDAgMS4yIDBoLTEuMlptMC03djdoMS4ydi03aC0xLjJaIiBmaWxsPSIjMDAwIi8+PC9zdmc+)}.preview-delete:hover{display:block}.btn{cursor:pointer}}.footer{padding:8px 16px;border-top:1px solid #e6e7eb;left:50%;position:relative;transform:translateX(-50%);.center{top:10px;text-align:center;.text{color:#337eff}}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#f5f5f5}::-webkit-scrollbar-thumb{background-color:gray;border-radius:4px}}.sidebar{position:absolute;left:10px;top:10px;width:250px;background-color:#fff;.elementStyle{padding:10px;box-shadow:0 1px 4px rgba(0,0,0,.25);border-radius:4px;.styleBlock{margin-bottom:10px;.styleBlockTitle{color:#343a40;font-size:14px;margin-bottom:10px}.styleBlockContent{display:flex;.lineWidthItem{display:flex;width:30px;height:10px;align-items:center;.bar{width:100%;background-color:#212529}&.small{.bar{height:2px}}&.middle{.bar{height:4px}}&.large{.bar{height:6px}}}/deep/.el-radio-group{.el-radio-button{&.is-active{.lineWidthItem{.bar{background-color:#fff}}}}}}}}}.footerLeft{position:absolute;left:10px;bottom:10px;height:40px;display:flex;align-items:center;.blockBox{height:100%;display:flex;align-items:center;padding:0 10px;.zoom{width:40px;margin:0 10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#606266;cursor:pointer;height:32px;display:flex;align-items:center;background-color:#fff;border-radius:5px;padding:0 5px;justify-content:center}}}}.exportImageContainer{.imagePreviewBox{height:400px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) 0;padding:10px;img{width:100%;height:100%;-o-object-fit:scale-down;object-fit:scale-down}}.handleBox{display:flex;align-items:center;height:50px;justify-content:center}}.exportJsonContainer{.jsonPreviewBox{height:400px;overflow:auto;background-color:#f5f5f5;font-size:14px;color:#000;/deep/.jsontree_tree{font-family:Trebuchet MS,Arial,sans-serif!important}}.handleBox{display:flex;align-items:center;height:50px;justify-content:center}}.helpDialogContent{height:500px;overflow:auto}.video-chat .el-checkbox[data-v-db78c9e0]{margin-left:20px}.video-chat .el-checkbox .el-checkbox__input[data-v-db78c9e0]{float:left}