.bin-drag-layout{position:relative;display:flex;min-width:700px}.bin-drag-layout-editor{padding-top:16px}.bin-drag-layout .drag-layout-header{background:#454242;height:64px;position:fixed;left:0;top:0;width:100%;z-index:1000;display:flex;align-items:center;justify-content:flex-end}.bin-drag-layout .drag-layout-header>h2{flex:1;font-size:14px;font-weight:400;color:hsla(0,0%,100%,.65);text-align:center}.bin-drag-layout .drag-layout-aside{background:#333;position:fixed;left:0;top:64px;bottom:0;width:256px;z-index:1000;flex-flow:row;flex-wrap:wrap;overflow-y:auto}.bin-drag-layout .drag-layout-aside>.settings{padding:12px;color:hsla(0,0%,100%,.86);line-height:22px}.bin-drag-layout .drag-layout-aside>.settings>.ivu-switch{float:right}.bin-drag-layout .drag-layout-aside>.modules li{color:#fff;line-height:20px;padding:8px 12px;cursor:pointer;display:flex}.bin-drag-layout .drag-layout-aside>.modules li>span{flex:1}.bin-drag-layout .drag-layout-aside>.modules li>i{font-size:16px}.bin-drag-layout .drag-layout-aside>.modules li>i.active{color:#2974ff}.bin-drag-layout .drag-layout-aside>.modules li:hover{background-color:hsla(0,0%,100%,.1)}.bin-drag-layout .drag-layout-center{flex:1}.bin-drag-layout .drag-layout-item .remove-module{position:absolute;right:16px;top:10px;z-index:10;font-size:16px;cursor:pointer}.bin-drag-layout .drag-layout-item .remove-module:hover{color:#2974ff}.bin-drag-layout .btn-customize{position:absolute;right:8px;top:8px;z-index:10}.bin-drag-layout .vue-grid-item.vue-grid-placeholder{background:#2d8cf0;opacity:.3}.bin-grid-item-card .ivu-card-body{position:absolute;top:52px;right:0;left:0;bottom:0;overflow:hidden}