.itemPanel{float:left;width:15%;background:#f0f2f5;overflow-y:scroll;overflow-x:hidden;border:1px solid #e9e9e9;img{width:92px;height:96px;padding:4px;border:1px solid transparent;border-radius:2px;&:hover{border:1px solid #ccc;cursor:move}}.el-collapse{border:0;.el-collapse-item{>div[role=tab]>div{padding-left:10px;border:1px solid #e9e9e9;border-left:0}&:first-child{>div[role=tab]>div{border-top:0}}&:last-child{>div[role=tab]>div{border-bottom:1px solid #e9e9e9}}.el-collapse-item__header{text-indent:15px;width:95%}.el-collapse-item__wrap{border-top:0;background:#f0f2f5;text-align:center}}}}.detailPanel{height:100%;background:#f0f2f5;flex:0 0 auto;float:left;width:20%;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;text-align:left;padding:10px}.root[data-v-ab14e1fa]{width:100%;height:100%;background-color:#fff;display:block}.canvasPanel[data-v-ab14e1fa]{flex:0 0 auto;float:left;max-width:100%;background-color:#fff;border-bottom:1px solid #e9e9e9}