.template-editor-header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.template-editor-header,.template-editor-side-bar{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff}.template-editor-side-bar{width:100%;padding:100px 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.template-editor-side-bar .side-bar-item{height:50px;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;font-size:14px}.template-editor-side-bar .side-bar-item+.side-bar-item{border-top:1px solid #cdcdcd}.editor-main-panel{background-color:#fff}.editor-main-panel.is-vertical{width:375px;height:650px}.editor-main-panel.is-horizontal{width:1080px;height:595px}.editor-main-panel .el-dialog__wrapper{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}.editor-main-panel .el-dialog{margin:0!important}.editor-main-panel .el-dialog__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.editor-main-panel .el-dialog__body .el-radio-group{margin-bottom:20px}.editor-main-panel .preview-container{overflow:hidden}.editor-main-panel .preview-container.vertical{width:375px;height:650px}.editor-main-panel .preview-container.horizontal{width:720px;height:400px}.control-group{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:20px}.control-group .label{line-height:24px;padding:4px 0;color:#333;font-size:14px;width:60px;-ms-flex-negative:0;flex-shrink:0}.control-group .group-body{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.control-group .group-body,.panel-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.panel-section{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-bottom:1px solid #e8e8e8;padding:24px 8px}.panel-section .section-header{width:100%;margin-bottom:4px}.panel-section .section-header .icon{width:4px;height:16px;border-radius:2px;display:inline-block;background-color:#4e90ff}.panel-section .section-header .title{color:#333;font-size:20px;padding-left:8px}.brick-control,.panel-section .section-content{width:100%}.brick-control .el-radio-button__inner{padding:10px 6px;width:96px}.brick-control .color-image{margin-top:16px}.brick-control .color-image .el-color-picker__trigger{width:100px}.label-input{display:-webkit-box;display:-ms-flexbox;display:flex}.label-input .label{color:#333;font-size:12px;position:relativ;width:52px;height:32px;-webkit-box-shadow:1px 0 0 0 #d9d9d9;box-shadow:1px 0 0 0 #d9d9d9;vertical-align:middle;padding-left:8px;border-top:1px solid #dcdfe6;border-left:1px solid #dcdfe6;border-bottom:1px solid #dcdfe6;border-top-left-radius:4px;border-bottom-left-radius:4px}.label-input .el-input-number{width:75px}.label-input .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.label-input .el-input-number.is-controls-right .el-input__inner{padding-left:5px;padding-right:30px}.image-control{width:100%}.image-control .el-color-picker__trigger{width:100px;margin-right:10px}.image-control .el-checkbox-group{margin-top:10px}.image-control .el-button,.simple-text-control{width:100%}.simple-text-control .el-color-picker__trigger{width:100px;margin-right:10px}.simple-text-control .el-checkbox-group{margin-top:10px}.simple-text-control .el-button{width:100%}.control-panel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;padding:0 10px;background-color:#fff}.control-panel>.el-button{margin-top:40px}.template-editor{height:100vh}.template-editor .el-header{background-color:#fff;-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.08);box-shadow:0 2px 6px 0 rgba(0,0,0,.08);z-index:5}.template-editor .el-main{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}