.com-list{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}.com-list .com-section{margin:24px 24px 32px}.com-list .com-section .label{font-size:16px}.com-list .com-section .drag-item{width:100%;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;margin-top:16px;border-radius:4px;-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.1);box-shadow:0 2px 6px 0 rgba(0,0,0,.1);background-color:#fff}.com-list .com-section .drag-item:hover{-webkit-box-shadow:0 4px 13px 0 rgba(0,0,0,.18);box-shadow:0 4px 13px 0 rgba(0,0,0,.18)}.com-list .com-section .drag-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px}.com-list .com-section .drag-item .el-icon-plus{font-size:30px;margin-top:30px}.com-menu{width:120px;height:100%;-ms-flex-negative:0;flex-shrink:0;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)}.com-menu .el-tree-node__content{height:38px}.com-menu .el-tree-node__content:hover{background-color:#fff}.com-menu .el-tree-node__label{padding:2px 8px;border-radius:16px}.com-menu .el-tree-node__label:hover{background-color:#edf1f5}.com-menu .el-tree-node.is-current>.el-tree-node__content{background-color:#fff}.com-menu .el-tree-node.is-current>.el-tree-node__content>.el-tree-node__label{color:#fff;background-color:#ff7300}.com-area{width:400px;background-color:#fafafa;-webkit-box-shadow:0 12px 12px 0 rgba(0,0,0,.1);box-shadow:0 12px 12px 0 rgba(0,0,0,.1)}.com-area,.site-header{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.site-header{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.site-header>.el-button>.iconfont{margin-right:5px}.site-header .el-dialog{border-radius:10px}.site-header .el-dialog__header{padding:0}.site-header .el-dialog__body{padding:8px}.site-header .el-dialog__body .site-preview{width:375px;height:667px;overflow-y:auto;scrollbar-width:none}.site-header .el-dialog__body .site-preview::-webkit-scrollbar{display:none}.brick-wrapper{position:relative}.brick-wrapper .operator-bar{height:100%;width:40px;top:0;right:-56px;margin-top:0;min-height:280px;position:absolute;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-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.brick-wrapper .operator-bar .el-button{margin:0}.brick-wrapper .operator-bar .o-top{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;position:absolute;top:-20px;left:0}.brick-wrapper .operator-bar .o-top .el-button{margin-bottom:16px}.brick-wrapper .operator-bar .o-bottom{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;position:absolute;bottom:-20px;left:0}.brick-wrapper .operator-height{position:absolute;z-index:1;top:0;height:100%;width:100%;pointer-events:none}.brick-wrapper .operator-height.active:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border:2px solid #81b0ff}.brick-wrapper .operator-height .o-bottom,.brick-wrapper .operator-height .o-top{width:64px;height:16px;cursor:ns-resize;position:absolute;left:161px;background:#fff;pointer-events:all;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.brick-wrapper .operator-height .o-bottom:after,.brick-wrapper .operator-height .o-top:after{content:"";display:block;width:26px;height:3px;border-top:1px solid rgba(0,0,0,.25);border-bottom:1px solid rgba(0,0,0,.25)}.brick-wrapper .operator-height .o-top{top:-16px;border-radius:64px 64px 0 0;-webkit-box-shadow:0 -2px 10px 0 rgba(0,0,0,.1);box-shadow:0 -2px 10px 0 rgba(0,0,0,.1)}.brick-wrapper .operator-height .o-bottom{bottom:-16px;border-radius:0 0 64px 64px;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.1);box-shadow:0 2px 10px 0 rgba(0,0,0,.1)}.site-page{background:#fff;width:375px;min-height:585px;position:absolute;margin-bottom:85px;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.site-page .first-screen{position:absolute;top:585px;left:-48px;width:40px;padding-top:4px;border-top:1px dashed #505f79;color:#505f79;opacity:.25;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:distribute;justify-content:space-around}.site-page .first-screen button{padding:2px 0}.edit-area{position:relative;width:100%}.s-center-panel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;overflow-y:auto}.s-center-panel .bottom-blank,.s-center-panel .top-blank{height:85px}.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}.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%}.label-string{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px}.label-string .label{color:#333;font-size:12px;position:relativ;width:80px;height:32px;-webkit-box-shadow:1px 0 0 0 #d9d9d9;box-shadow:1px 0 0 0 #d9d9d9;vertical-align:middle;padding-left:2px;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}.form-control{width:100%}.form-control .el-color-picker__trigger{width:100px;margin-right:10px}.form-control .el-checkbox-group{margin-top:10px}.form-control .el-button,.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,.tel-control{width:100%}.tel-control .el-color-picker__trigger{width:100px;margin-right:10px}.tel-control .el-checkbox-group{margin-top:10px}.tel-control .el-button,.tel-control .el-slider{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}.site-index{height:100%;line-height:1.15;font-size:14px}.site-index .el-header{background-color:#fff;padding:0 32px;-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}.site-index .el-main{background-color:#f4f7f9;padding:0}