[data-v-57c2a7ca] .el-rate__item{margin:0 8px!important;text-align:center;width:23px}[data-v-57c2a7ca] .el-rate{outline:none}[data-v-57c2a7ca] .el-rate__decimal,[data-v-57c2a7ca] .el-rate__icon{font-size:23px}[data-v-57c2a7ca] .el-input__inner:focus,[data-v-57c2a7ca] .el-textarea__inner:focus{border-color:var(--variable,#197aff)!important}[data-v-57c2a7ca] .el-radio__input.is-checked+.el-radio__label{color:var(--variable,#197aff)!important}[data-v-57c2a7ca] .el-radio__input.is-checked .el-radio__inner{border-color:var(--variable,#197aff)!important;background:var(--variable,#197aff)!important}[data-v-57c2a7ca] .el-cascader .el-input .el-input__inner:focus,[data-v-57c2a7ca] .el-cascader .el-input.is-focus .el-input__inner{border-color:var(--variable,#197aff)!important}[data-v-57c2a7ca] .el-checkbox__input.is-checked+.el-checkbox__label,[data-v-57c2a7ca] .el-time-panel__btn.confirm{color:var(--variable,#197aff)!important}.el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-57c2a7ca],[data-v-57c2a7ca] .el-checkbox__input.is-checked .el-checkbox__inner{border-color:var(--variable,#197aff)!important;background:var(--variable,#197aff)!important}[data-v-57c2a7ca] .el-checkbox__inner:hover,[data-v-57c2a7ca] .el-checkbox__input.is-focus .el-checkbox__inner{border-color:var(--variable,#197aff)!important}[data-v-57c2a7ca] .el-select-dropdown__item.selected{color:var(--variable,#197aff)!important}.el-range-editor.is-active[data-v-57c2a7ca]:hover,[data-v-57c2a7ca] .el-button--primary,[data-v-57c2a7ca] .el-range-editor.is-active{border-color:var(--variable,#197aff)!important}[data-v-57c2a7ca] .el-button--primary{background-color:var(--variable,#197aff)!important}[data-v-57c2a7ca] .el-upload--picture-card:hover{border:1px dashed var(--variable,#197aff)!important}[data-v-57c2a7ca] .el-checkbox__label,[data-v-57c2a7ca] .el-radio__label{word-wrap:break-word;white-space:pre-wrap;word-break:break-all;display:inline-block;vertical-align:middle}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:var(--variable,#197aff)!important}.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:var(--variable,#197aff)!important}.el-cascader-node.in-active-path,.el-cascader-node.is-active,.el-cascader-node.is-selectable.in-checked-path{color:#000!important}.el-date-table td.current:not(.disabled) span{background-color:#000!important;font-weight:600}.el-date-table td.today span{color:#000;font-weight:800}.el-date-table td.available:hover{color:#000!important;font-weight:800}.el-date-table td.end-date span,.el-date-table td.start-date span{background-color:#000!important}.container{position:relative;width:100%;height:100%}.components-list{padding:18px;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%}.components-list .components-item{display:inline-block;width:47%;margin:1% 0;-webkit-transition:-webkit-transform 0ms!important;transition:-webkit-transform 0ms!important;transition:transform 0ms!important;transition:transform 0ms,-webkit-transform 0ms!important}.components-draggable{padding-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.components-title{font-size:14px;color:#303133;margin-bottom:12px;font-weight:700}.components-title .svg-icon{color:#666;font-size:18px}.components-body{padding:8px 10px;background:#f7f8f9;font-size:12px;cursor:move;border:1px dashed rgba(25,122,255,.02);border-radius:3px}.components-body .svg-icon{color:#3d4757;font-size:15px}.components-body:hover{border:1px solid #197aff;color:#197aff}.components-body:hover .svg-icon{color:#197aff}.left-board{width:350px;position:absolute;left:0;top:0}.left-scrollbar{overflow:hidden}.center-scrollbar{overflow:hidden;border-left:1px solid #f1e8e8;border-right:1px solid #f1e8e8}.center-board,.center-scrollbar{-webkit-box-sizing:border-box;box-sizing:border-box}.center-board{height:calc(100vh - 42px);width:auto;margin:0 350px}.empty-info{position:absolute;top:46%;left:0;right:0;text-align:center;font-size:18px;color:#ccb1ea;letter-spacing:4px}.action-bar{position:relative;height:42px;text-align:right;padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #f1e8e8;border-top:none;border-left:none}.action-bar .delete-btn{color:#f56c6c}.logo-wrapper{position:relative;height:42px;background:#fff;border-bottom:1px solid #f1e8e8;-webkit-box-sizing:border-box;box-sizing:border-box}.logo{position:absolute;left:12px;top:6px;line-height:30px;color:#00afff;font-weight:600;font-size:17px;white-space:nowrap}.logo>img{width:30px;height:30px;vertical-align:top}.logo .github{display:inline-block;vertical-align:sub;margin-left:15px}.logo .github>img{height:22px}.center-board-row{padding:12px 12px 15px 12px;-webkit-box-sizing:border-box;box-sizing:border-box}.center-board-row>.el-form{height:100vh}.drawing-board{height:calc(100% - 50px);position:relative}.drawing-board .components-body{padding:0;margin:0;font-size:0}.drawing-board .sortable-ghost{position:relative;display:block;overflow:hidden}.drawing-board .sortable-ghost:before{content:" ";position:absolute;left:0;right:0;top:0;height:3px;background:#5959df;z-index:2}.drawing-board .components-item.sortable-ghost{width:100%;height:60px;background-color:rgba(25,122,255,.02)}.drawing-board .active-from-item>.el-form-item{background:rgba(25,122,255,.02);border-radius:6px;border:1px dashed #197aff}.drawing-board .active-from-item>.drawing-item-copy,.drawing-board .active-from-item>.drawing-item-delete,.drawing-board .active-from-item>.drawing-item-edit{display:initial}.drawing-board .active-from-item>.component-name{color:#409eff}.drawing-board .el-form-item{margin-bottom:15px;border:1px dashed transparent}.drawing-item{position:relative;cursor:move}.drawing-item.unfocus-bordered:not(.active-from-item)>div:first-child{border:1px dashed #ccc}.drawing-item .el-form-item{padding:21px}.drawing-row-item{position:relative;cursor:move;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px dashed #ccc;border-radius:3px;padding:0 2px;margin-bottom:15px}.drawing-row-item .drawing-row-item{margin-bottom:2px}.drawing-row-item .el-col{margin-top:22px}.drawing-row-item .el-form-item{margin-bottom:0}.drawing-row-item .drag-wrapper{min-height:80px}.drawing-row-item.active-from-item{border:1px dashed #409eff}.drawing-row-item .component-name{position:absolute;top:0;left:0;font-size:12px;color:#bbb;display:inline-block;padding:0 6px}.drawing-item:hover>.el-form-item,.drawing-row-item:hover>.el-form-item{background:rgba(25,122,255,.02);border-radius:6px}.drawing-item:hover>.drawing-item-copy,.drawing-item:hover>.drawing-item-delete,.drawing-item:hover>.drawing-item-edit,.drawing-row-item:hover>.drawing-item-copy,.drawing-row-item:hover>.drawing-item-delete,.drawing-row-item:hover>.drawing-item-edit{display:initial}.drawing-item>.drawing-item-copy,.drawing-item>.drawing-item-delete,.drawing-row-item>.drawing-item-copy,.drawing-row-item>.drawing-item-delete{display:none;position:absolute;top:-10px;width:22px;height:22px;line-height:22px;text-align:center;border-radius:50%;font-size:12px;border:1px solid;cursor:pointer;z-index:1}.drawing-item>.drawing-item-edit,.drawing-row-item>.drawing-item-edit{display:none;position:absolute;bottom:24px;line-height:22px;text-align:center;font-size:12px;cursor:pointer;z-index:1;left:37px;color:#409eff}.drawing-item>.drawing-item-copy,.drawing-row-item>.drawing-item-copy{right:56px;border-color:#409eff;color:#409eff;background:#fff}.drawing-item>.drawing-item-copy:hover,.drawing-row-item>.drawing-item-copy:hover{background:#409eff;color:#fff}.drawing-item>.drawing-item-delete,.drawing-row-item>.drawing-item-delete{right:24px;border-color:#f56c6c;color:#f56c6c;background:#fff}.drawing-item>.drawing-item-delete:hover,.drawing-row-item>.drawing-item-delete:hover{background:#f56c6c;color:#fff}.real_text{text-align:center;margin:20px 0}.theme_box{width:100%;height:calc(100vh - 58px);background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex}.theme_box .box_left,.theme_box .box_right{width:300px;min-height:100%;background:#fff;-webkit-box-shadow:2px 0 7px rgba(0,0,0,.04);box-shadow:2px 0 7px rgba(0,0,0,.04);border-radius:2px}.theme_box .box_center{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-height:100%;width:400px;background:#f6f8fa}.theme_box .box_center .device_box{margin:30px auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.theme_box .box_center .device_box div{background:#fff;text-align:center;height:35px;line-height:35px;width:90px;font-size:13px;font-weight:400;color:#3d4757;cursor:pointer}.theme_box .box_center .device_box div span{margin-left:5px}.theme_box .box_center .device_box div:first-child{border-right:1px solid #ebeef5}.theme_box .box_center .device_main{width:80%;background:#fff;height:calc(100vh - 220px);margin:auto}.theme_box .box_left .left_box_top{padding:20px}.theme_box .box_left .left_box_top>p{font-size:14px;font-weight:700;color:#303133}.theme_box .box_left .left_box_top .top_text{margin-top:15px}.theme_box .box_left .left_box_top .top_text span{display:inline-block;text-align:center;width:65px;height:32px;line-height:32px;border:1px solid #ebeef5;border-radius:4px;margin-right:10px;margin-bottom:10px;cursor:pointer;font-size:13px;font-weight:400;color:#3d4757}.theme_box .box_left .left_box_top .top_text .span{border:1px solid #197aff;color:#197aff}.theme_box .box_left .left_box_bot{padding:0 20px}.theme_box .box_left .left_box_bot>p{font-size:14px;font-weight:700;color:#303133}.theme_box .box_left .left_box_bot .color_box{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;margin-top:20px}.theme_box .box_left .left_box_bot .color_box .color_box_div{width:26px;height:26px;border:1px solid #f1f1f1;padding:1px;-webkit-box-sizing:border-box;box-sizing:border-box}.theme_box .box_left .left_box_bot .color_box .color_box_div span{display:inline-block;width:100%;height:100%;border-radius:2px;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.theme_box .box_left .left_box_bot .color_box .span{border:1px solid #4362ec;padding:1px;-webkit-box-sizing:border-box;box-sizing:border-box}.theme_box .box_left .left_box_bot .img_box_div{width:280px;height:calc(100vh - 300px);margin-top:20px;overflow:hidden}.theme_box .box_left .left_box_bot .img_box_div .img_box{width:300px;padding-right:50px;height:calc(100vh - 300px);overflow-y:auto;padding-bottom:50px}.theme_box .box_left .left_box_bot .img_box_div .img_box img{width:120px;height:70px;background:transparent;border-radius:8px;margin-bottom:5px;margin-right:10px;cursor:pointer;border:3px solid transparent;-o-object-fit:cover;object-fit:cover}.theme_box .box_left .left_box_bot .img_box_div .img_box .img{border:3px solid #197aff}.theme_box .box_right{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.theme_box .box_right,.theme_box .box_right .right_box_top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.theme_box .box_right .right_box_top{padding:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.theme_box .box_right .right_box_top span{font-size:14px;font-weight:700;color:#303133}.theme_box .box_right .right_box_top div i{margin:0 5px;cursor:pointer}.theme_box .box_right .right_box_center{background:#fff;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:200px;overflow:hidden}.theme_box .box_right .right_box_center .el-menu-item-group{background:#f7f8f9}.theme_box .box_right .right_box_center .el-submenu{border-top:1px solid #ebeef5;border-bottom:1px solid #ebeef5}.theme_box .box_right .right_box_center .el-menu-item{padding:0 20px!important}.theme_box .box_right .right_box_center .right_center_item{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}.theme_box .box_right .right_box_center .right_center_item>span{font-size:13px;font-weight:400;color:#606266}.theme_box .box_right .right_box_center .right_center_item .background{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.theme_box .box_right .right_box_center .right_center_item .background .background_image_box{position:relative}.theme_box .box_right .right_box_center .right_center_item .background .background_image_box i{width:18px;position:absolute;top:2px;right:-14px;font-size:18px;color:red;background:#fff;border-radius:50px;z-index:10}.theme_box .box_right .right_box_center .right_center_item .background img{width:51px;height:32px;background:#5c3e3e;border-radius:2px}.theme_box .box_right .right_box_center .right_center_item .background span{font-size:13px;font-weight:400;color:#197aff;margin-left:15px}.theme_box .box_right .right_box_center .right_center_item .backgroundTransparency{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.theme_box .box_right .right_box_center .right_center_item .backgroundTransparency .el-slider{width:80px}.theme_box .box_right .right_box_center .right_center_item .backgroundTransparency .el-input{width:55px;margin-left:20px}.theme_box .box_right .right_box_center .right_center_item .fontSettings .el-select{width:60px}.theme_box .box_right .right_box_center .right_center_item .fontSettings .el-color-picker{margin-top:5px;margin-left:15px}.theme_box .box_right .right_box_center .right_center_item .fontSettings .spans{display:inline-block;width:20px;font-size:20px;margin-left:15px;color:#197aff}.theme_box .box_right .right_box_center .right_center_item .fontSettings .bold{font-weight:800;display:inline-block;width:20px;font-size:20px;margin-left:15px;color:#197aff}.theme_box .box_right .right_box_center .right_center_item .buttonSettings .el-input{width:100px}.theme_box .box_right .right_box_footer{border-top:1px solid #ebeef5}.theme_box .box_right .right_box_footer div{width:220px;height:40px;border:1px solid #197aff;-webkit-box-shadow:2px 0 7px rgba(0,0,0,.04);box-shadow:2px 0 7px rgba(0,0,0,.04);border-radius:2px;font-size:14px;font-weight:400;color:#197aff;text-align:center;line-height:40px;margin:15px auto;cursor:pointer}.theme_box .box_right .right_box_footer div:nth-child(2){color:#fff;background:#197aff}@media screen and (max-width:1600px){.theme_box{height:calc(100vh - 74px)}}.center-board-row>.el-form{height:auto!important}.center-board-row{padding:0!important}.vdr{border:none!important;border-bottom:1px dashed #197aff!important}.handle-bm{border-radius:50%;border-color:#197aff!important;padding:5px;bottom:-7px;background:#fff}