}
                 .p-channels {
                     .stream {
                         float: right;
                         width: @Length20;
                         height: @Length20;
                         text-align: center;
                         border: 1/@px-unit solid @btnNormalColorNo1;
                         color: @btnNormalColorNo1;
                         line-height: 18/@px-unit;
                         font-size: 12/@px-unit;
                         border-radius: 3/@px-unit;
                    }
                     .channel-item {
                         cursor: pointer;
                         padding: 5/@px-unit 0;
                         &:hover{
                             background-color: @secondNavHoverColorNo14;
                             color: @btnNormalColorNo1;
                        }
                    }
                }
            }
             .p-left-height {
                 width: @Length240;
                 position: relative;
                 background-color: @secondNavBgColorNo13;
                 .p-left-height-divide {
                     height: 10/@px-unit;
                     background-color: #f0f2f5;
                     margin-left: -40/@px-unit;
                }
            }
        }
         .p-right{
             float: left;
             width: calc(100% - @Length240);
             height: 100%;
             position: relative;
             .videoWrap {
                 width: 100%;
                 height: 100%;
                 .video{
                     width: 100%;
                     text-align: center;
                     height: calc(100% - @Length40);
                     background: #1b1b1b;
                }
                 .actionBar{
                     height: @Length40;
                     line-height: @Length40;
                     box-sizing: border-box;
                }
            }
        }
         button {
             .m-mr-10;
        }
    }
     .ant-tabs {
         height: 300/@px-unit;
         .ant-tabs-tab {
             padding-top: 0;
        }
    }
     ._PointTable_, ._ReviewTable_ {
         .button_list {
             .m-mt-10;
             .m-height-30;
             button {
                 .m-mr-10;
            }
        }
    }
     .ant-table-thead > tr > th{
         padding-top: 6/@px-unit !important;
         padding-bottom: 6/@px-unit !important;
    }
     .ant-table-tbody > tr > td, .ant-table tfoot > tr > th, .ant-table tfoot > tr > td{
         padding-top: 0/@px-unit !important;
         padding-bottom: 0/@px-unit !important;
    }
}
 @Length10: 10/@px-unit;
 @Length20: 20/@px-unit;
 ._HolographicGrouping_ {
     width: 100%;
     padding-left: @Length20;
     padding-top: @Length20;
     padding-right: @Length10;
     @Length40: 40/@px-unit;
     @Length500: 500/@px-unit;
     @Length520: 520/@px-unit;
     .buttonGroup-wrapper {
         .label-normal-container {
             .label-normal {
                 width: 0 !important;
                 padding-right: 0;
            }
        }
    }
     .drawWrap{
         width: 940/@px-unit;
         height: 400/@px-unit;
         .p-left{
             width: @Length500;
             float: left;
             position: relative;
             margin-right: 20 / @px-unit;
             .videoWrap {
                 width: 100%;
                 height: 100%;
                 .video{
                     width: 100%;
                     height: 360/@px-unit;
                     text-align: center;
                     background: #1b1b1b;
                }
                 .touchbar {
                     height: 40/@px-unit;
                     line-height: 30/@px-unit;
                     padding:5/@px-unit 10/@px-unit;
                     background: linear-gradient(#f8f8f6, #cccdcf);
                     .touchbar-left {
                         span {
                             margin-left: 1.07142857rem/@px-unit;
                        }
                    }
                     .touchbar-center {
                         text-align: center;
                         span {
                             margin-left:25/@px-unit;
                        }
                         background: rgba(0, 0, 0, 0.1);
                         border-radius: 4/@px-unit;
                    }
                     .touchbar-right {
                         text-align: right;
                         span {
                             margin-right: 15/@px-unit;
                        }
                    }
                }
            }
        }
         .p-right{
             float: left;
             width: calc(100% - @Length520);
             height: 100%;
             position: relative;
        }
         .btn-selected {
             color: #1b30e5;
             border-color: #1b30e5;
             outline: #1b30e5 solid 0.07142857rem;
        }
    }
     .circle {
         width: @Length10;
        /* 定义宽度 */
         height: @Length10;
        /* 定义高度 */
         background-color: green;
        /* 定义背景颜色 */
         border-radius: 50%;
         &.disabled {
             background-color: gray;
        }
    }
}
 ._AxleExport_ {
     width: 100%;
     .flex-content {
         display: flex;
         align-items: center;
    }
     .total-line {
         height: 48 / @px-unit;
         line-height: 48 / @px-unit;
    }
     .detail-title {
         display: flex;
         font-weight: 700;
         height: 44 / @px-unit;
         line-height: 44 / @px-unit;
         background: @TableColumnsColor;
         padding: 0 16 / @px-unit;
         align-items: center;
    }
     .detail-content-container {
         height: 120 / @px-unit;
         border: 0.07142857rem solid @TableColumnsColor;
         user-select: none;
    }
     .detail-content {
         padding: 16 / @px-unit;
    }
}
 .add-weight-modal {
     .detail-modal-title {
         display: flex;
         font-weight: 700;
         height: 44 / @px-unit;
         line-height: 44 / @px-unit;
         align-items: center;
    }
}
 ._BarrierControlTabConfig_ {
     .m-p-16;
     width: 100%;
     .important-tip {
         color: @errorColorNo17;
    }
     .sucess-tip {
         color: @successColorNo19;
    }
     .adjust-behind {
         padding-top: 0 !important;
    }
     .sdd-checked-normal {
         width: auto !important;
    }
     .m-p-width230 {
         width: 230/@px-unit !important;
    }
}
 ._DoubleCameraConfig_ {
     padding-left: 20/@px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
}
 ._RemoteControl_ {
     .m-p-16;
     width: 100%;
}
 ._RS485Config_ {
     .bg {
         background-color: @main_background_color;
    }
     .m-ml--16{
         margin-left: -16/@px-unit;
    }
     .dhrs-item{
         margin-top: 20/@px-unit;
         padding: 0/@px-unit 16/@px-unit 16/@px-unit 16/@px-unit;
         background-color: #FFF;
    }
     .dhrs-tab-style .ant-tabs-nav-list .ant-tabs-tab {
         height: 152/@px-unit;
         width: 124/@px-unit;
         margin-right: 40/@px-unit;
         padding: 0;
         border: 1/@px-unit solid rgba(0,0,0,0.15) !important;
         border-radius: 4/@px-unit;
    }
     .dhrs-tab-style .ant-tabs-nav-list .ant-tabs-tab-active{
         border-color: #1890ff !important;
    }
     .tab-style {
         width: 122/@px-unit;
         height: 150/@px-unit;
         div {
             width: 100%;
             height: 30/@px-unit;
             line-height: 30/@px-unit;
             text-align: center;
        }
         div.tab-img{
             margin-top: 16/@px-unit;
             margin-left: 23/@px-unit;
             width: 72/@px-unit;
             height: 72/@px-unit;
        }
         .icon{
             font-size: 72/@px-unit;
             color: rgba(0, 0, 0, 0.25);
        }
    }
     .dhrs-tab-style{
         .delete-icon{
             font-size: 16/@px-unit;
             font-weight: bold;
        }
    }
     .tab-style.tab-add{
         color: rgba(0, 0, 0, 0.45);
         .ant-dropdown-menu-item-active{
             background-color: @tab-active-color;
        }
    }
     .ant-tabs-nav .ant-tabs-tab .anticon {
         margin-right: 0;
    }
     .status::before{
         content: '';
         display: inline-block;
         margin-bottom: 1/@px-unit;
         margin-right: 4/@px-unit;
         width: 8/@px-unit;
         height: 8/@px-unit;
         background-color: #ffffff;
         border-radius: 5/@px-unit;
    }
     .status.status-normal::before{
         background-color: #71BA05;
    }
     .status.status-offline::before{
         background-color: red;
    }
     .ant-tabs-tab:hover .icon-tab-delete{
         opacity: 1;
    }
     .icon-tab-delete{
         opacity: 0;
         color: red;
         cursor: pointer;
         font-size: 16/@px-unit;
    }
     .labelText-label-Text {
         line-height: 48/@px-unit;
    }
     .protocolTiltle{
         font-size: 16/@px-unit;
         font-weight: bold;
    }
}
 ._BlueToothPeripherals_ {
     width: 100%;
     .bg {
         background-color: @main_background_color;
    }
     .m-ml--16{
         margin-left: -16/@px-unit;
    }
     .dhrs-item{
         margin-top: 20/@px-unit;
         padding: 0/@px-unit 16/@px-unit 16/@px-unit 16/@px-unit;
         background-color: #FFF;
    }
     .dhrs-tab-style .ant-tabs-nav-list .ant-tabs-tab {
         height: 152/@px-unit;
         width: 124/@px-unit;
         margin-right: 40/@px-unit;
         padding: 0;
         border: 1/@px-unit solid rgba(0,0,0,0.15) !important;
         border-radius: 4/@px-unit;
    }
     .dhrs-tab-style .ant-tabs-nav-list .ant-tabs-tab-active{
         border-color: #1890ff !important;
    }
     .tab-style {
         width: 122/@px-unit;
         height: 150/@px-unit;
         div {
             width: 100%;
             height: 30/@px-unit;
             line-height: 30/@px-unit;
             text-align: center;
        }
         div.tab-img{
             margin-top: 16/@px-unit;
             margin-left: 23/@px-unit;
             width: 72/@px-unit;
             height: 72/@px-unit;
        }
         .icon{
             font-size: 72/@px-unit;
             color: rgba(0, 0, 0, 0.25);
        }
    }
     .dhrs-tab-style{
         .delete-icon{
             font-size: 16/@px-unit;
             font-weight: bold;
        }
    }
     .tab-style.tab-add{
         color: rgba(0, 0, 0, 0.45);
         .ant-dropdown-menu-item-active{
             background-color: @tab-active-color;
        }
    }
     .ant-tabs-nav .ant-tabs-tab .anticon {
         margin-right: 0;
    }
     .status::before{
         content: '';
         display: inline-block;
         margin-bottom: 1/@px-unit;
         margin-right: 4/@px-unit;
         width: 8/@px-unit;
         height: 8/@px-unit;
         background-color: #ffffff;
         border-radius: 5/@px-unit;
    }
     .status.status-normal::before{
         background-color: #71BA05;
    }
     .status.status-offline::before{
         background-color: red;
    }
     .ant-tabs-tab:hover .icon-tab-delete{
         opacity: 1;
    }
     .icon-tab-delete{
         opacity: 0;
         color: red;
         cursor: pointer;
         font-size: 16/@px-unit;
    }
     .labelText-label-Text {
         line-height: 48/@px-unit;
    }
     .protocolTiltle{
         font-size: 16/@px-unit;
         font-weight: bold;
    }
}
 ._DeviceTestTabConfig_ {
     .m-layout-content;
     width: 100%;
     .important-tip {
         color: @errorColorNo17;
    }
     .log_backupEncryption_checkbox {
         .label-div-Container {
             .label-normal-container {
                 .ant-checkbox + span {
                     padding-left: 0;
                }
            }
        }
    }
     .flex-column {
         display: flex;
    }
}
 ._LogCollectConfig_ {
     .m-layout-content;
     width: 100%;
}
 ._TrackBoxConfig_ {
     .m-layout-content;
     width: 100%;
}
 ._GatewayControl_ {
     width: 100%;
     .flex-content{
         display: flex;
         align-items: center;
    }
     .radio-button{
         box-sizing: border-box;
         border: 0.07142857rem solid @inputBorderColorNo10;
         border-radius: 0.14285714rem;
         margin-right: 12/@px-unit;
         width: 64/@px-unit;
         height: 32/@px-unit;
         line-height: 32/@px-unit;
         display: flex;
         align-items: center;
         justify-content: center;
         color:@textColorNo5;
    }
     .active{
         color: @btnHoverColorNo2;
         border: 0.07142857rem solid @btnHoverColorNo2;
    }
     .disabled{
         color: @disableNumberInputFontColor;
         border: 0.07142857rem solid @inputBorderColorNo10;
    }
     .disbled-span{
         color:@behindDisabledColor;
    }
}
 ._AbnormalMonitorConfig_ {
     .m-p-16;
     width: 100%;
}
 ._IntellAnalysisConfig_ {
     .m-p-16;
     width: 100%;
     .AIProps-behind {
         padding-left: 0;
         .label-div-Container {
             float: left;
             .label-normal-container {
                 padding-top: 0 !important;
                 padding-right: 20/@px-unit;
                 .label-normal-behind {
                     padding-left: 0;
                     width: auto !important;
                }
            }
        }
    }
     .platestring-size {
         font-weight: bold;
         padding: 0 5/@px-unit;
         border-width: 1/@px-unit;
         border-style: solid;
         border-radius: 5/@px-unit;
    }
     .color-yellow{
         border-color: black;
         background-color: yellow;
         color: black;
    }
     .color-green{
         border-color: white;
         background-color: green;
         color: white;
    }
     .color-blue{
         border-color: white;
         background-color: blue;
         color: white;
    }
     .color-white{
         border-color: red;
         background-color: white;
         color: red;
    }
     .color-red{
         border-color: white;
         background-color: red;
         color: white;
    }
     .color-black{
         border-color: white;
         background-color: black;
         color: white;
    }
     .color-none{
         border-color: black;
         background-color: none;
         color: black;
    }
     .flex-align-center {
         position: relative;
         display: flex;
         align-items: center;
    }
     .display-flex {
         display: flex;
    }
     .display-block {
         display: block;
    }
     .flex-justify-center {
         display: flex;
         justify-content: center;
         .ant-input {
             text-align: center;
             padding-left: 2/@px-unit !important;
             padding-right: 2/@px-unit !important;
        }
    }
     .example-plate {
         width: 100%;
    }
     .span-block {
         span {
             display: block;
        }
    }
}
 ._LatticeScreenTabConfig_ {
     .m-layout-content;
     width: 100%;
     .ant-table tbody {
         .ant-table-cell {
             padding: 0 !important;
        }
    }
     .adjust-behind {
         padding-top: 0 !important;
         padding-bottom: 0 !important;
    }
     .important-tip {
         color: @errorColorNo17;
    }
     .label-explain {
         word-break: normal;
    }
}
 ._LightControl_ {
     width: 100%;
     padding: 16/@px-unit 12/@px-unit;
     .bold{
         font-weight: bold;
    }
     tbody {
         .ant-table-cell {
             padding-top: 0 !important;
             padding-bottom: 0 !important;
             .ant-checkbox + span {
                 padding-left: 0;
                 padding-right: 0;
            }
        }
    }
     .anticon {
         display: inline-block;
    }
     .box-style {
         width: 22/@px-unit;
         height: 22/@px-unit;
         border: 1/@px-unit solid gray;
         display: inline-block;
         margin-top: 5/@px-unit;
         margin-right: 5/@px-unit;
    }
     .color-Red {
         background-color: red;
    }
     .color-Yellow {
         background-color: yellow;
    }
     .color-Blue {
         background-color: blue;
    }
     .color-Green {
         background-color: green;
    }
     .color-White {
         background-color: white;
    }
     .color-Pink {
         background-color: pink;
    }
     .color-Cyan {
         background-color: cyan;
    }
     .color-Off {
         border: none;
    }
}
 ._ManageStaticConfig_ {
     padding-left: 20 / @px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
     .device-manage {
         display: flex;
         height: 35.71428571rem;
         .device-left-content {
             width: 23.28571429rem;
             border: 0.07142857rem solid @listBorderColorNo8;
             position: relative;
             .device-menu {
                 .device-menu-header {
                     width: 100%;
                     border-bottom: 0.07142857rem solid @listBorderColorNo8;
                }
                 .device-mode {
                     display: flex;
                     p {
                         flex: 1;
                    }
                }
            }
             .fn-center {
                 position: absolute;
                 left: 50%;
                 top: 50%;
                 transform: translate(-50%, -100%);
            }
        }
         .device-center-content {
             width: 17.14285714rem;
             overflow-y: auto;
             border: 0.07142857rem solid @listBorderColorNo8;
             .device-channel-item {
                 height: 2.14285714rem;
                 line-height: 2.14285714rem;
            }
        }
         .device-right-content {
             width: 25.71428571rem;
             border: 0.07142857rem solid @listBorderColorNo8;
        }
         .selectedbg {
             background-color: @MenuViewItemHoverColor;
        }
         .unselectedbg {
             background-color: @disableInputBgColorNo11;
        }
         .selectedColor {
             color: @primary-color;
        }
         .unselectedColor {
             color: @text-color;
        }
    }
}
 ._MonitorScreenTabConfig_ {
     padding-left: 20/@px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
     width: 100%;
     .c-border {
         background-color: @baseColor;
         border: solid 0.07142857rem @grayBlackBorder;
         padding: 12/@px-unit 12/@px-unit 12/@px-unit 0;
         height: auto;
         width: 1050/@px-unit;
    }
     .ant-tabs {
         height: auto;
    }
     .ant-tabs .ant-tabs-left-bar .ant-tabs-tab {
         text-align: center;
    }
     .ant-tabs-tab-active {
         background-color: @sideMenuSelectedColor;
    }
     .white {
         color: @baseColor;
    }
     @font-face {
         font-family: 'AliPuHuiTi';
         src: url('./SimpChinese.ttf') format('truetype');
    }
    /* 定义关键帧 */
     @keyframes scroll {
         0% {
             transform: translateX(100%);
        }
         100% {
             transform: translateX(-100%);
        }
    }
     .text-fitContent {
         white-space: nowrap;
         overflow: hidden;
         box-sizing: border-box;
         width: fit-content;
    }
     .animate-scroll {
        /* 设置动画名称和持续时间 */
         animation: scroll 7s linear infinite;
    }
     @keyframes scroll2 {
         0% {
             transform: translateX(0);
        }
         100% {
             transform: translateX(-50%);
        }
    }
     .animate-scroll2 {
        /* 设置动画名称和持续时间 */
         animation: scroll2 10s linear infinite;
    }
     .web-position {
         font-family: 'AliPuHuiTi';
         letter-spacing: 3/@px-unit;
         position: relative;
         .logo-area {
             background-size: cover;
             display: flex;
             .title-style {
                 overflow: hidden;
                 .white();
                 .text-style {
                     text-align: left;
                     .text-fitContent();
                }
                 .logo-style {
                     display: flex;
                     align-items: center;
                     justify-content: center;
                }
            }
             .time-style {
                 overflow: hidden;
                 letter-spacing: normal;
                 text-align: center;
                 .white();
            }
        }
         .display-area {
             background-size: cover;
             .rect-white {
                 text-align: center;
                 img {
                     background: @baseColor;
                     padding: 10/@px-unit;
                }
                 div {
                     .white();
                }
            }
             .img-box {
                 height: 100%;
                 display: flex;
                 align-items: center;
                 justify-content: center;
                 img {
                     width: 100%;
                     height: 100%;
                     background-size: cover;
                }
                 p {
                     text-align: center;
                     .white();
                }
            }
        }
         .broadcast-area {
             text-align: left;
             background-size: cover;
             .white();
        }
    }
     .ant-alert {
         min-width: auto;
    }
     .flex-column-around {
         display: flex;
         flex-direction: column;
         justify-content: space-around;
    }
}
 ._DisplayControl_ {
     padding-top: inherit;
     .ant-divider-horizontal {
         margin: 10 / @px-unit 0;
    }
     .important-tip {
         color: @errorColorNo17;
    }
}
 ._Extrainfo_ {
     padding-top: inherit;
}
 ._LogoArea_ {
     padding-top: inherit;
     .important-tip {
         color: @errorColorNo17;
    }
     .table-wrap-width {
         width: auto;
         max-width: 840/@px-unit;
    }
}
 ._VideoPhotoArea_ {
     padding-top: inherit;
     .table-wrap-width {
         width: auto;
         max-width: 840/@px-unit;
    }
     .important-tip {
         color: @errorColorNo17;
    }
}
 ._FlowTransferOfflineConfig_ {
     padding-left: 20/@px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
     .important-tip {
         color: @errorColorNo17;
    }
     .related-pop-content{
         max-width: 520 /@px-unit;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .flex-content{
         display: flex;
         align-items: center;
    }
}
 ._ManualUploadConfig_ {
     padding-left: 20/@px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
}
 ._OfflineTransferTabConfig_ {
     padding-left: 20/@px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
     .important-tip {
         color: @errorColorNo17;
    }
     .related-pop-content{
         max-width: 520 /@px-unit;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .flex-content{
         display: flex;
         align-items: center;
    }
}
 ._ParkingSmokeFire_ {
     width: 100%;
     padding: 16/@px-unit 12/@px-unit;
     .video-wrap{
         width: 546/@px-unit;
         height: 340/@px-unit;
         background: #1b1b1b;
    }
     .margin-box {
         margin-right: 24/@px-unit;
    }
     tbody {
         .ant-table-cell {
             padding-top: 0 !important;
             padding-bottom: 0 !important;
        }
    }
     .ant-table {
         margin: 8 / @px-unit 0 !important;
    }
     .ant-divider-horizontal {
         margin: 8 / @px-unit 0;
    }
}
 ._ParkingSpace_ {
     @LengthLeft: 570/@px-unit;
     @Length50: 50/@px-unit;
     @Length100: 100/@px-unit;
     @Length112: 112/@px-unit;
     @Length142: 142/@px-unit;
     @Length230: 230/@px-unit;
     width: 100%;
     height: calc(100vh - @Length112);
     &[isdoublecamera=false] {
         height: calc(100vh - @Length100);
    }
     min-height: 700/@px-unit;
     padding: 16/@px-unit 12/@px-unit;
     .video-wrap{
         width: 546/@px-unit;
         height: 340/@px-unit;
         background: #1b1b1b;
    }
     .left-box {
         width: 546/@px-unit;
         display: flex;
         justify-content: space-between;
         flex-wrap: wrap;
    }
     .ant-table {
         margin: 8 / @px-unit 0 !important;
    }
     .ant-divider-horizontal {
         margin: 8 / @px-unit 0;
    }
     tbody {
         .ant-table-cell {
             padding-top: 0 !important;
             padding-bottom: 0 !important;
        }
    }
     .config-container {
         float: left;
         width: calc(100% - @LengthLeft);
         height: calc(100% - @Length50);
         &[isdoublecamera=false] {
             height: 100%;
        }
         overflow-y: auto;
    }
     .flex-content{
         display: flex;
    }
     .ant-alert {
         min-width: auto;
    }
     .related-pop-content {
         max-width: 450/@px-unit !important;
         word-break: break-word;
    }
}
 ._ForeignObjectOccupySpace_ {
     width: 100%;
     padding: 16/@px-unit 12/@px-unit;
     .video-wrap{
         width: 546/@px-unit;
         height: 340/@px-unit;
         background: #1b1b1b;
    }
     .margin-box {
         margin-right: 24/@px-unit;
    }
     tbody {
         .ant-table-cell {
             padding-top: 0 !important;
             padding-bottom: 0 !important;
        }
    }
     .ant-table {
         margin: 8 / @px-unit 0 !important;
    }
     .ant-divider-horizontal {
         margin: 8 / @px-unit 0;
    }
}
 ._ParkingViolationArea_ {
     width: 100%;
     padding: 16/@px-unit 12/@px-unit;
     .video-wrap{
         width: 546/@px-unit;
         height: 340/@px-unit;
         background: #1b1b1b;
    }
     .margin-box {
         margin-right: 24/@px-unit;
    }
     tbody {
         .ant-table-cell {
             padding-top: 0 !important;
             padding-bottom: 0 !important;
        }
    }
     .ant-table {
         margin: 8 / @px-unit 0 !important;
    }
     .ant-divider-horizontal {
         margin: 8 / @px-unit 0;
    }
}
 @Length338: 337.5/@px-unit;
 @Length450: 450/@px-unit;
 @Length800: 800/@px-unit;
 @Length600: 600/@px-unit;
 @Length1320: 1320/@px-unit;
 ._CameraCompoundDrawingOSD_ {
     padding-left: 20/@px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
     width: 100%;
     .video-wrap {
         width: @Length600;
         height: @Length338;
         background: #1b1b1b;
    }
     .view-wrap-leave {
         width: calc(100vw - @Length1320);
         min-width: @Length600;
    }
     .ant-tabs-tab-btn:focus {
         color: unset;
    }
}
 @Length338: 337.5/@px-unit;
 @Length450: 450/@px-unit;
 @Length800: 800/@px-unit;
 @Length600: 600/@px-unit;
 @Length1320: 1320/@px-unit;
 ._CameraOriginalDrawingOSD_ {
     padding-left: 20/@px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
     width: 100%;
     .video-wrap {
         width: @Length600;
         height: @Length338;
         background: #1b1b1b;
    }
     .view-wrap-leave {
         width: calc(100vw - @Length1320);
         min-width: @Length600;
    }
     .ant-tabs-tab-btn:focus {
         color: unset;
    }
     .postfix_wrap {
         display: flex;
         .label-div-Container {
             margin-right: 5 / @px-unit;
             .label-normal-container {
                 padding: 0!important;
            }
        }
    }
}
 ._AreaViewSettingComponent_ {
     .fontAttr-wrapped {
         .label-div-Container {
             .label-normal-container {
                 padding-top: 0 !important;
            }
        }
    }
     .front-wrapped {
         .label-div-Container {
             .label-normal-container {
                 float: left;
                 .label-normal-wrapper {
                     width: 105/@px-unit !important;
                     .ant-select-disabled .ant-select-selection {
                         background-color: #fff;
                         cursor:auto;
                    }
                }
            }
        }
    }
     .areaPosition-wrapped {
         .label-div-Container {
             .label-normal-container {
                 padding-top: 0 !important;
                 .label-normal-wrapper .ant-input-number {
                     width: 100%;
                }
            }
        }
    }
     .osd-font-color {
         border: 1/@px-unit solid #d9d9d9;
         height: 4/@px-unit;
         width: 16/@px-unit;
    }
     .sketchPicker-popover {
         left: 112/@font-size-normal;
         .ant-popover-inner-content {
             padding: 0;
        }
    }
}
 ._Imagesize_ {
     .m-layout-content;
     width: 100%;
}
 @Length338: 337.5/@px-unit;
 @Length450: 450/@px-unit;
 @Length800: 800/@px-unit;
 @Length600: 600/@px-unit;
 @Length1320: 1320/@px-unit;
 ._OriginalDrawingOSD_ {
     .m-p-16;
     width: 100%;
     .video-wrap {
         width: @Length600;
         height: @Length338;
         background: #1b1b1b;
    }
     .view-wrap-leave {
         width: calc(100vw - @Length1320);
         min-width: @Length600;
    }
}
 ._OSDComponent_ {
     padding-top: inherit;
     .sort-region {
         width: 600/@px-unit;
         height: 255/@px-unit;
         padding: 10/@px-unit;
         background: @grayBlack;
         overflow-y:auto;
         border-radius: 1/@px-unit;
         border: solid 1/@px-unit @grayBlackBorder;
         .OSDitem-move {
             width: 120/@px-unit;
             height: 32/@px-unit;
             border: solid 1/@px-unit @grayBlackBorder;
             text-align: center;
             line-height: 27/@px-unit;
             background: #fff;
             cursor: move;
             margin-left: 10/@px-unit;
             float: left;
             border-radius: 2/@px-unit;
             margin-top: 10/@px-unit;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
             word-wrap: normal;
        }
    }
     .osdOption-region {
         width: 800/@px-unit;
         height: 255/@px-unit;
         padding: 10/@px-unit;
         border-radius: 1/@px-unit;
         border: solid 1/@px-unit @grayBlackBorder;
         overflow-y:auto;
         button {
             width: 120/@px-unit;
             height: 32/@px-unit;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
             word-wrap: normal;
             background: #fff;
             border-radius: 2/@px-unit;
             border: solid 1/@px-unit @grayBlackBorder;
             padding: 0;
             span {
                 display: inline;
            }
        }
    }
}
 ._SnapCutoutConf_ {
     .m-p-16;
     width: 100%;
     .ant-tabs {
         height: auto;
    }
     .face-swap {
         width: 6.07142857rem;
         height: 6.07142857rem;
    }
}
 ._ViewSettingComponent_ {
     .blackHeight-wrapped {
         .ant-input-number {
             width: 100%;
        }
    }
}
 ._ITSEFeatureOSD_ {
     padding-left: 20 / @px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
     .tip-color {
         color: @errorColorNo17;
         user-select: none;
    }
}
 ._ITSEOriginalDrawingOSD_ {
     padding-left: 20 / @px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
     .tip-color {
         color: @errorColorNo17;
         user-select: none;
    }
}
 ._DrawerContentComponent_ {
     padding-top: 0;
     .ant-collapse {
         .ant-collapse-item {
             .ant-collapse-header {
                 padding: 16 / @px-unit;
            }
             .ant-collapse-content {
                 fieldset {
                     border: 1 / @px-unit solid #d9d9d9;
                }
                 .label-normal-wrapper {
                     .ant-input-number {
                         width: 100%;
                    }
                }
            }
        }
    }
     .title-switch {
         background-color: @contentBgColorNo15;
         .ant-collapse-content {
             border-top: none;
        }
    }
     .speed-config-container {
         .speed-config-title {
             padding: 6 / @px-unit 14 / @px-unit;
             display: flex;
             align-items: center;
             height: 48 / @px-unit;
             background-color: @panelBackgroundColor;
        }
         .speed-config-content {
             padding: 0 14 / @px-unit;
        }
    }
     .flex-content {
         display: flex;
    }
}
 ._OSDCustomName_ {
     padding-left: 20 / @px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
     width: 100%;
     .tip-color {
         color: @errorColorNo17;
         user-select: none;
    }
     .ant-drawer {
         .ant-drawer-content-wrapper {
             .ant-drawer-content {
                 .ant-drawer-wrapper-body {
                     .ant-drawer-header {
                         border-bottom: 0;
                         padding-left: 25 / @px-unit;
                         padding-top: 40 / @px-unit;
                    }
                }
            }
        }
    }
}
 ._NonMotorCompoundShape_ {
     padding-left: 20 / @px-unit;
     width: 100%;
     .breaking, .resolution {
         &:after {
             visibility: hidden;
             display: block;
             font-size: 0;
             content: ' ';
             clear: both;
             height: 0;
        }
         .label-v4-version {
             float: left;
        }
    }
     .breaking {
         overflow-y: auto;
         .label-v4-version {
             width: 220 / @font-size-normal;
        }
    }
     span.ant-radio + * {
         display: inline-flex;
    }
     .labelText {
         overflow: visible;
    }
     .flex-content {
         display: flex;
         align-items: center;
    }
     .OrderHeight {
         margin-top: 20 / @px-unit;
         height: 60 / @px-unit;
         display: flex;
         align-items: center;
    }
     .related-box {
         border: 1 / @px-unit solid @dividerColorNo9;
         margin-bottom: 10 / @px-unit;
         overflow-x: auto;
         background-color: @panelBackgroundColor;
         .sub-title {
             padding: 6 / @px-unit 14 / @px-unit;
             border-bottom: 1 / @px-unit solid @dividerColorNo9;
             display: flex;
             align-items: center;
             height: 48 / @px-unit;
             background-color: @panelBackgroundColor;
        }
         .title {
             font-weight: bold;
             width: 100%;
        }
         .container {
             padding: 14 / @px-unit 32 / @px-unit 0;
             width: 100%;
        }
         .sub-container {
             padding: 14 / @px-unit;
             width: 100%;
             overflow-y: auto;
             max-height: 500 / @px-unit;
             position: relative;
             background-color: @baseColor;
             width: 100%;
        }
    }
     .ant-menu-item {
         height: 32 / @px-unit;
         line-height: 32 / @px-unit;
    }
     .ant-menu-title-content {
         height: 32 / @px-unit;
         line-height: 32 / @px-unit;
    }
}
 ._NonMotorSceneConfig_ {
     width: 100%;
     .flex-content {
         display: flex;
         align-items: center;
    }
     .flex-only {
         display: flex;
    }
     .flex-center {
         display: flex;
         justify-content: center;
    }
     .float-only {
         float: left;
    }
     .float-center {
         justify-content: center;
    }
     .tree-list {
         padding: 16 / @px-unit;
         border-top: 1 / @px-unit solid @tableTitleBorderColor;
         border-bottom: 1 / @px-unit solid @tableTitleBorderColor;
         height: 786 / @px-unit;
         overflow-y: auto;
    }
     .tree-list-one {
         height: 32 / @px-unit;
         cursor: pointer;
    }
     .tree-list-left {
         width: 20 / @px-unit;
    }
     .tree-list-icon {
         width: 20 / @px-unit;
         height: 20 / @px-unit;
         transition: transform 0.6s;
    }
     .tree-name {
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         vertical-align: middle;
         display: inline-block;
         width: auto;
    }
     .show-camera-on path {
         fill: @RFIDCameraOnline;
    }
     .tree-clicked {
         transform: rotateX(180deg);
    }
     .four-fork-content {
         width: 83%;
         min-width: 1344 / @px-unit;
         height: 834 / @px-unit;
         position: relative;
         border-bottom: 1 / @px-unit solid @tableTitleBorderColor;
    }
     .four-fork {
         width: 100%;
         height: 730 / @px-unit;
    }
     .tree-container {
         width: 16%;
         min-width: 260 / @px-unit;
         border-right: 1 / @px-unit solid @tableTitleBorderColor;
         height: 834 / @px-unit;
    }
     .tree-title {
         font-size: 16 / @px-unit;
         font-weight: 700;
    }
     .speed-select-modal {
         .modal-title-container {
             height: 48 / @px-unit;
             line-height: 48 / @px-unit;
             width: 100%;
             border-bottom: 1 / @px-unit solid @dividerColorNo9;
        }
         .modal-title {
             font-weight: 700;
             font-size: 16 / @px-unit;
             width: 90%;
        }
         .modal-title-icon {
             width: 10%;
             justify-content: end;
        }
         .modal-close-svg {
             width: 20 / @px-unit;
             height: 20 / @px-unit;
             cursor: pointer;
        }
         .modal-title {
             position: relative;
             font-weight: 700;
             font-size: 16 / @px-unit;
             width: 90%;
        }
         .modal-content {
             position: relative;
        }
         .modal-icon {
             fill: @listBorderColorNo8;
             font-weight: 700;
             cursor: pointer;
             font-size: 16 / @px-unit;
        }
         .modal-button {
             width: 76 / @px-unit;
             padding: 5 / @px-unit 12 / @px-unit;
        }
    }
     .related-box {
         border-top: 1 / @px-unit solid @dividerColorNo9;
         border-bottom: 1 / @px-unit solid @dividerColorNo9;
         margin-bottom: 10 / @px-unit;
         .sub-title {
             padding: 6 / @px-unit 14 / @px-unit;
             border-bottom: 1 / @px-unit solid @dividerColorNo9;
             display: flex;
             align-items: center;
             height: 48 / @px-unit;
             background-color: @panelBackgroundColor;
             user-select: none;
        }
         .content-container {
             border-top: 1 / @px-unit solid @dividerColorNo9;
        }
         .content-padding {
             padding: 6 / @px-unit 14 / @px-unit;
             width: 100%;
             height: 48 / @px-unit;
        }
         .sub-title-border {
             border-right: 0.07142857rem solid @dividerColorNo9;
        }
         .sub-title-connect {
             width: 1%;
        }
         .sub-title0 {
             width: 5%;
        }
         .sub-title1 {
             width: 7.5%;
        }
         .sub-title2 {
             width: 10%;
        }
         .sub-title3 {
             width: 10%;
        }
         .sub-title4 {
             width: 24%;
        }
         .sub-title5 {
             width: 19%;
        }
         .sub-title6 {
             width: 40%;
        }
         .sub-container {
             overflow-y: auto;
             max-height: 400 / @px-unit;
             position: relative;
        }
         .sub-container::-webkit-scrollbar {
             width: 1 / @px-unit;
        }
         .sub-container::-webkit-scrollbar-thumb {
             border-radius: 10 / @px-unit;
             background: @disableColorNo7;
        }
         .sub-container::-webkit-scrollbar-track {
             border-radius: 0;
             background: @listBorderColorNo8;
        }
         .time-sub-container{
             min-height: 280 / @px-unit;
        }
    }
     .time-related-box{
         border-bottom: none;
    }
     .span-container {
         padding-left: 168 / @px-unit;
         user-select: none;
    }
     .span-tip {
         color: @disableColorNo7;
    }
     .drop-camera {
         position: absolute;
         width: 48 / @px-unit;
         height: 40 / @px-unit;
    }
     .snap-camera {
         width: 100%;
         height: 100%;
    }
     .scene1-1-1 {
         top: 292 / @px-unit;
         left: 9%;
    }
     .scene1-2-1 {
         top: 292 / @px-unit;
         left: 21%;
    }
     .scene1-1-2 {
         top: 532 / @px-unit;
         left: 9%;
    }
     .scene1-2-2 {
         top: 532 / @px-unit;
         left: 21%;
    }
     .scene1-1-3 {
         top: 90 / @px-unit;
         left: 35.5%;
    }
     .scene1-2-3 {
         top: 180 / @px-unit;
         left: 35.5%;
    }
     .scene1-1-4 {
         top: 90 / @px-unit;
         left: 64.6%;
    }
     .scene1-2-4 {
         top: 180 / @px-unit;
         left: 64.6%;
    }
     .scene1-1-5 {
         top: 292 / @px-unit;
         left: 80%;
    }
     .scene1-2-5 {
         top: 292 / @px-unit;
         left: 92%;
    }
     .scene1-1-6 {
         top: 532 / @px-unit;
         left: 80%;
    }
     .scene1-2-6 {
         top: 532 / @px-unit;
         left: 92%;
    }
     .scene1-1-7 {
         top: 656 / @px-unit;
         left: 35.5%;
    }
     .scene1-2-7 {
         top: 746 / @px-unit;
         left: 35.5%;
    }
     .scene1-1-8 {
         top: 656 / @px-unit;
         left: 64.6%;
    }
     .scene1-2-8 {
         top: 746 / @px-unit;
         left: 64.6%;
    }
     .scene2-3-1 {
         top: 202 / @px-unit;
         left: 12%;
         width: 90 / @px-unit;
         height: 90 / @px-unit;
    }
     .scene2-4-1 {
         top: 202 / @px-unit;
         left: 36%;
         width: 90 / @px-unit;
         height: 90 / @px-unit;
    }
     .v-signal {
         width: 24 / @px-unit;
         height: 60 / @px-unit;
    }
     .h-signal {
         width: 85 / @px-unit;
         height: 28 / @px-unit;
    }
     .left-signal {
         position: absolute;
         top: 368 / @px-unit;
         left: 9.8%;
    }
     .right-signal {
         position: absolute;
         top: 438 / @px-unit;
         left: 92.8%;
    }
     .up-signal {
         position: absolute;
         top: 96 / @px-unit;
         left: 52.5%;
    }
     .down-signal {
         position: absolute;
         top: 752 / @px-unit;
         left: 45%;
    }
     .bridge-tunnle-signal {
         position: absolute;
         top: 322 / @px-unit;
         left: 36%;
         width: 90 / @px-unit;
         height: 90 / @px-unit;
    }
}
 .pop-content {
     .ant-popover-inner-content {
         display: flex;
    }
     .pop-bg {
         height: 100 / @px-unit;
    }
     .pop-title {
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         width: 100 / @px-unit;
         display: inline-block !important;
         text-align: center;
    }
     .flex-center {
         display: flex;
         justify-content: center;
         margin-bottom: 10 / @px-unit;
    }
     .icon-content {
         width: 40 / @px-unit;
         height: 40 / @px-unit;
    }
     .icon-content-delete {
         width: 20 / @px-unit;
         height: 20 / @px-unit;
         cursor: pointer;
    }
}
 ._NonMotorFeatureOSD_ {
     padding-left: 20 / @px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
     .tip-color {
         color: @errorColorNo17;
         user-select: none;
    }
}
 ._NonMotorOriginalDrawingOSD_ {
     padding-left: 20 / @px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
     .tip-color {
         color: @errorColorNo17;
         user-select: none;
    }
}
 ._DrawerContentComponent_ {
     padding-top: 0;
     .ant-collapse {
         .ant-collapse-item {
             .ant-collapse-header {
                 padding: 16 / @px-unit;
            }
             .ant-collapse-content {
                 fieldset {
                     border: 1 / @px-unit solid #d9d9d9;
                }
                 .label-normal-wrapper {
                     .ant-input-number {
                         width: 100%;
                    }
                }
            }
        }
    }
     .title-switch {
         background-color: @contentBgColorNo15;
         .ant-collapse-content {
             border-top: none;
        }
    }
     .speed-config-container {
         .speed-config-title {
             padding: 6 / @px-unit 14 / @px-unit;
             display: flex;
             align-items: center;
             height: 48 / @px-unit;
             background-color: @panelBackgroundColor;
        }
         .speed-config-content {
             padding: 0 14 / @px-unit;
        }
    }
     .flex-content {
         display: flex;
    }
}
 ._OSDCustomName_ {
     padding-left: 20 / @px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
     width: 100%;
     .tip-color {
         color: @errorColorNo17;
         user-select: none;
    }
     .ant-drawer {
         .ant-drawer-content-wrapper {
             .ant-drawer-content {
                 .ant-drawer-wrapper-body {
                     .ant-drawer-header {
                         border-bottom: 0;
                         padding-left: 25 / @px-unit;
                         padding-top: 40 / @px-unit;
                    }
                }
            }
        }
    }
}
 ._RS485Config_ {
     .bg {
         background-color: @main_background_color;
    }
     .m-ml--16{
         margin-left: -16/@px-unit;
    }
     .dhrs-item{
         margin-top: 20/@px-unit;
         padding: 0/@px-unit 16/@px-unit 16/@px-unit 16/@px-unit;
         background-color: #FFF;
    }
     .dhrs-tab-style .ant-tabs-nav-list .ant-tabs-tab {
         height: 152/@px-unit;
         width: 124/@px-unit;
         margin-right: 40/@px-unit;
         padding: 0;
         border: 1/@px-unit solid rgba(0,0,0,0.15) !important;
         border-radius: 4/@px-unit;
    }
     .dhrs-tab-style .ant-tabs-nav-list .ant-tabs-tab-active{
         border-color: #1890ff !important;
    }
     .tab-style {
         width: 122/@px-unit;
         height: 150/@px-unit;
         div {
             width: 100%;
             height: 30/@px-unit;
             line-height: 30/@px-unit;
             text-align: center;
        }
         div.tab-img{
             margin-top: 16/@px-unit;
             margin-left: 23/@px-unit;
             width: 72/@px-unit;
             height: 72/@px-unit;
        }
         .icon{
             font-size: 72/@px-unit;
             color: rgba(0, 0, 0, 0.25);
        }
    }
     .dhrs-tab-style{
         .delete-icon{
             font-size: 16/@px-unit;
             font-weight: bold;
        }
    }
     .tab-style.tab-add{
         color: rgba(0, 0, 0, 0.45);
         .ant-dropdown-menu-item-active{
             background-color: @tab-active-color;
        }
    }
     .ant-tabs-nav .ant-tabs-tab .anticon {
         margin-right: 0;
    }
     .status::before{
         content: '';
         display: inline-block;
         margin-bottom: 1/@px-unit;
         margin-right: 4/@px-unit;
         width: 8/@px-unit;
         height: 8/@px-unit;
         background-color: #ffffff;
         border-radius: 5/@px-unit;
    }
     .status.status-normal::before{
         background-color: #71BA05;
    }
     .status.status-offline::before{
         background-color: red;
    }
     .ant-tabs-tab:hover .icon-tab-delete{
         opacity: 1;
    }
     .icon-tab-delete{
         opacity: 0;
         color: red;
         cursor: pointer;
         font-size: 16/@px-unit;
    }
     .labelText-label-Text {
         line-height: 48/@px-unit;
    }
     .protocolTiltle{
         font-size: 16/@px-unit;
         font-weight: bold;
    }
}
 ._SceneConfig_ {
     padding-left: 20/@px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
}
 ._SnapSetTabPageConfig_ {
     .m-p-16;
     width: 100%;
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .important-tip {
         color: @errorColorNo17;
    }
     .behind-style {
         .label-div-Container {
             .label-normal-container {
                 padding-top: 0 !important;
                 padding-bottom: 0 !important;
            }
        }
    }
     .AIProps-behind {
         padding-left: 0;
         .label-div-Container {
             float: left;
             .label-normal-container {
                 padding-top: 0 !important;
                 padding-right: 20/@px-unit;
                 .label-normal-behind {
                     padding-left: 0;
                     width: auto !important;
                }
            }
        }
    }
}
 ._SubPTZDomeConfig_ {
     padding-left: 20/@px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .important-tip {
         color: @errorColorNo17;
    }
     .sucess-tip {
         color: @successColorNo19;
    }
}
 ._SpeedDetectionConfig_ {
     width: 100%;
     .table-weight-width {
         width: 1040 / @px-unit;
    }
     .label-weight-title {
         font-weight: 700;
         margin-top: 30 / @px-unit;
    }
     .channel-table-weight-columns {
         display: flex;
         font-weight: 700;
         height: 44 / @px-unit;
         line-height: 44 / @px-unit;
         background: @TableColumnsColor;
         padding: 0 16 / @px-unit;
         align-items: center;
    }
     .table-weight-title {
         width: 297 / @px-unit;
    }
     .table-weight-line {
         margin-right: 12 / @px-unit;
         border-left: 0.07142857rem solid @TableColumnsLineColor;
         height: 24 / @px-unit;
    }
     .flex-weight-content {
         padding: 0 16 / @px-unit;
         display: flex;
         align-items: center;
    }
     .content-weight-select {
         width: 310 / @px-unit;
    }
     .table-weight-divider {
         margin: 2 / @px-unit 0;
    }
     .weight-content {
         display: flex;