.clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}@media(max-width: 767px){.hidden-xs{display:none !important}.visible-xs{display:block !important}}@media(min-width: 768px)and (max-width: 991px){.hidden-sm{display:none !important}.visible-sm{display:block !important}}@media(min-width: 992px)and (max-width: 1199px){.hidden-md{display:none !important}.visible-md{display:block !important}}@media(min-width: 1200px){.hidden-lg{display:none !important}.visible-lg{display:block !important}}.hide{display:none !important}.show{display:block !important}.page-editor .upload-btn-wrap{display:inline-block;margin-left:10px}.page-editor .upload-btn-wrap+.el-button{margin-left:10px}.page-editor .el-card__body{text-align:center}.page-editor .fn-drawer{text-align:left !important}.page-editor .fn-drawer-ctx{display:flex;flex-direction:column;height:100%;padding:0 10px 10px}.page-editor .fn-drawer-ctx form{flex:1}.page-editor .fn-drawer-footer{display:flex;width:100%}.page-editor .fn-drawer-footer button{flex:1}.page-editor .fn-drawer .ev-group{position:relative;padding-top:12px;border-bottom:1px dashed #f1f1f1}.page-editor .fn-drawer .el-drawer__title{margin-bottom:20px}.page-editor .fn-drawer .el-form{width:auto;padding-bottom:10px}.page-editor .fn-drawer .el-form-item{display:flex;margin-bottom:12px}.page-editor .fn-drawer .el-form-item__content{display:flex;flex:1}.page-editor .fn-drawer .el-form-item__content .el-button{margin-left:10px}.page-editor .fn-drawer .el-select,.page-editor .fn-drawer .el-input{width:100%}.page-box{display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.page-box .control{position:absolute;box-shadow:0 0 4px #ccc;background-size:100%;background-color:hsla(0,0%,100%,.9);cursor:grab}.page-box .control.opacity{background-color:hsla(0,0%,100%,.2)}.page-box .control:active{cursor:grabbing}.page-box .control:hover .remove,.page-box .control:hover .detail,.page-box .control:hover .fixed,.page-box .control:hover .stretch{opacity:1;z-index:2}.page-box .control .stretch{width:8px;height:8px;padding:0;position:absolute;bottom:-4px;right:-4px;cursor:nw-resize;opacity:0;border:2px solid blue;background-color:#fff;transition:.25s opacity}.page-box .control .remove,.page-box .control .detail,.page-box .control .fixed{width:24px;height:24px;padding:0;position:absolute;top:-12px;left:-12px;border-width:0;border-radius:100%;cursor:pointer;font-size:20px;color:#fff;opacity:0;transition:.25s opacity;background-color:#f69;z-index:1}.page-box .control .remove i,.page-box .control .detail i,.page-box .control .fixed i{vertical-align:top;margin-top:2px}.page-box .control .detail{left:auto;right:-12px;background-color:#66d4ff}.page-box .control .fixed.light{opacity:1;background-color:#e6a23c}.page-box .control .fixed{top:auto;bottom:-12px;background-color:#909399}.page-box .control .el-dropdown{position:absolute;top:0;right:0}.page-bg{position:relative;pointer-events:none}.page-bg img{max-width:100%;vertical-align:top}.page-json-editor{height:400px;margin:-25px}.page-json-editor .jsoneditor{border-color:#ebebeb;border-width:1px 0 0}