.planCreate{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin:20px}.planCreate-content{display:-webkit-box;display:-ms-flexbox;display:flex}.planCreate-content .struct-wrap{-webkit-box-flex:0;-ms-flex:0 0 300px;flex:0 0 300px;overflow:hidden}.planCreate-content .struct-content{height:725px;padding:15px 10px;overflow:auto}.planCreate-content .struct-content .el-tree{border:none}.planCreate-content .struct-content .el-tree .icon{font-size:16px;margin-right:5px;color:#20a0ff}.planCreate-content .component-wrap{-webkit-box-flex:0;-ms-flex:0 0 200px;flex:0 0 200px}.planCreate-content .component-wrap,.planCreate-content .struct-wrap{border-radius:4px;overflow:hidden}.planCreate-content .component-wrap{position:relative}.planCreate-content .component-wrap .config-component-list{height:755px;padding-left:4px;overflow-y:auto}.planCreate-content .component-wrap .config-component-list:empty{height:0}.planCreate-content .component-wrap .drag-item{display:block;font-size:14px;padding:6px 0;background-color:#fff;border-bottom:1px solid #ddd;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.planCreate-content .component-wrap .icon{font-size:20px;color:#399;margin-right:5px}.planCreate-content .component-wrap .drag-icon{cursor:move}.planCreate-content .component-wrap .delete-icon{display:none;position:absolute;top:0;right:0;left:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#eff2f7}.planCreate-content .component-wrap .delete-icon i{font-size:60px;text-shadow:0 0 5px #fff;color:#ff4949}.planCreate-content .component-wrap .plan-device-icon{display:none}.planCreate-content .plan-wrap{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;margin:0 10px;border-radius:4px;overflow:auto}.planCreate-content .plan-wrap .target{width:1366px;position:relative;margin:auto;height:768px;background-repeat:no-repeat;background-position-x:center;background-size:auto 768px}.planCreate-content .plan-wrap .drag-item{position:relative;cursor:move}.planCreate-content .plan-wrap .drag-item .point{width:15px;height:15px;display:inline-block;border-radius:50%;background:#82d0ea}.planCreate-content .plan-wrap .drag-item .text{display:none}.planCreate-content .plan-wrap .plan-device-icon{font-size:24px;color:#399}.planCreate-content .plan-wrap .temp-icon{display:none}.planCreate-content .delete-btn{position:absolute;top:10px;left:84px;z-index:10;padding:5px}.planCreate-content .preview-btn{position:absolute;top:10px;left:180px;z-index:10;padding:5px}.planCreate-content .plan-bgupload{position:absolute;left:10px;top:10px;z-index:10}.planCreate-content .plan-bgupload .el-upload--text{width:auto;height:auto;border:none}