// <style lang="less" scoped>
// :deep(.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover){
//   background-color: rgba(20,41,76,1);
//   color:rgb(29, 83, 172)
// }
// :global(.ant-transfer-list-header-selected) {
//   color: rgba(255, 83, 0)
// }

// :global(.ant-transfer-list-header > *:not(:last-child)) {
//   color: rgba(255, 83, 0)
// }

// .tagtext {
//   margin-left: 8px;
// }

// .light-tag {
//   position: fixed;
//   bottom: 135px;
//   left: 450px;
//   width: 396px;
//   height: 200px;
//   opacity: 0.8;
//   border-radius: 8px;
//   background: rgba(0, 0, 0, 1);
// }

// .light-tag-tit {
//   display: flex;
//   margin-top: 18px;
//   margin-left: 18px;
// }

// .light-tag-box {
//   padding: 15px 15px;
// }

// .light-tag-box>img {
//   width: 120px;
//   height: 51px;
//   margin-bottom: 10px;
// }

// .light-tag-box>span {
//   color: #fff;
// }

// .titleimg,
// .titletext {
//   display: inline-block;
//   align-items: center;
//   justify-content: center;
// }

// .control-btn,
// .light-btn {
//   display: inline-block;
//   margin-top: 10px;
// }

// .controlarea-btn,
// .temp-btn {
//   display: inline-block;
//   margin-top: 16px;
// }

// :global(.ant-drawer-content) {
//   background-color: rgba(0, 0, 0, 1);
//   opacity: 0.8;
// }

// :global(.ant-modal-content) {
//   background-color: rgba(0, 0, 0, 1);
//   opacity: 0.8;
// }

// :deep(.ant-transfer-list) {
//   width: 230px;
//   height: 450px;
// }

// :deep(.ant-transfer-list-header) {
//   background-color: rgba(0, 0, 0, 1);
//   color: rgba(255, 255, 255, 1);
// }

// .bulbLogo1 {
//   margin-top: 40%;
//   margin-left: 12%;
// }

// .bulbLogo2 {
//   margin-top: 35%;
//   margin-left: 20%;
// }

// .bulbLogo3 {
//   margin-top: 23%;
//   margin-left: 10%;
// }

// .bulbLogo4 {
//   margin-top: 10%;
//   margin-left: 15%;
// }

// .bulbLogo5 {
//   margin-top: 8%;
//   margin-left: 13%;
// }

// .bulbLogo6 {
//   margin-top: 8%;
//   margin-left: 15%;
// }

// .bulbLogo7 {
//   margin-top: 0%;
//   margin-left: 12%;
// }

// .bulbLogo9 {
//   margin-top: 35%;
//   margin-left: 20%;
// }

// .bulbLogo10 {
//   margin-top: 35%;
//   margin-left: 20%;
// }

// .bulbLogo11 {
//   margin-top: 35%;
//   margin-left: 20%;
// }

// .bulbLogo12 {
//   margin-top: 35%;
//   margin-left: 20%;
// }

// .custom-table {
//   border-collapse: collapse;
//   width: 416px;
//   height: 60px;
//   color: rgba(255, 255, 255, 1);
// }

// .custom-table th,
// .custom-table td {
//   border: 1px solid rgba(163, 192, 243, 1);
//   text-align: left;
//   padding: 8px;
//   text-align: center;
// }

// .table1 {
//   margin-top: 20px;
//   width: 100%;
//   cellspacing: 0;
//   cellpadding: 0;
//   border: 1px solid rgba(255, 255, 255);
//   border-radius: 5px;
//   background: rgba(255, 255, 255, 0.1);
// }

// .lightarea,
// .circuitarea,
// .controlarea,
// .controlscenearea,
// .lightparametersarea {
//   width: 100%;
//   margin-top: 20px;
//   display: flex;
//   align-items: center;
// }

// .lightareatab,
// .circuittab,
// .controltab,
// .controlscenetab,
// .lightparameterstab {
//   width: 5px;
//   height: 23px;
//   opacity: 1;
//   background: rgba(26, 174, 251, 1);
//   margin-right: 4px;
// }

// .lightareatext,
// .circuittext,
// .controltext,
// .controlscenetext,
// .lightparameterstext {
//   font-size: 14px;
//   color: rgba(255, 255, 255, 1);
//   line-height: 19px;
//   width: 110px;
//   height: 23px;
//   opacity: 1;
//   background: linear-gradient(270deg,
//       rgba(86, 221, 253, 0) 0%,
//       rgba(25, 176, 255, 1) 100%);
// }

// .lightareatab,
// .lightareatext {
//   display: inline-block;
//   justify-content: center;
// }

// .plan.enabled {
//   border: none;
//   font-size: 14px;
//   font-weight: 400;
//   border-radius: 5px;
//   color: rgba(255, 255, 255, 1);
//   vertical-align: top;
//   margin-left: 235px;
//   width: 88px;
//   height: 32px;
//   background: linear-gradient(180deg, rgba(103, 222, 0, 1) 0%, rgba(0, 181, 6, 1) 100%);
//   color: white;
// }

// .plan.disabled {
//   border: none;
//   font-size: 14px;
//   font-weight: 400;
//   border-radius: 5px;
//   color: rgba(255, 255, 255, 1);
//   vertical-align: top;
//   margin-left: 235px;
//   width: 88px;
//   height: 32px;
//   background-color: red;
// }

// .plan:disabled {
//   cursor: not-allowed;
// }

// .openplan.enabled2 {
//   border: none;
//   font-size: 14px;
//   font-weight: 400;
//   border-radius: 5px;
//   color: rgba(255, 255, 255, 1);
//   vertical-align: top;
//   width: 88px;
//   height: 32px;
//   background: linear-gradient(180deg, rgba(103, 222, 0, 1) 0%, rgba(0, 181, 6, 1) 100%);
//   color: white;
// }

// .openplan.disabled2 {
//   border: none;
//   font-size: 14px;
//   font-weight: 400;
//   border-radius: 5px;
//   color: rgba(255, 255, 255, 1);
//   vertical-align: top;
//   width: 88px;
//   height: 32px;
//   background-color: red;
// }

// .openplan:disabled {
//   cursor: not-allowed;
// }

// .btn2 {
//   display: flex;
//   align-items: center;
//   margin-left: 80px;
// }

// .openzm {
//   color: rgba(34, 183, 255, 1);
//   margin-left: 20px;
//   font-size: 14px;
// }

// .custom-checkbox {
//   width: 13px;
//   height: 13px;
// }

// .both {
//   width: 59.79px;
//   height: 32px;
//   opacity: 1;
//   background: linear-gradient(180deg,
//       rgba(255, 187, 0, 1) 0%,
//       rgba(255, 112, 3, 1) 91.21%,
//       rgba(255, 129, 3, 1) 100%);
//   margin-left: 8px;
//   font-size: 12px;
//   color: rgba(255, 255, 255, 1);
//   border: none;
//   border-radius: 5px;
// }

// .btn2 {
//   button {
//     margin: 0 5px;
//   }
// }

// .allbtn {
//   border: 0;
//   width: 40px;
//   color: rgba(255, 255, 255, 1);
//   background-color: transparent;
// }

// .blue-background.ant-switch-checked {
//   background-color: linear-gradient(180deg,
//       rgba(1, 206, 255, 1) 0%,
//       rgba(0, 150, 229, 1) 100%) !important;
// }

// .grey-background.ant-switch {
//   background-color: grey !important;
// }

// .blue-background.ant-switch-checked .ant-switch-handle {
//   background-color: linear-gradient(180deg,
//       rgba(1, 206, 255, 1) 0%,
//       rgba(0, 150, 229, 1) 100%) !important;
// }

// .grey-background.ant-switch .ant-switch-handle {
//   background-color: grey !important;
// }

// p {
//   color: rgba(255, 255, 255, 1);
// }

// .area,
// .btnarea,
// .controlmodebtnarea,
// .controlscenebtnarea {
//   margin-left: -17px;

//   button {
//     width: 21%;
//     padding: 0 2%;
//   }
// }

// .btn {
//   width: 92px;
//   height: 40px;
//   border-radius: 4px;
//   opacity: 1;
//   margin-top: 10px;
//   margin-left: 17px;
//   font-size: 14px;
//   font-weight: 400;
//   opacity: 1;
//   border: 1px solid rgba(207, 212, 219, 1);
//   line-height: 20.27px;
//   color: rgba(255, 255, 255, 1);
//   text-align: center;
//   vertical-align: top;
//   background-color: rgba(255, 255, 255, 0.1);
// }

// .selected {
//   background: linear-gradient(180deg,
//       rgba(201, 245, 255, 1) 0%,
//       rgba(138, 215, 255, 1) 100%);
//   color: rgba(0, 61, 90, 1);
//   border: 1px solid rgba(255, 255, 255, 1);
// }

// .btn:hover {
//   background-color: rgba(207, 212, 219, 1);
// }

// .btn:active {
//   background-color: rgba(102, 102, 102, 1);
//   color: white;
// }

// .circuitarea,
// .controlscenearea,
// .lightparametersarea {
//   left: 51px;
//   width: 100%;
//   margin-top: 20px;
// }

// .circuittab,
// .circuittext {
//   display: inline-block;
// }

// .batch {
//   width: 60px;
//   height: 32px;
//   opacity: 1;
//   border: 1px solid rgba(67, 136, 251, 1);
//   color: rgba(67, 136, 251, 1);
//   border-radius: 5px;
//   background-color: rgba(255, 255, 255, 1);
//   margin-left: 11px;
// }

// .controlarea {
//   left: 51px;
//   width: 100%;
//   margin-top: 20px;
// }

// .controltab,
// .controltext {
//   display: inline-block;
// }

// :deep(.cell) {
//   text-align: center;
// }

// :deep(#pane-first) {
//   height: 100%;
// }

// .controlscenetab,
// .controlscenetext {
//   display: inline-block;
// }

// .lightparameterstab,
// .lightparameterstext {
//   display: inline-block;
// }


// .lightparameterstextarea>p {
//   height: 100%;
//   display: flex;
//   border: 1px solid rgba(236, 239, 245, 1);
//   justify-content: center;
//   align-items: center;
// }

// .bottom {
//   width: 100%;
//   height: 64px;
//   display: flex;
//   justify-content: flex-end;
//   align-items: center;
//   position: fixed;
//   bottom: 0;
//   right: 0;
//   margin-bottom: 10px;
// }

// .execute {
//   margin-right: 20px;
//   width: 74px;
//   height: 40px;
//   opacity: 1;
//   border-radius: 4px;
//   background: rgba(67, 136, 251, 1);
//   font-size: 14px;
//   font-weight: 400;
//   color: rgba(255, 255, 255, 1);
//   border: 0;
//   margin-left: 10px;
// }

// .flushed {
//   width: 74px;
//   height: 40px;
//   opacity: 1;
//   border-radius: 4px;
//   font-size: 14px;
//   font-weight: 400;
//   color: rgba(102, 102, 102, 1);
//   background: rgba(255, 255, 255, 1);
//   border: 1px solid rgba(193, 197, 204, 1);
// }

// .tabreboot,
// .tabdelete {
//   border: none;
//   background-color: rgba(0,0,0,0);
//   font-size: 14px;
//   font-weight: 400;
//   letter-spacing: 0;
//   line-height: 20px;
//   color: rgba(67, 136, 251, 1);
// }

// .tabreboot {
//   margin-right: 8px;
// }

// .add {
//   width: 74px;
//   height: 40px;
//   opacity: 1;
//   border-radius: 4px;
//   background: rgba(67, 136, 251, 1);
//   border: rgba(67, 136, 251, 1);
//   font-size: 14px;
//   font-weight: 400;
//   color: rgba(255, 255, 255, 1);
// }

// .divadd {
//   width: 100%;
//   height: 64px;
//   display: flex;
//   justify-content: flex-end;
//   align-items: center;
//   position: fixed;
//   bottom: 0;
//   right: 0;
//   margin-bottom: 10px;
//   margin-right: 20px;
// }

// .atable {
//   margin-top: 20px;
// }

// :deep(.ant-table-pagination) {
//   visibility: hidden;
// }

// .drawer-content {
//   margin-left: 20px;
// }

// .arrow-indicator {
//   position: absolute;
//   top: 50%;
//   left: 0;
//   transform: translateY(-50%);
//   z-index: 1;
// }

// .drawer-title1 {
//   position: fixed;
//   width: 33px;
//   height: 33px;
//   top: 0;
//   bottom: 0;
//   right: 20px;
//   margin: auto;
//   z-index: 99999;
// }

// .drawer-title2 {
//   position: fixed;
//   width: 33px;
//   height: 33px;
//   top: 0;
//   bottom: 0;
//   right: 495px;
//   margin: auto;
//   z-index: 99999;
// }

// .arrowbtn {
//   display: flex;
//   justify-content: center;
//   align-items: center;
//   width: 28px;
//   height: 28px;
//   background: rgba(0, 0, 0, 1);
//   opacity: 0.5;
//   border: none;
// }

// :deep(.ant-tabs-tab-btn) {
//   color: white;
// }

// :deep(.ant-table) {
//   background-color: transparent;
// }

// :deep(.ant-table-bordered) {
//   background-color: transparent;
// }

// :deep(.ant-table-thead) {
//   background-color: transparent;
// }

// :deep(.ant-table-cell) {
//   background-color: transparent;
//   color: #fff;
// }
// .lighting-img-box {
//   width: 100%;
//   max-height: calc(100% - 79px);
// }
// .lighting-img-box>img {
//   width: 100%;
//   height: calc(100vh - 96px);
//   object-fit: cover;
// }
// .F1 {
//   width: 120px;
//   height: 50.72px;
//   border-radius: 4px;
//   background: rgba(39, 120, 255, 1);
//   border: 1px solid rgba(51, 199, 255, 1);
//   box-shadow: 0px 10px 15px rgba(0, 54, 136, 0.3);
//   font-size: 24px;
//   font-weight: 400;
//   color: rgba(255, 255, 255, 1);
// }
// .F2,
// .platform {
//   width: 120px;
//   height: 50.72px;
//   border-radius: 4px;
//   background: rgba(7, 72, 116, 1);
//   box-shadow: 0px 10px 15px rgba(0, 54, 136, 0.3);
//   font-size: 24px;
//   font-weight: 400;
//   color: rgba(146, 187, 255, 1);
//   border: 1px solid rgba(39, 120, 255, 1);
//   margin-top: 20px;
// }

// .btn-box {
//   position: fixed;
//   top: 100px;
//   left: 250px;
// }

// .lighting-img-box>.bulbBox>.wh100 {
//   width: 38px;
//   height: calc(38px + 19px);
// }

// .lighting-img-box>.bulbBox>.bulbLogo1 {
//   position: absolute;
//   top: 10%;
//   left: 10%;
//   display: flex;
//   align-items: center;
// }

// .lighting-img-box>.bulbBox>.bulbLogo2 {
//   position: absolute;
//   top: 9%;
//   left: 15%;
//   display: flex;
//   align-items: center;
// }

// .lighting-img-box>.bulbBox>.bulbLogo3 {
//   position: absolute;
//   top: 34%;
//   left: 25%;
//   display: flex;
//   align-items: center;
// }

// .lighting-img-box>.bulbBox>.bulbLogo4 {
//   position: absolute;
//   top: 45%;
//   left: 30%;
//   display: flex;
//   align-items: center;
// }

// .lighting-img-box>.bulbBox>.bulbLogo5 {
//   position: absolute;
//   top: 45%;
//   left: 30%;
//   display: flex;
//   align-items: center;
// }

// .lighting-img-box>.bulbBox>.bulbLogo6 {
//   position: absolute;
//   top: 55%;
//   left: 30%;
//   display: flex;
//   align-items: center;
// }

// .lighting-img-box>.bulbBox>.bulbLogo7 {
//   position: absolute;
//   top: 60%;
//   left: 40%;
//   display: flex;
//   align-items: center;
// }

// .lighting-img-box>.bulbBox>.bulbLogo8 {
//   position: absolute;
//   top: 55%;
//   left: 70%;
//   display: flex;
//   align-items: center;
// }

// .lighting-img-box>.bulbBox>.bulbLogo9 {
//   position: absolute;
//   top: 10%;
//   left: 60%;
//   display: flex;
//   align-items: center;
// }

// .lighting-img-box>.bulbBox>.bulbLogo10 {
//   position: absolute;
//   top: 10%;
//   left: 40%;
//   display: flex;
//   align-items: center;
// }

// .lighting-img-box>.bulbBox>.bulbLogo11 {
//   position: absolute;
//   top: 15%;
//   left: 50%;
//   display: flex;
//   align-items: center;
// }

// .lighting-img-box>.bulbBox>.bulbLogo12 {
//   position: absolute;
//   top: 15%;
//   left: 60%;
//   display: flex;
//   align-items: center;
// }

// .lighting-img-box>.bulbBox>.bulbLogo13 {
//   position: absolute;
//   top: 55%;
//   left: 70%;
//   display: flex;
//   align-items: center;
// }

// .lighting-img-box>.bulbBox>.bulbLogo14 {
//   position: absolute;
//   top: 45%;
//   left: 60%;
//   display: flex;
//   align-items: center;
// }

// .lighting-img-box>.bulbBox>.bulbLogo15 {
//   position: absolute;
//   top: 45%;
//   left: 80%;
//   display: flex;
//   align-items: center;
// }

// .lighting-img-box>.bulbBox>.bulbLogo16 {
//   position: absolute;
//   top: 45%;
//   left: 90%;
//   display: flex;
//   align-items: center;
// }

// .editable-cell {
//   position: relative;

//   .editable-cell-input-wrapper,
//   .editable-cell-text-wrapper {
//     padding-right: 24px;
//   }

//   .editable-cell-text-wrapper {
//     padding: 5px 24px 5px 5px;
//   }

//   .editable-cell-icon,
//   .editable-cell-icon-check {
//     position: absolute;
//     right: 0;
//     width: 20px;
//     cursor: pointer;
//   }

//   .editable-cell-icon {
//     margin-top: 4px;
//     display: none;
//   }

//   .editable-cell-icon-check {
//     line-height: 28px;
//   }

//   .editable-cell-icon:hover,
//   .editable-cell-icon-check:hover {
//     color: #108ee9;
//   }

//   .editable-add-btn {
//     margin-bottom: 8px;
//   }
// }

// .editable-cell:hover .editable-cell-icon {
//   display: inline-block;
// }

// .div-operation {
//   width: 3px;
//   height: 13px;
//   opacity: 1;
//   border-radius: 1px;
//   background: rgba(67, 136, 251, 1);
// }

// .text-operation {
//   color: rgba(255, 255, 255, 1);
//   font-size: 16px;
//   font-weight: 700;
//   margin-left: 5px;
// }

// .div-operation,
// .text-operation {
//   display: inline-block;
// }

// .jbox {
//   background-color: #000;
//   opacity: 1;
//   z-index: 99999;
// }

// .journal {
//   padding: 3% 5%;
//   background-size: 450px 177px;
//   width: 482px;
//   height: 177px;
//   background-color: rgba(0, 0, 0);
//   border-radius: 12px;
//   border: 2px solid transparent;
//   border-image: linear-gradient(to bottom, #0077FF, #00F6FF, #000000) 1;
// }

// .imgText {
//   display: flex;
//   align-items: center;
//   justify-content: space-between;

//   .ztzm {
//     display: flex;
//     align-items: center;
//   }

//   .cxbtn {
//     color: rgba(255, 255, 255, 1);
//     border: none;
//     border-radius: 6px;
//     width: 59.79px;
//     height: 32px;
//     opacity: 1;
//     background: linear-gradient(180deg,
//         rgba(255, 187, 0, 1) 0%,
//         rgba(255, 112, 3, 1) 91.21%,
//         rgba(255, 129, 3, 1) 100%);
//   }
// }

// :deep(.ant-modal-content) {
//   width: 555px;
//   height: 792px;
// }

// :deep(.ant-modal-body) {
//   width: 555px;
//   max-height: 792px !important;
//   box-sizing: border-box;
// }

// .text-change {
//   text-align: center;
//   color: rgba(255, 255, 255, 1);
//   font-size: 20px;
// }

// .excuno {
//   width: 150px;
//   height: 40px;
//   margin-top: 30px;
// }

// .excuok {
//   width: 150px;
//   height: 40px;
//   margin-top: 30px;
// }

// .excubtn {
//   display: flex;
//   justify-content: space-between;
// }

// .addok {
//   width: 74px;
//   height: 40px;
//   opacity: 1;
//   border-radius: 4px;
//   background: rgba(67, 136, 251, 1);
//   border: rgba(67, 136, 251, 1);
//   font-size: 14px;
//   font-weight: 400;
//   color: rgba(255, 255, 255, 1);
//   margin-top: 440px;
//   margin-left: 350px;
// }

// .zmhlbtn {
//   position: relative;
// }

// .anticon-stop {
//   position: absolute;
//   right: 3px;
//   bottom: 3px;
// }

// .istrindex {
//   background: rgba(67, 136, 251, 1);
// }

// :deep(.ant-modal-mask.ant-modal-content) {
//   height: 100vh;
//   position: fixed;
//   right: 496px;
//   top: 0%;
// }
// :global(.ant-modal-content) {
//   position: fixed;
//   bottom: 20px;
//   right: 500px;
// }
// </style>