.svg-editor-container{overflow:auto;height:830px;display:flex;flex-direction:column}.svg-editor-container .editor-header{height:110px;padding:0 10px}.svg-editor-container .svg-editor-body-container{height:calc(100% - 35px);display:flex;flex-direction:row}.svg-editor-container .svg-editor-body-container .attribute-panel-container{width:260px}.svg-editor-container .svg-editor-body-container .icon-panel-container{width:200px;height:inherit;padding:0 10px 10px 10px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.svg-editor-container .svg-editor-body-container .icon-panel-container .el-collapse{border-top:0}.svg-editor-container .svg-editor-body-container .icon-panel-container .svg-nav-list{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;padding:10px 0}.svg-editor-container .svg-editor-body-container .icon-panel-container .svg-nav-list li{position:relative;width:calc(33.33% - 30px);margin:0 15px 15px 15px;padding:0;border-radius:50%;box-shadow:1px 1px 5px #ddd;display:flex;align-items:center;justify-content:center;cursor:pointer}.svg-editor-container .svg-editor-body-container .icon-panel-container .svg-nav-list li:hover{box-shadow:1px 1px 10px #ccc}.svg-editor-container .svg-editor-body-container .icon-panel-container .svg-nav-list li img{display:block;width:100%}.svg-editor-container .svg-editor-body-container .icon-panel-container .svg-nav-list li .title{display:none;position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.4);color:#fff;height:20px;line-height:20px;font-size:12px;text-align:center}.svg-editor-container .svg-editor-body-container .icon-panel-container .svg-nav-list.two-item li{width:calc(50% - 30px);height:100px;margin-bottom:25px;border-radius:10px}.svg-editor-container .svg-editor-body-container .icon-panel-container .svg-nav-list.two-item li img{width:auto;height:100%}.svg-editor-container .svg-editor-body-container .svg-editor-main-container{flex:1;overflow:auto;position:relative;text-align:center}.svg-editor-container .svg-editor-body-container .svg-editor-main-container .canvansDiv{height:100%;width:100%}.svg-editor-container .svg-editor-body-container .svg-editor-main-container .zoom-container{position:fixed;bottom:5px;right:280px}.svg-editor-container .svg-editor-body-container .svg-editor-main-container #guide-x{display:none;position:absolute;width:100%;left:0;top:0}.svg-editor-container .svg-editor-body-container .svg-editor-main-container #guide-y{display:none;position:absolute;height:100%;left:0;top:0}.svg-editor-container .svg-editor-body-container .attribute-panel-container .jv-container .jv-code{padding:0}.svg-editor-container .svg-editor-body-container .attribute-panel-container .el-form-item__label{font-size:12px}.svg-editor-container .svg-editor-body-container .attribute-panel-container .el-input.is-disabled .el-input__inner{background-color:#fff;border:0;color:#606266}.svg-editor-container .svg-editor-body-container .attribute-panel-container .el-input-number--mini{width:100%}