.video-wrap {
         width: 574/@px-unit;
         height: 430/@px-unit;
         .video-content{
             width: 100%;
             height: 400/@px-unit;
             background: #1b1b1b;
        }
    }
     .video-wrap1 {
         width: 550/@px-unit;
         height: 405/@px-unit;
         .video-content1{
             width: 100%;
             height: 375/@px-unit;
             background: #1b1b1b;
        }
    }
     .video-bottom{
         width: 100%;
         height: 30/@px-unit;
         padding: 0 5/@px-unit;
         background-color: #e8eaeb;
         .anticon {
             font-size: 20/@px-unit;
             margin-top: 5/@px-unit;
        }
    }
     .right-width {
         width: 700/@px-unit;
    }
     .guide-footer {
         height: 120/@px-unit;
         position: relative;
         width: @width;
         background-color: @contentBgColorNo15;
         margin: 0 auto;
    }
}
 ._LaneDraw_ {
     padding-left: 20/@px-unit;
}
 ._RadarCalibrate_Guide_ {
     padding-left: 20/@px-unit;
}
 ._RadarConfig_ {
     padding-left: 20/@px-unit;
}
 ._BinocularCalibration_ {
     @Width380: 380 / @px-unit;
     @Height380: 380 / @px-unit;
     @Height680: 680 / @px-unit;
     width: 100%;
     .box-wrap {
         .video-box {
             float: left;
             width: 544 / @px-unit;
             .video-wrap {
                 width: 100%;
                 height: 420 / @px-unit;
                 background: #1b1b1b;
            }
             .video-bottom {
                 height: 30 / @px-unit;
                 background-color: #e8eaeb;
                 padding: 0 5 / @px-unit;
                 .anticon {
                     font-size: 20 / @px-unit;
                     margin-top: 5 / @px-unit;
                }
            }
        }
         .canvas-box {
             float: left;
             width: @Width380;
             background: #e0e0e0;
             border: 1 / @px-unit solid #e0e0e0;
             .canvas-content {
                 height: @Height680;
            }
             .canvas-top {
                 padding: 0 3 / @px-unit;
                 background: #fff;
            }
             .canvas-label {
                 display: inline;
                 margin: 6 / @px-unit 0 / @px-unit;
                 .canvas-label-text {
                     padding: 0 3 / @px-unit;
                     font-size: 10 / @px-unit;
                }
            }
             .canvas-label-radar {
                 display: inline-block;
                 width: 16 / @px-unit;
                 height: 16 / @px-unit;
                 vertical-align: middle;
                 background-color: #ee0000;
                 border-radius: 50%;
            }
             .canvas-label-ShortFocus {
                 display: inline-block;
                 position: relative;
                 top: 6 / @px-unit;
                 width: 24 / @px-unit;
                 height: 24 / @px-unit;
                 background-color: #eeff00;
            }
             .canvas-label-LongFocus {
                 display: inline-block;
                 position: relative;
                 top: 6 / @px-unit;
                 width: 24 / @px-unit;
                 height: 24 / @px-unit;
                 background-color: #2718ff;
            }
        }
         .content-box {
             float: left;
             width: 580 / @px-unit;
             .tip {
                 width: 100%;
                 .ant-alert {
                     width: 100%;
                     min-width: 380 / @px-unit;
                }
            }
             .tab-wrap {
                 position: relative;
                 width: 100%;
                 .ant-tabs-nav-wrap {
                     .ant-input-number {
                         width: 60 / @px-unit;
                    }
                }
                 .svg-help {
                     vertical-align: middle;
                }
                 .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab {
                     padding-top: 0 !important;
                     padding-bottom: 0 !important;
                }
                 .ant-tabs-top > .ant-tabs-nav {
                     margin-bottom: 0;
                }
                 .ant-table-tbody > tr > td {
                     padding-top: 0 !important;
                     padding-bottom: 0 !important;
                     line-height: 49 / @px-unit;
                }
            }
        }
    }
     .ant-col-12.custom-max-width {
         max-width: initial;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .percent-tip {
         margin-top: 30 / @px-unit;
    }
     .Image_rootClassName{
         .ant-image-preview-img{
             background-color: #fff;
        }
    }
}
 ._CameraGPSCalibrate_ {
     padding-left: 20/@px-unit;
     width: 100%;
     .box-wrap {
         float: left;
         .video-box{
             width: 720/@px-unit;
             height: 488/@px-unit;
             background: #1b1b1b;
        }
    }
     .gps_content {
         float: left;
         width: 550 / @px-unit;
    }
}
 ._DualChannelCalibrate_ {
     padding-left: 20/@px-unit;
     width: 100%;
     @Width380: 380/@px-unit;
     .box-wrap{
         display: inline-block;
         width: 920/@px-unit;
         height: 780/@px-unit;
         .video-box{
             float: left;
             width: 500/@px-unit;
             height: 100%;
             background: #1b1b1b;
        }
         .canvas-box{
             float: left;
             width: @Width380;
             background: #e0e0e0;
             border: 1/@px-unit solid #e0e0e0;
             .canvas-content{
                 height: 722/@px-unit;
            }
             .canvas-top{
                 padding: 0 3/@px-unit;
                 background: #fff;
                 .ant-checkbox + span{
                     padding-left: 3/@px-unit;
                     padding-right: 3/@px-unit;
                }
            }
             .canvas-label{
                 display: inline;
                 margin: 6/@px-unit 0/@px-unit;
                 .canvas-label-text{
                     padding: 0 3/@px-unit;
                     font-size: 10/@px-unit;
                }
            }
             .canvas-label-radar{
                 display: inline-block;
                 width: 16/@px-unit;
                 height: 16/@px-unit;
                 vertical-align: middle;
                 background-color: #ee0000;
                 border-radius: 50%;
            }
             .canvas-label-camera1{
                 display: inline-block;
                 position: relative;
                 top: 6/@px-unit;
                 width: 24/@px-unit;
                 height: 24/@px-unit;
                 background-color: #eeff00;
            }
             .canvas-label-camera2{
                 display: inline-block;
                 position: relative;
                 top: 6/@px-unit;
                 width: 24/@px-unit;
                 height: 24/@px-unit;
                 background-color: #2718ff;
            }
        }
    }
     .content-wrap{
         display: inline-block;
         width: 630 / @px-unit;
         vertical-align: top;
    }
}
 ._FusionCalibrate_{
     @Width910: 910/@px-unit;
     @Width380: 380/@px-unit;
     width: 100%;
     .box-wrap{
         display: inline-block;
         width: 880/@px-unit;
         height: 780/@px-unit;
         .video-wrap {
             float: left;
             width: 500/@px-unit;
             height: 780/@px-unit;
             .video-box {
                 width: 500/@px-unit;
                 height: 100%;
                 background: #1b1b1b;
            }
             .video-bottom {
                 height: 30 / @px-unit;
                 background-color: #e8eaeb;
                 padding: 0 5 / @px-unit;
                 .active{
                     color: @btnNormalColorNo1;
                }
                 .anticon{
                     margin-right: 16/@px-unit;
                     font-size: 24/@px-unit;
                     &:hover{
                         color: @btnNormalColorNo1;
                    }
                }
                 width: 500/@px-unit;
            }
        }
         .canvas-box{
             float: left;
             width: @Width380;
             background: #e0e0e0;
             border: 1/@px-unit solid #e0e0e0;
             .canvas-content{
                 height: 722/@px-unit;
            }
             .canvas-top{
                 padding: 0 3/@px-unit;
                 background: #fff;
                 .ant-checkbox + span{
                     padding-left: 3/@px-unit;
                     padding-right: 3/@px-unit;
                }
            }
             .canvas-label{
                 display: inline;
                 margin: 6/@px-unit 0/@px-unit;
                 .canvas-label-text{
                     padding: 0 3/@px-unit;
                     font-size: 10/@px-unit;
                }
            }
             .canvas-label-radar{
                 display: inline-block;
                 width: 16/@px-unit;
                 height: 16/@px-unit;
                 vertical-align: middle;
                 background-color: #ee0000;
                 border-radius: 50%;
            }
             .canvas-label-ShortFocus{
                 display: inline-block;
                 position: relative;
                 top: 6/@px-unit;
                 width: 24/@px-unit;
                 height: 24/@px-unit;
                 background-color: #eeff00;
            }
             .canvas-label-LongFocus{
                 display: inline-block;
                 position: relative;
                 top: 6/@px-unit;
                 width: 24/@px-unit;
                 height: 24/@px-unit;
                 background-color: #2718ff;
            }
             .canvas-label-FusionFrame{
                 display: inline-block;
                 width: 18/@px-unit;
                 height: 40/@px-unit;
            }
        }
    }
     .content-wrap{
         display: inline-block;
         width: 630 / @px-unit;
         vertical-align: top;
         .clickRowStyle{
             background-color:#E6F7FF 
        }
    }
     .ant-col-12.custom-max-width {
         max-width: initial;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
}
 ._GPSCalibrate_{
     width: 100%;
}
 ._MECGPSCalibrate_ {
     padding-left: 20/@px-unit;
     width: 100%;
}
 ._RadarCalibrate_{
     @Width380: 380/@px-unit;
     width: 100%;
     .box-wrap{
         display: inline-block;
         height: 780/@px-unit;
         .video-box{
             float: left;
             width: 500/@px-unit;
             height: 100%;
             background: #1b1b1b;
        }
         .canvas-box{
             float: left;
             width: @Width380;
             background: #e0e0e0;
             border: 1/@px-unit solid #e0e0e0;
             .canvas-content{
                 height: 722/@px-unit;
            }
             .canvas-top{
                 padding: 0 3/@px-unit;
                 background: #fff;
            }
             .canvas-label{
                 display: inline;
                 margin: 6/@px-unit 0/@px-unit;
                 .canvas-label-text{
                     padding: 0 3/@px-unit;
                     font-size: 10/@px-unit;
                }
            }
             .canvas-label-radar{
                 display: inline-block;
                 width: 16/@px-unit;
                 height: 16/@px-unit;
                 vertical-align: middle;
                 background-color: #ee0000;
                 border-radius: 50%;
            }
             .canvas-label-ShortFocus{
                 display: inline-block;
                 position: relative;
                 top: 6/@px-unit;
                 width: 24/@px-unit;
                 height: 24/@px-unit;
                 background-color: #eeff00;
            }
             .canvas-label-LongFocus{
                 display: inline-block;
                 position: relative;
                 top: 6/@px-unit;
                 width: 24/@px-unit;
                 height: 24/@px-unit;
                 background-color: #2718ff;
            }
        }
    }
     .content-wrap{
         display: inline-block;
         vertical-align: top;
         width: 490/@px-unit;
         height: 780/@px-unit;
         .img-box{
             width: 100%;
             img{
                 width: 490/@px-unit;
                 height: 570/@px-unit;
            }
        }
    }
     .ant-col-12.custom-max-width {
         max-width: initial;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
}
 ._SingleChannelCalibrate_ {
     padding-left: 20/@px-unit;
     width: 100%;
     @Length10: 10/@px-unit;
     @Width380: 380 / @px-unit;
     @Height680: 680 / @px-unit;
     .box-wrap {
         .video-box {
             float: left;
             width: 544 / @px-unit;
             .video-wrap {
                 width: 100%;
                 height: 420 / @px-unit;
                 background: #1b1b1b;
            }
             .video-bottom {
                 height: 30 / @px-unit;
                 background-color: #e8eaeb;
                 padding: 0 5 / @px-unit;
                 .anticon {
                     font-size: 20 / @px-unit;
                     margin-top: 5 / @px-unit;
                }
            }
        }
         .canvas-box {
             float: left;
             width: @Width380;
             background: #e0e0e0;
             border: 1 / @px-unit solid #e0e0e0;
             .canvas-content {
                 height: @Height680;
            }
             .canvas-top {
                 padding: 0 3 / @px-unit;
                 background: #fff;
            }
             .canvas-label {
                 display: inline;
                 margin: 6 / @px-unit 0 / @px-unit;
                 .canvas-label-text {
                     padding: 0 3 / @px-unit;
                     font-size: 10 / @px-unit;
                }
            }
             .canvas-label-radar {
                 display: inline-block;
                 width: 16 / @px-unit;
                 height: 16 / @px-unit;
                 vertical-align: middle;
                 background-color: #ee0000;
                 border-radius: 50%;
            }
             .canvas-label-camera {
                 display: inline-block;
                 position: relative;
                 top: 6 / @px-unit;
                 width: 24 / @px-unit;
                 height: 24 / @px-unit;
                 background-color: #eeff00;
            }
        }
         .content-box {
             float: left;
             width: 550 / @px-unit;
             .tip {
                 width: 100%;
                 .ant-alert {
                     width: 100%;
                     min-width: 380 / @px-unit;
                }
            }
             .tab-wrap {
                 position: relative;
                 width: 100%;
                 .ant-tabs-nav-wrap {
                     .ant-input-number {
                         width: 60 / @px-unit;
                    }
                }
                 .svg-help {
                     vertical-align: middle;
                }
                 .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab {
                     padding-top: 0 !important;
                     padding-bottom: 0 !important;
                }
                 .ant-tabs-top > .ant-tabs-nav {
                     margin-bottom: 0;
                }
                 .ant-table-tbody > tr > td {
                     padding-top: 0 !important;
                     padding-bottom: 0 !important;
                     line-height: 49 / @px-unit;
                }
            }
        }
    }
     .circle {
         width: @Length10;
        /* 定义宽度 */
         height: @Length10;
        /* 定义高度 */
         background-color: green;
        /* 定义背景颜色 */
         border-radius: 50%;
         &.disabled {
             background-color: gray;
        }
    }
     .copyModal{
         .ant-checkbox-group-item {
             width: 140 / @font-size-normal;
             line-height: 40 / @font-size-normal;
        }
    }
}
 ._AreaMetering_ {
     padding-left: 20/@px-unit;
     padding-top: 20 / @px-unit;
     @videoWidth: 450/@px-unit;
     @videoHeight: 337/@px-unit;
     @width500: 500 / @px-unit;
     @width700: 700 / @px-unit;
     width: 100%;
     .container {
         display: flex;
         flex-wrap: wrap;
         .camera_left {
             width: @width500;
        }
         .camera_right {
             width: @width700;
        }
         .video-wrap {
             width: @videoWidth;
             height: @videoHeight;
             background: #1b1b1b;
        }
         .com-divider{
             height: 1/@px-unit;
             background: @dividerColorNo9;
        }
         .item-row{
             .m-text-ellipsis;
             .m-minh-48;
             .m-lh-48;
        }
         .row-selected {
             background-color: @secondNavHoverColorNo14;
        }
         .row-unselected {
             background-color: @contentBgColorNo15;
        }
    }
}
 ._FocusSetting_ {
     padding-left: 20/@px-unit;
     padding-top: 20 / @px-unit;
     @videoWidth: 450/@px-unit;
     @videoHeight: 337/@px-unit;
     @width500: 500 / @px-unit;
     width: 100%;
     .container {
         display: flex;
         .camera_left {
             width: @width500;
        }
         .camera_right {
             flex: 1 
        }
         .video-wrap {
             width: @videoWidth;
             height: @videoHeight;
             background: #1b1b1b;
        }
    }
     .step-button-container {
         display: flex;
         justify-content: flex-end;
         padding-top: 0.14285714rem;
    }
     .step-button {
         display: flex;
         justify-content: center;
         border: 1/@px-unit solid @listBorderColorNo8;
         line-height: 30/@px-unit;
    }
     .step-button-selected {
         border-color: @btnNormalColorNo1;
         color: @btnNormalColorNo1;
    }
}
 ._GeneralSetting_ {
     padding-left: 20/@px-unit;
     padding-top: 20 / @px-unit;
     @videoWidth: 450/@px-unit;
     @videoHeight: 337/@px-unit;
     @width500: 500 / @px-unit;
     @decorateDotSize: 8/@px-unit;
     width: 100%;
     .container {
         min-width: 1160 / @px-unit;
         display: flex;
         .camera_left {
             width: @width500;
        }
         .camera_right {
             flex: 1;
        }
         .video-wrap {
             width: @videoWidth;
             height: @videoHeight;
             background: #1b1b1b;
        }
         .associate_flex {
             display: flex;
        }
         .draw_container {
             min-width: 440 / @px-unit;
             width: 50%;
        }
         .button-width {
             .ant-radio-button-wrapper {
                 width: 110/@px-unit;
                 text-align: center;
                 span[name] {
                     display: inline-block;
                     width: auto;
                     max-width: 80/@px-unit;
                     .m-text-ellipsis;
                }
            }
        }
         .com-divider{
             height: 1/@px-unit;
             background: @dividerColorNo9;
             margin: 15 / @px-unit 0;
        }
    }
     .camera_phase {
         .ant-table{
             border: none;
             .ant-table-cell {
                 padding: 0 !important;
            }
             .ant-table-thead > tr > th {
                 background-color: inherit !important;
                 border: none;
                 &::before {
                     display: none;
                }
            }
             .ant-table-tbody > tr > td {
                 border: none;
            }
        }
         .decorate-dot{
             height: 1/@px-unit;
             background: #999999;
             position: relative;
        }
         .decorate-dot:before{
             content: '';
             width: @decorateDotSize;
             height: @decorateDotSize;
             border-radius: 2em;
             position: absolute;
             display: inline-block;
             background: white;
             top: -@decorateDotSize/2;
             border: 1/@px-unit solid #999999;
        }
         .decorate-dot:after{
             content: '';
             width: @decorateDotSize;
             height: @decorateDotSize;
             border-radius: 2em;
             position: absolute;
             display: inline-block;
             background: white;
             top: -@decorateDotSize/2;
             left: calc(100% - @decorateDotSize);
             border: 1/@px-unit solid #999999;
        }
         .ant-input-number-out-of-range input {
             color: unset !important;
        }
    }
     .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;
    }
}
 ._InterParamCalibration_ {
     padding-left: 20/@px-unit;
     width: 100%;
     .video-container{
         max-width: 500/@px-unit;
         .video-wrap {
             width: 450/@px-unit;
             height: 337/@px-unit;
             background: #1b1b1b;
        }
    }
     .ant-col-12.custom-max-width {
         max-width: initial;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
}
 ._ShutterSetting_ {
     padding-left: 20/@px-unit;
     padding-top: 20 / @px-unit;
     @videoWidth: 450/@px-unit;
     @videoHeight: 337/@px-unit;
     @width500: 500 / @px-unit;
     width: 100%;
     .left-tab-table{
         width: 520/@px-unit;
    }
     .container {
         display: flex;
         flex-wrap: wrap;
         .camera_left {
             width: @width500;
        }
         .camera_right {
             min-width: 780/@px-unit;
        }
         .camera_button {
             width: 100% 
        }
         .video-wrap {
             width: @videoWidth;
             height: @videoHeight;
             background: #1b1b1b;
        }
         .c-border {
             background-color: @baseColor;
             border: solid 0.07142857rem @grayBlackBorder;
             padding: 12/@px-unit 0;
        }
         .dot_behind .label-normal-behind {
             padding: 0;
             .label-div-Container {
                 float: left;
            }
        }
         .row-selected {
             background-color: @secondNavHoverColorNo14;
        }
         .row-unselected {
             background-color: @contentBgColorNo15;
        }
         .item-row{
             .m-text-ellipsis;
             .m-minh-48;
             .m-lh-48;
        }
         .ant-tabs-top {
             .ant-tabs-nav-list {
                 margin-left: 15/@px-unit;
            }
        }
         .ant-tabs-nav {
             margin-bottom: 15/@px-unit;
        }
         .ant-tabs-tabpane {
             height: 100%;
             .ant-tabs-nav {
                 margin-bottom: 15/@px-unit;
            }
        }
         .ant-tabs-left {
             .ant-tabs-tab{
                 min-width: 200/@px-unit;
                 height: 40/@px-unit;
                 text-align: center;
                 margin: 0;
            }
             .ant-tabs-tab-active{
                 background-color: @sideMenuSelectedColor;
            }
             .ant-tabs-nav-wrap {
                 box-shadow: 3/@px-unit 0 6/@px-unit 0 @grayBlackBorder;
            }
        }
         ._ShutterSetTab_ {
             .success-button{
                 color: @contentBgColorNo15;
                 background: @successColorNo19 
            }
             .label-span{
                 .m-minw-90;
                 .m-inline-block;
            }
             .DepressNoise, .Pictrue, .Exposure, .WhiteBalance {
                 width: 100%;
            }
        }
    }
     .loadTip{
         padding: 20vh;
         width: 80% 
    }
     .custom-confirm{
         width:440 / @px-unit!important;
    }
     .warning-alert {
         margin-top: -10/ @px-unit;
         height: 30/ @px-unit;
         line-height: 30/ @px-unit;
         min-width: 300/ @px-unit;
         margin-bottom: -5/ @px-unit;
    }
}
 @videoWidth: 450 / @px-unit;
 @videoHeight: 337 / @px-unit;
 @decorateDotSize: 8 / @px-unit;
 .tabChildStyle {
     height: auto;
     min-width: 960 / @px-unit;
     min-height: 600 / @px-unit;
}
 .green-radio {
     display: inline-block;
     background-color: #52c41a;
     width: 19 / @px-unit;
     height: 19 / @px-unit;
}
 .grey-radio {
     display: inline-block;
     background-color: #e8e8e8;
     width: 19 / @px-unit;
     height: 19 / @px-unit;
}
 .text-des {
     position: relative;
     display: inline-block;
     height: 25 / @px-unit;
     line-height: 25 / @px-unit;
     margin-left: 15 / @px-unit;
     top: -3 / @px-unit;
}
 ._CameraConfig_ {
     width: 100%;
     min-width: 1030 / @px-unit !important;
     .m-layout-content;
     background-color: white;
     .video-container {
         max-width: 500 / @px-unit;
         .video-plugin {
             width: @videoWidth;
             height: @videoHeight;
             background-color: #000;
             display: inline-block;
        }
    }
     .custom-plus {
         color: @btnNormalColorNo1;
         cursor: pointer;
         padding-left: 10 / @px-unit;
         text-align: left;
    }
     .custom-minus {
         color: @btnNormalColorNo1;
         cursor: pointer;
         padding-left: 10 / @px-unit;
         text-align: left;
    }
     .table-row-active {
         background-color: #e6f7ff;
    }
     ._CameraConfig_GeneralSet_ {
         .m-minw-520 {
             min-width: 520 / @px-unit;
        }
         .tabChildStyle();
         .ant-steps-item-wait .ant-steps-item-description {
             opacity: 0.45;
             pointer-events: none;
        }
         .item-row > p, .ant-steps-item-title {
             white-space: normal;
             word-break: break-word;
        }
         .button-width {
             .ant-radio-button-wrapper {
                 width: 110 / @px-unit;
                 text-align: center;
                 span[name] {
                     display: inline-block;
                     width: auto;
                     max-width: 80 / @px-unit;
                     .m-text-ellipsis;
                }
            }
        }
    }
     ._CameraConfig_ShutterSet_ {
         .tabChildStyle();
         .c-border {
             background-color: @baseColor;
             border: solid 0.07142857rem @grayBlackBorder;
             padding: 12 / @px-unit 0;
             min-width: 720 / @px-unit;
        }
         .ant-tabs-top {
             .ant-tabs-nav-list {
                 margin-left: 15 / @px-unit;
            }
        }
         .ant-tabs-nav {
             margin-bottom: 15 / @px-unit;
        }
         .ant-tabs-tabpane {
             height: 100%;
             .ant-tabs-nav {
                 margin-bottom: 15 / @px-unit;
            }
        }
         .ant-tabs-left {
             .ant-tabs-tab {
                 min-width: 200 / @px-unit;
                 height: 40 / @px-unit;
                 text-align: center;
                 margin: 0;
            }
             .ant-tabs-tab-active {
                 background-color: @sideMenuSelectedColor;
            }
             .ant-tabs-nav-wrap {
                 box-shadow: 3 / @px-unit 0 6 / @px-unit 0 @grayBlackBorder;
            }
        }
         .shutterMode-item {
             overflow-x: auto;
             .m-minh-48;
             .m-lh-48;
             .m-bb-1;
             .m-mb-12;
             .m-ws-nowrap;
             .m-width-100p;
        }
         .item-inline {
             .m-minh-48;
             .m-lh-48;
             .m-inline-block;
        }
         .channelSet {
             .m-mr-10;
             .item-inline;
             .m-text-ellipsis;
             min-width: 12%;
        }
         .frame-rate-mode {
             .item-inline;
             .m-text-ellipsis;
             min-width: 30%;
        }
         .tipIcon {
             margin: auto 10 / @px-unit auto 15 / @px-unit;
             color: rgb(208, 255, 0);
             font-size: 20 / @px-unit;
        }
         ._ShutterSetTab_ {
             .success-button {
                 color: @contentBgColorNo15;
                 background: @successColorNo19;
            }
             .label-span {
                 .m-minw-90;
                 .m-inline-block;
            }
             .DepressNoise, .Pictrue, .Exposure, .WhiteBalance {
                 width: 100%;
            }
        }
         .m-pt-16 {
             padding-top: 16 / @px-unit;
        }
         .m-pb-16 {
             padding-bottom: 16 / @px-unit;
        }
    }
     ._CameraConfig_ResionMeasure_ {
         .tabChildStyle();
         .item-row > p, .ant-steps-item-title {
             white-space: normal;
             word-break: break-word;
        }
    }
     ._CameraConfig_CameraFocus_ {
         .tabChildStyle();
         .step-button-container {
             display: flex;
             justify-content: flex-end;
             padding-top: 0.14285714rem;
        }
         .step-button {
             display: flex;
             justify-content: center;
             border: 1 / @px-unit solid @listBorderColorNo8;
             line-height: 30 / @px-unit;
        }
         .step-button-selected {
             border-color: @btnNormalColorNo1;
             color: @btnNormalColorNo1;
        }
    }
     .my-slider-margin {
         margin: 0 12 / @px-unit;
    }
     .com-text-dot {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
    }
     .com-border {
         border: 1 / @px-unit solid @dividerColorNo9;
         border-radius: 4 / @px-unit;
    }
     .com-divider {
         height: 1 / @px-unit;
         background: @dividerColorNo9;
         margin: 1.07142857rem 0;
    }
     .com-center-y {
         position: absolute;
         transform: translate(0, -50%);
         top: 50%;
    }
     .com-font-3 {
         font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
         font-weight: 700;
         font-style: normal;
         font-size: 14 / @px-unit;
         color: rgba(0, 0, 0, 0.85);
         line-height: 22 / @px-unit;
    }
     .item-row {
         .m-text-ellipsis;
         .m-minh-48;
         .m-lh-48;
    }
     .labelText-label-dark {
         .m-lh-48;
    }
     .labelText-behind-dark {
         vertical-align: middle;
         display: inline-block;
         width: 100%;
    }
     .ant-input-group {
         line-height: unset;
    }
     .ant-input-number-input {
         .m-text-center;
    }
     .ant-collapse-content {
         .m-pl-16;
    }
     .row-selected {
         background-color: @secondNavHoverColorNo14;
    }
     .row-unselected {
         background-color: @contentBgColorNo15;
    }
}
 .com-decorate-dot {
     height: 1 / @px-unit;
     background: #999999;
     position: relative;
     top: -3 / @px-unit;
}
 .com-decorate-dot:before {
     content: '';
     width: @decorateDotSize;
     height: @decorateDotSize;
     border-radius: 2em;
     position: absolute;
     display: inline-block;
     background: white;
     top: -@decorateDotSize / 2;
     border: 1 / @px-unit solid #999999;
}
 .com-decorate-dot:after {
     content: '';
     width: @decorateDotSize;
     height: @decorateDotSize;
     border-radius: 2em;
     position: absolute;
     display: inline-block;
     background: white;
     top: -@decorateDotSize / 2;
     left: calc(100% - @decorateDotSize);
     border: 1p / @px-unit solid #999999;
}
 @videoWidth: 450/@px-unit;
 @videoHeight: 337/@px-unit;
 ._LDCorrection_{
     width: 100%;
     .video-container{
         max-width: 500/@px-unit;
         .video-wrap {
             width: @videoWidth;
             height: @videoHeight;
             background: #1b1b1b;
        }
    }
     .ant-col-12.custom-max-width {
         max-width: initial;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
}
 ._BasicParams_ {
     padding-left: 20/@px-unit;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
     padding-top: 100/@px-unit;
}
 ._ElectricCameraControl_ {
     padding-left: 20/@px-unit;
     padding-top: 40/@px-unit;
     .step-button-container {
         display: flex;
         justify-content: flex-end;
         padding-top: 0.14285714rem;
    }
     .step-button {
         display: flex;
         justify-content: center;
         border: 1/@px-unit solid @listBorderColorNo8;
         line-height: 30/@px-unit;
    }
     .step-button-selected {
         border-color: @btnNormalColorNo1;
         color: @btnNormalColorNo1;
    }
     .video-wrap{
         width: 694/@px-unit;
         height: 528/@px-unit;
         background: #1b1b1b;
    }
}
 ._EventConfig_ {
     padding-left: 20/@px-unit;
}
 ._FlowConfig_ {
     padding-left: 20/@px-unit;
}
 ._GuideComplete_ {
     padding-left: 20/@px-unit;
}
 ._CameraGuide_ {
     padding-left: 20/@px-unit;
     @len42: 40 / @px-unit;
     .guide-layout-header {
         .guide-layout-span {
             font-size: 18 / @px-unit;
             color: @secondNavBgColorNo13;
        }
    }
     .guide-content {
         margin: 0 auto;
         height: auto;
         min-height: 680 / @px-unit;
        /* 固定高800 - 底部Footer组件的120 */
         background-color: @contentBgColorNo15;
         position: relative;
    }
     .ant-steps {
         padding: 0 100 / @px-unit;
         margin: 26/@px-unit auto;
    }
     .guide-btn {
         position: absolute;
         bottom: 54/@px-unit;
         left: 50%;
         display: flex;
         width: 500/@px-unit;
         transform: translateX(-50%);
         [type=button] {
             margin: 0;
             height: 40/@px-unit;
             &:first-child {
                 margin-right: 12/@px-unit !important;
            }
        }
    }
     .btn-width244 {
         [type=button] {
             width: 244/@px-unit;
        }
    }
     .btn-width500 {
         [type=button] {
             width: 500/@px-unit;
        }
    }
     .trigger_mode_select {
         position: absolute;
         left: 50%;
         top: 169/@px-unit;
         transform: translateX(-50%);
         .ant-card {
             margin: 0;
             &:hover {
                 background-color: rgb(241, 249, 255);
                 .ant-card-meta-title {
                     color: rgb(24, 144, 255);
                }
            }
        }
         .ant-menu-item {
             padding: 0 43/@px-unit;
             &:first-child {
                 padding-left: 0 !important;
            }
        }
         .ant-card-body {
             padding: 0 !important;
             text-align: center;
        }
         .ant-menu-horizontal {
             border-bottom: none;
             > .ant-menu-item-active::after {
                 border-bottom: transparent;
            }
        }
         img {
             height: 200/@px-unit;
        }
    }
     .content-style-guide {
         & > .ant-menu-horizontal {
             border-bottom: none;
             > .ant-menu-item-active::after {
                 border-bottom: transparent;
            }
             .ant-menu-item-selected {
                 &::after {
                     border-bottom: transparent;
                }
                 background-color: rgb(24, 144, 255);
                 color: white;
                 border: 0.07142857rem solid rgb(24, 144, 255);
            }
        }
         & > ul {
             width: 160/@px-unit;
             margin: 0 auto;
        }
         .ant-layout-header {
             margin-top: 11/@px-unit;
             height: 32/@px-unit;
        }
         .ant-menu-item {
             padding: 0;
             height: 32/@px-unit;
             width: 80/@px-unit;
             line-height: 32/@px-unit;
             text-align: center;
             border: 0.07142857rem solid rgb(217, 217, 217);
             &:first-child {
                 border-right: none;
            }
        }
         background: @contentBgColorNo15;
         .guide-header svg {
             width: 24/@px-unit;
             height: 24/@px-unit;
        }
    }
     .content-style {
         background: @contentBgColorNo15;
    }
     .guide-header {
         span {
             font-size: 20/@px-unit;
             font-weight: bold;
        }
         [type=button] {
             padding-left: 16/@px-unit;
        }
         position: absolute;
         top: 13/@px-unit;
         left: 0;
    }
     .video-wrap {
         width: 574/@px-unit;
         height: 430/@px-unit;
    }
     .video-content{
         width: 100%;
         height: 400/@px-unit;
         background: #1b1b1b;
    }
     .video-wrap1 {
         width: 550/@px-unit;
         height: 405/@px-unit;
    }
     .video-content1{
         width: 100%;
         height: 375/@px-unit;
         background: #1b1b1b;
    }
     .video-bottom{
         width: 100%;
         height: 30/@px-unit;
         padding: 0 5/@px-unit;
         background-color: #e8eaeb;
         .anticon {
             font-size: 20/@px-unit;
             margin-top: 5/@px-unit;
        }
    }
     .right-width {
         width: 700/@px-unit;
    }
     .guide-footer {
         height: 120/@px-unit;
         position: relative;
         width: 100%;
         background-color: @contentBgColorNo15;
         margin: 0 auto;
    }
     .complete-content {
         .ant-result {
             padding-top: 109 / @px-unit ;
        }
         width: 608/@px-unit;
         min-height: 272/@px-unit;
         margin: 0 auto;
    }
     .card-style-img {
         width: 220/@px-unit;
         height: 230/@px-unit;
         border-style: none;
    }
     .ivs-select {
         .card-style {
             .ant-card-body {
                 padding: 0 !important;
                 text-align: center;
            }
             .ant-menu-item:first-child {
                 margin-left: -20/@px-unit;
            }
        }
         .content-style {
             background: @contentBgColorNo15;
        }
         .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active:not(.ant-menu-item-selected)::after {
             border-bottom: transparent;
        }
    }
     .ant-steps {
         .ant-steps-item-content {
             width: calc(100% - @len42);
             max-width: 140 / @px-unit;
             .ant-steps-item-title {
                 width: 100%;
                 padding-right: 0;
                 span {
                     display: inline-block;
                     width: 100%;
                     max-width: 140 / @px-unit;
                     overflow: hidden;
                     text-overflow: ellipsis;
                     white-space: nowrap;
                }
            }
        }
    }
}
 ._IvsSelect_ {
     padding-left: 20 / @px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
}
 ._LightConfig_ {
     padding-left: 20/@px-unit;
}
 ._RadarCfg_ {
     padding-left: 20/@px-unit;
}
 ._RadarVideoCali_ {
     padding-left: 20/@px-unit;
}
 ._SceneMode_ {
     padding-left: 20/@px-unit;
     .ant-menu-title-content {
         .m-text-ellipsis();
         overflow: visible !important;
         width: 45/@px-unit;
         display: inline-block;
         margin-left: 2/@px-unit !important;
    }
     ._EquipmentManagement_ {
         .ant-menu-light {
             width: auto;
        }
         .ant-layout-header {
             height: 220/@px-unit;
             li:first-child {
                 margin-left: 32/@px-unit;
            }
             li {
                 margin-right: 20/@px-unit;
            }
        }
         .ant-menu-title-content {
             display: block;
             width: 11.42857143rem;
        }
         .ant-menu-item {
             position: relative;
             .hover-icon {
                 background: rgba(204, 204, 204, 0.4);
                 position: absolute;
                 bottom: 0;
                 right: 0;
                 left: 0;
                 color: red;
                 opacity: 0;
            }
             &:hover .hover-icon{
                 opacity: 1;
            }
             width: 11.42857143rem;
             height: 0;
             border: none;
        }
         li .ant-menu-item-selected {
             border: none;
        }
    }
}
 ._SceneSetting_ {
     padding-left: 20/@px-unit;
     padding-top: 40/@px-unit;
     .video-wrap{
         width: 694/@px-unit;
         height: 528/@px-unit;
         background: #1b1b1b;
    }
     .box-plate-range{
         line-height: 32/@px-unit;
         height: 32/@px-unit;
         width: 88/@px-unit;
         border: solid 0.07142857rem @inputBorderColorNo10;
         border-radius: 0.14285714rem;
         text-align: center;
         margin: 0 8/@px-unit;
    }
     .check-tip {
         color: @errorColorNo17;
    }
     .guide-plate-pic{
         width: 256/@px-unit;
         height: 84/@px-unit;
         line-height: 84/@px-unit;
    }
     .flex-content{
         display: inline-flex;
         justify-content: center;
    }
     .guide-plate-sub{
         width: 198/@px-unit;
         height: 36/@px-unit;
         line-height: 36/@px-unit;
    }
     .guide-plate-sub-line{
         border-left: 0.07142857rem dotted;
         border-bottom: 0.07142857rem dotted;
         border-right: 0.07142857rem dotted;
    }
     .guide-plate-par{
         width: 256/@px-unit;
         height: 63/@px-unit;
         line-height: 63/@px-unit;
    }
     .guide-plate-icon{
         width: 256/@px-unit;
         height: 54/@px-unit;
         line-height: 54/@px-unit;
         position: absolute;
         top: 163/@px-unit;
    }
     .guide-car-pic{
         width: 256/@px-unit;
         height: 168/@px-unit;
         line-height: 168/@px-unit;
         .ant-image{
             width: 256/@px-unit;
             height: 168/@px-unit;
             line-height: 168/@px-unit;
             .ant-image-img{
                 height: 168/@px-unit;
                 line-height: 168/@px-unit;
            }
        }
    }
     .guide-left{
         float: left;
    }
}
 ._SoftwareVerisonGuide_ {
     padding-left: 20/@px-unit;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
     .guide-infoVersion {
         .content-title {
             padding-left: 20/@px-unit;
             font-weight: bolder;
             position: relative;
             top:20/@px-unit;
        }
    }
}
 ._SignalLamp_ {
     padding-left: 20/@px-unit;
}
 ._CameraPlayBack_ {
     @length10: 10/@px-unit;
     @length14: 14/@px-unit;
     @Length32: 32/@px-unit;
     @Length40: 40/@px-unit;
     @Length70: 70/@px-unit;
     @Length80: 80/@px-unit;
     @Length96: 96/@px-unit;
     @Length102: 102/@px-unit;
     @Length142: 142/@px-unit;
     @Length230: 230/@px-unit;
     @Length240: 240/@px-unit;
     &.overflow_wrap{
         width: 100%;
         height: calc(100vh - @Length142);
         &[isInoutPark=false] {
             width: calc(100% - @Length32);
             height: calc(100vh - @Length96);
        }
    }
     &[isInoutPark=false] {
         margin: 16/@px-unit;
    }
     .search-play, .search-list {
         width: 100%;
         height: 100%;
         float: left;
         > div {
             background: @baseColor;
        }
    }
     .search-list{
         .operation {
             float: left;
             width: @Length230;
             height: 100%;
             border-right: solid 1/@px-unit @grayBlackBorder;
             .title{
                 padding-left: @length10;
                 line-height: @Length40;
                 height: @Length40;
                 font-weight: bold;
                 border-bottom: 1/@px-unit solid @listBorderColorNo8;
            }
             .content{
                 padding: 0 @length10;
            }
             .condition-btn{
                 width: 200/@px-unit;
                 margin: @length10 0;
                 border: solid 1/@px-unit @grayBlackBorder;
                 border-radius: 2 /@px-unit;
            }
             .advancedOptions{
                 border: none;
            }
             .ant-checkbox-wrapper + span {
                 padding: 0 8/@px-unit;
                 color: @formContentColorNo6;
            }
        }
         .result {
             position: relative;
             float: left;
             width: calc(100% - @Length230);
             height: 100%;
             .height40 {
                 height: @Length40;
                 line-height: @Length40;
            }
             .title {
                 padding-left: @length10;
                 height: @Length40;
                 &[hideRecordType=false] {
                     height: @Length80;
                }
                 border-bottom: 1/@px-unit solid @listBorderColorNo8;
            }
             .result-list {
                 height: calc(100% - @Length102);
                 &[isInoutPark=false] {
                     height: calc(100% - @Length142);
                }
                 width: calc(100% - @length10);
                 margin: @length10 0 @length10 @length10;
                 overflow-y: scroll;
                 .ant-spin {
                     position: absolute;
                     left: 50%;
                     top: 50%;
                     margin-left: -10/@px-unit;
                     margin-top: -12.5/@px-unit;
                }
                 .result-item {
                     display: inline-block;
                     position: relative;
                     width: calc(14% - @length10);
                     margin: 0 6/@px-unit 12/@px-unit 6/@px-unit;
                     .imgbox {
                         position: relative;
                         display: inline-block;
                         width: 100%;
                         min-height: 50/@px-unit;
                         box-sizing: border-box;
                         img {
                             width: 100%;
                        }
                         .playtime {
                             position: absolute;
                             right: @length10;
                             bottom: 6/@px-unit;
                             font-size: 12/@px-unit;
                             color: #fff;
                             label {
                                 vertical-align: 2/@px-unit;
                            }
                        }
                         .playbtn {
                             position: absolute;
                             left: 50%;
                             margin-left: -35/@px-unit;
                             width: 70/@px-unit;
                             cursor: pointer;
                             display:inline-block;
                             height: 100%;
                             span {
                                 position: absolute;
                                 left: 50%;
                                 top: 50%;
                                 margin-left: -15/@px-unit;
                                 margin-top: -15/@px-unit;
                                 display: inline-block;
                                 width: 30/@px-unit;
                                 height: 30/@px-unit;
                                 padding: 2/@px-unit 0 0 4/@px-unit;
                                 background: @opaqueBalck;
                                 border-radius: 50%;
                                 line-height: 30/@px-unit;
                                 font-size: 14/@px-unit;
                                 text-align: center;
                                 color: #fff;
                            }
                        }
                    }
                     ul.result-item-info{
                         li{
                             height: 24/@px-unit;
                             font-size: 12/@px-unit;
                             line-height: 24/@px-unit;
                        }
                         .type {
                             padding: 0 6/@px-unit;
                             overflow: hidden;
                             white-space: nowrap;
                             text-overflow: ellipsis;
                             span.length{
                                 float: right;
                                 padding-left: 12/@px-unit;
                            }
                        }
                         .time {
                             padding: 0 6/@px-unit;
                             background-color: @main_background_color;
                             overflow: hidden;
                             white-space: nowrap;
                             text-overflow: ellipsis;
                             .icon_start{
                                 color: @successColorNo19;
                                 padding-right: 8/@px-unit;
                            }
                             .icon_finish{
                                 color: @errorColorNo17;
                                 padding-right: 8/@px-unit;
                            }
                        }
                    }
                     .result-item-checkbox {
                         position: absolute;
                         left: 6/@px-unit;
                         top: 3/@px-unit;
                    }
                     .ant-checkbox-wrapper + span {
                         padding-right: 0/@px-unit;
                         padding-left: 0/@px-unit;
                    }
                }
                 .result-item.selected {
                     outline: 2/@px-unit solid @linkColorNo20;
                }
            }
        }
    }
     .search-play{
         .play-list {
             float: left;
             width: @Length240;
             height: 100%;
             .play-list-title {
                 padding-left: @length10;
                 line-height: @Length40;
                 height: @Length40;
                 color: @linkColorNo20;
                 border-bottom: 1/@px-unit solid @listBorderColorNo8;
                 .backLabel{
                     cursor: pointer;
                }
            }
             .play-list-content {
                 height: calc(100% - @Length40);
                 overflow-y: scroll;
                 > div {
                     >div {
                         height: 20/@px-unit;
                         line-height: 20/@px-unit;
                    }
                     height: 60/@px-unit;
                     padding-top: @length10;
                     padding-left: 16/@px-unit;
                     font-size: 13/@px-unit;
                     cursor: pointer;
                     &.active, &:hover {
                         background: @secondNavHoverColorNo14;
                         color: @btnPressedColorNo3;
                    }
                     .time {
                         font-size: 12/@px-unit;
                         color: #8f8f8f;
                         margin-left: 16/@px-unit;
                    }
                }
                 .first-item {
                }
            }
        }
         .play-content{
             width: calc(100% - @Length240);
             float: left;
             height: 100%;
             .playBack-video {
                 height: calc(100% - @Length80);
                 min-height: calc(77vh - @Length80);
                 background:#1b1b1b;
                 text-align: center;
                 padding-top: 20%;
            }
             .touchbar {
                 position: relative;
                 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: 15/@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;
                    }
                }
                 .voice {
                     display: inline-block;
                     width: 110/@px-unit;
                     margin: 0;
                     margin-left: 15/@px-unit;
                     margin-bottom: 1/@px-unit;
                }
                 .ant-slider-track {
                     background: @linkColorNo20;
                }
                 .touchbar-icon {
                     vertical-align: -0.3em;
                }
                 .anticon{
                     margin-right: 16/@px-unit;
                     font-size: 20/@px-unit;
                     &:hover{
                         color: @btnNormalColorNo1;
                    }
                }
                 .active {
                     background: @secondNavHoverColorNo14;
                     color: @btnPressedColorNo3;
                }
            }
        }
    }
     .record-mark {
         margin-right: 8/@px-unit;
         display: inline-block;
         width: 8/@px-unit;
         height: 8/@px-unit;
         border-radius: 50%;
         &.normal,&.timing {
             background: #52c41a;
        }
         &.event {
             background: #fcac15;
        }
         &.alarm, &.alarmlocal {
             background: #f5222d;
        }
         &.manual {
             background: #00FFF7;
        }
    }
}
 ._CameraCaptureConfig_ {
     padding-left: 20/@px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
     width: 100%;
     .other-box {
         padding: 10/ @px-unit;
    }
     .precise-encode {
         .label-normal-behind {
             width: 50 / @px-unit!important;
        }
    }
}
 ._CameraCaptureSynthesis_ {
     width: 100%;
     ._TrafficCompound_ {
         input {
             color: black;
        }
    }
     ._TrafficMosaicViolations_ {
         .ant-checkbox-wrapper {
             width: 15.71428571rem;
        }
    }
     ._TrafficCompound_ {
         .labelText {
             overflow: inherit;
        }
    }
}
 ._GeneralSynthesis_ {
     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;
         .sub-title {
             padding: 6 / @px-unit 14 / @px-unit;
             border-bottom: 1 / @px-unit solid @dividerColorNo9;