.mpd-design,.mpd-dragable-source{position:relative}.mpd-design .mpd-header,.mpd-design .mpd-workbench{-webkit-user-select:none;-moz-user-select:none;-webkit-box-sizing:border-box}.mpd-design{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#e1fbce}.mpd-design .mpd-header{-ms-user-select:none;user-select:none;line-height:40px;height:40px;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;box-sizing:border-box}.mpd-design .mpd-header--affix{border-bottom:solid 1px #e6e6e6;background-color:#fff}.mpd-design .mpd-header--affix.pro-affix--fixed{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.mpd-design .mpd-header--affix.pro-affix--fixed+.mpd-workbench{padding-top:30px}.mpd-design .mpd-header .nav-action{cursor:pointer;padding:5px;display:inline}.mpd-design .mpd-header .nav-action.active,.mpd-design .mpd-header .nav-action:hover{background-color:#ecf5ff}.mpd-design .mpd-header .nav-center{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.mpd-design .mpd-workbench{-ms-user-select:none;user-select:none;min-height:10000px;box-sizing:border-box;margin:10px 80px;border-left:2px dashed #5b6f99;background:#fff;border-right:2px dashed #bfc1c5}.mpd-design .mpd-resources{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;min-width:400px;max-height:650px;top:50px;left:50px;background:#fff;min-height:600px;-webkit-box-shadow:0 0 6px rgba(0,0,0,.12);box-shadow:0 0 6px rgba(0,0,0,.12);overflow:auto;z-index:100}.mpd-design .mpd-resources::-webkit-scrollbar{width:10px;height:10px;background:#fafafa;padding-right:2px}.mpd-design .mpd-resources::-webkit-scrollbar-thumb{background:#8d8d88;border-radius:10px}.mpd-design .mpd-resources .widget-category{padding:10px;font-size:13px;color:#303133;border-bottom:1px solid #ebeef5}.mpd-design .mpd-resources .widget-body{padding:10px;font-size:13px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.mpd-design .mpd-resources .widget-body .widget-item-bg{background-color:#F2F6FC;padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.mpd-design .mpd-resources .widget-body .widget-item-bg+.widget-item-bg{margin-top:5px}.mpd-design .mpd-resources .pro-layout-formitem{margin-bottom:0}.w-0{width:0%;-webkit-box-sizing:border-box;box-sizing:border-box}.w-1,.w-2{-webkit-box-sizing:border-box}.w-1{width:10%;box-sizing:border-box}.w-2{width:20%;box-sizing:border-box}.w-3,.w-4{-webkit-box-sizing:border-box}.w-3{width:30%;box-sizing:border-box}.w-4{width:40%;box-sizing:border-box}.w-5,.w-6{-webkit-box-sizing:border-box}.w-5{width:50%;box-sizing:border-box}.w-6{width:60%;box-sizing:border-box}.w-7,.w-8{-webkit-box-sizing:border-box}.w-7{width:70%;box-sizing:border-box}.w-8{width:80%;box-sizing:border-box}.w-10,.w-9{-webkit-box-sizing:border-box}.w-9{width:90%;box-sizing:border-box}.w-10{width:100%;box-sizing:border-box}.mpd-active,.mpd-focus{outline:#409eff dashed 1px;outline-offset:4px}.mpd-dragable{cursor:move;outline:#409eff dashed 1px;outline-offset:0}.mpd-dragable-source .drag-layer{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;background-color:transparent}.mpd-dragable-source .drag-layer .title{position:absolute;left:1px;top:1px;background-color:#483d8b;color:#fff;font-size:9px;padding:0 6px}.mpd-dragable-target{font-size:inherit}.mpd-help-tigger{position:fixed;right:0;bottom:100px;width:40px;height:40px;background-color:#f2f5f6;-webkit-box-shadow:0 0 6px rgba(0,0,0,.12);box-shadow:0 0 6px rgba(0,0,0,.12);text-align:center;line-height:40px;color:#1989fa;font-size:18px;font-weight:700;cursor:pointer}.mpd-dragable-source--shadow{position:fixed}.mpd-dragable-source--shadow .drag-layer{display:none}.mdp-drop-placeholder{min-width:3px;min-height:3px;background-color:red}.editing .mpd-dropable-source{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #f6f2f2;margin:4px;min-width:28px;min-height:28px}