.component-menu-warp .collapse-menu .el-collapse-item__header{background-color:#f5f7fa;padding:0 15px;-webkit-transition:all .3s ease;transition:all .3s ease;height:36px;line-height:36px}.component-menu-warp .collapse-menu .el-collapse-item__header:hover{color:#198fff}.component-menu-warp .collapse-menu .component-list{padding:15px}.component-menu-warp .collapse-menu .component-list .item{cursor:pointer;padding:5px;border:1px solid #e4e7ed;margin-bottom:10px;border-radius:2px;color:#606266;-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.component-menu-warp .collapse-menu .component-list .item:hover{color:#198fff;border:1px solid #198fff}.component-menu-warp .collapse-menu .component-list .item:hover i{color:#198fff}.component-menu-warp .collapse-menu .component-list .item i{font-size:16px;color:#909399}.props-menu-warp .title-area{padding:15px;background-color:#f5f7fa;font-weight:700}.props-menu-warp .el-form-item{margin-bottom:10px;padding:0 15px}.props-menu-warp .el-form-item .f-a-c{color:#606266}.props-menu-warp .el-tabs .el-tabs__content{padding:0}.drag-canvas-warp *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.drag-canvas-warp .item{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;z-index:-1}.board-warp{position:relative;overflow:auto}.board-warp .view-wrapper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;top:0;left:0;-ms-touch-action:none;touch-action:none}.board-warp .view-wrapper .y-help-line{border-left:1px dashed #198fff;height:100%;position:absolute;z-index:100}.board-warp .view-wrapper .x-help-line{width:100%;border-bottom:1px dashed #198fff;position:absolute;z-index:100}.board-warp .view-wrapper .react{position:absolute;z-index:8;background-color:rgba(25,143,255,.1)}.board-warp .canvas-wrapper{width:500px;height:500px;background-color:#fff;border-radius:2px;-webkit-box-shadow:0 0 10px rgba(0,21,41,.08);box-shadow:0 0 10px rgba(0,21,41,.08)}.board-warp .board-canvas,.board-warp .canvas-wrapper{position:absolute;top:35%;left:35%;-webkit-transform:translate(-35%,-35%);transform:translate(-35%,-35%)}.board-warp .board-canvas{width:100%;height:100%}.template-wrap{position:relative;font-family:"\9ED1\4F53",sans-serif}.template-wrap .component{padding:0 10px 0 0;position:absolute;color:#000}.template-wrap .component .QrCodeUi{max-width:100%;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}