.panelBoxWarp[data-v-56cafe1d]{position:relative;height:100%}.panelBox[data-v-56cafe1d]{width:0;min-height:100%;display:-ms-flexbox;display:flex;overflow:hidden;transition:width .2s ease}.panelBox.on[data-v-56cafe1d]{width:250px}.panelBox .componentList[data-v-56cafe1d]{width:64px;padding:17px 0;text-align:center}.panelBox .componentList ul[data-v-56cafe1d]{list-style:none;padding:0;margin:0}.panelBox .componentList li[data-v-56cafe1d]{position:relative;margin-bottom:18px}.panelBox .componentList li .iconfont[data-v-56cafe1d]{font-size:24px}.panelBox .componentList li span[data-v-56cafe1d]{font-size:12px;display:block}.panelBox .componentList li.on[data-v-56cafe1d],.panelBox .componentList li[data-v-56cafe1d]:hover{color:red}.panelBox .componentList li.on[data-v-56cafe1d] :after,.panelBox .componentList li[data-v-56cafe1d]:hover :after{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background-color:red}.panelBox .categoryList[data-v-56cafe1d]{border-left:1px solid #f0f3f4;width:186px;padding:20px 0}.panelBox .categoryList .itemBox h3[data-v-56cafe1d]{padding-left:20px;height:35px;line-height:35px;font-size:16px;color:#333;position:relative}.panelBox .categoryList .itemBox h3[data-v-56cafe1d]:before{content:"";border-left:5px solid red;border-top:4px solid transparent;border-bottom:4px solid transparent;position:absolute;left:10px;top:50%;margin-top:-4px}.panelBox .categoryList .itemBox .childList[data-v-56cafe1d]{font-size:14px;color:#333;padding:20px 10px}.panelBox .categoryList .itemBox .childList .list-group[data-v-56cafe1d]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.panelBox .categoryList .itemBox .childList .list-group[data-v-56cafe1d] :hover{background:#ff7800;color:#fff;border-radius:3px;cursor:move}.panelBox .categoryList .itemBox .childList .list-group .childItem[data-v-56cafe1d]{height:80px;width:50%;cursor:pointer}.panelBox .categoryList .itemBox .childList .list-group .childItem .contentBox[data-v-56cafe1d]{height:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.panelBox .categoryList .itemBox .childList .list-group .childItem .contentBox img[data-v-56cafe1d]{width:20px;height:20px}.panelBox .categoryList .itemBox .childList .list-group .childItem .contentBox span[data-v-56cafe1d]{margin-top:10px}.panelBox .categoryList .itemBox .childList .list-group .childItem .cloneText[data-v-56cafe1d]{display:none}.btnToggle[data-v-56cafe1d]{width:20px;height:66px;background-color:#fff;border-radius:0 20px 20px 0;position:absolute;right:-20px;top:50%;margin-top:-33px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;z-index:9}.btnToggle .el-icon-arrow-left[data-v-56cafe1d]{display:none}.btnToggle.on .el-icon-arrow-left[data-v-56cafe1d]{display:block}.btnToggle.on .el-icon-arrow-right[data-v-56cafe1d]{display:none}.hom-layout[data-v-6112aff1]{background-color:#fff;display:-ms-flexbox;display:flex}.hom-layout .sortable-chosen .contentBox[data-v-6112aff1]{display:none}.hom-layout .sortable-chosen .cloneText[data-v-6112aff1]{display:block;width:100%;height:50px;line-height:50px;font-size:18px;text-align:center;background-color:red;color:#fff}.hom-layout .list-group[data-v-6112aff1]{min-height:calc(100vh - 50px)}.hom-layout .list-group-item[data-v-6112aff1]{position:relative;cursor:move}.hom-layout .list-group-item .btns[data-v-6112aff1]{display:none}.hom-layout .list-group-item[data-v-6112aff1]:hover:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;border:1px dashed red;z-index:2}.hom-layout .list-group-item.on[data-v-6112aff1]:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;border:1px solid red;z-index:2}.hom-layout .list-group-item.on .btns[data-v-6112aff1]{display:block;position:absolute;right:-13px;top:50%;margin-top:-13px;z-index:3}.hom-layout .list-group-item.on .btns span[data-v-6112aff1]{display:block;width:26px;height:26px;line-height:26px;text-align:center;color:#666;background-color:#fff;box-shadow:0 0 2px rgba(51,51,51,.2);cursor:pointer}.HomeDisplay-container .canvas[data-v-7d7a608a]{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}.HomeDisplay-container .canvas .topBox[data-v-7d7a608a]{height:52px;line-height:52px;border-bottom:1px solid #f0f3f4;position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.HomeDisplay-container .canvas .topBox li[data-v-7d7a608a]{width:56px;height:52px;cursor:pointer;text-align:center;display:inline-block}.HomeDisplay-container .canvas .topBox li .iconfont[data-v-7d7a608a]{font-size:24px}.HomeDisplay-container .canvas .topBox li.on[data-v-7d7a608a],.HomeDisplay-container .canvas .topBox li[data-v-7d7a608a]:hover{background-color:red;color:#fff}.HomeDisplay-container .canvas .topBox .btn-save[data-v-7d7a608a]{position:absolute;right:20px;top:5px}.HomeDisplay-container .canvas .bottomWarp[data-v-7d7a608a]{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;height:0}.HomeDisplay-container .canvas .leftBox[data-v-7d7a608a]{height:100%}.HomeDisplay-container .canvas .mainContentWarp[data-v-7d7a608a]{background-color:#f0f3f4;overflow:auto;height:100%;-ms-flex:1;flex:1}.HomeDisplay-container .canvas .mainContentWarp .mainContent[data-v-7d7a608a]{margin:0 auto;max-width:100%;width:500px}.HomeDisplay-container .canvas .mainContentWarp .mainContent.view-4[data-v-7d7a608a]{width:1200px}.HomeDisplay-container .canvas .RightBox[data-v-7d7a608a]{height:100%;overflow:auto}