.ant-btn {
             width: 70/@px-unit;
             overflow: hidden;
             white-space: nowrap;
             text-align: center;
        }
    }
}
 .car-detail-info {
     border: 0.07142857rem solid @listBorderColorNo8;
     margin-top: 20/@px-unit;
     .title {
         padding: 5/@px-unit 15/@px-unit;
         font-weight: bold;
         border-bottom: 0.07142857rem solid #e8e8e8;
    }
     .car-detail-container {
         padding: 15/@px-unit;
         height: 260/@px-unit;
         overflow: auto;
    }
     .car-flow-ul::after {
         content: '';
         display: block;
         visibility: hidden;
         clear: both;
    }
     .car-flow-li {
         padding: 0.14285714rem 0;
         float: left;
         width: 25%;
         line-height: 48 / @px-unit;
         min-width: 336 / @px-unit;
    }
}
 .record_download {
     .record_download-title-left {
         float: left;
    }
     .record_download-title-right {
         float: right;
    }
     .item-list {
         line-height: 2.28571429rem;
    }
     .saveplace-input {
         width: 25.00000000rem;
    }
     .encryption_password {
         width: 12.14285714rem;
    }
     .ant-modal-body{
         padding-bottom: 4.28571429rem;
         padding: 1.71428571rem;
         .ant-table-scroll{
             .ant-table-body{
                 overflow-y: auto !important 
            }
             .ant-table-header{
                 overflow: auto !important;
                 margin-bottom: 0.00000000rem !important;
                 padding-bottom: 0.00000000rem !important;
            }
        }
    }
}
 .record_close{
     cursor: pointer;
     margin-left: 0.71428571rem;
}
 .download-box {
     position: absolute;
     top: 10/@px-unit;
     height: 30/@px-unit;
     .handle{
         width: 100%;
         height: 100%;
         button{
             display: inline-block;
             background: rgba(0,0,0,0.8);
             color: @baseColor;
             &:hover, &:active, &:focus {
                 background: rgba(0,0,0,0.8);
                 color: @baseColor;
            }
        }
    }
     .left-border, .right-border {
         position: absolute;
         width: 20/@px-unit;
         height: 30/@px-unit;
         span {
             position: absolute;
             display: block;
             width: 10/@px-unit;
             height: 30/@px-unit;
             border-top: 3/@px-unit solid @linkColorNo20;
             border-bottom: 3/@px-unit solid @linkColorNo20;
        }
    }
     .left-border {
         left: -10/@px-unit;
         span {
             left: 10/@px-unit;
             border-left: 3/@px-unit solid @linkColorNo20;
             cursor: w-resize;
        }
    }
     .right-border {
         right: -10/@px-unit;
         padding-right: 10/@px-unit;
         span {
             right: 10/@px-unit;
             border-right: 3/@px-unit solid @linkColorNo20;
             cursor: e-resize;
        }
    }
     .download-range {
         width: 100%;
         height: 100%;
         cursor: move;
         background: rgba(0,0,0,0.8);
    }
     input {
         margin: 0;
         padding: 0;
         width: 18/@px-unit;
         border: none;
         font-size: 12/@px-unit;
         text-align: center;
         outline: none;
    }
     .ant-popover-inner-content {
         padding: 3/@px-unit 2/@px-unit;
         min-width: 65/@px-unit;
    }
     .download-save, .download-cancle {
         position: absolute;
         top: 0;
         background: rgba(0,0,0,0.8);
         color: @baseColor;
         &.download-save {
             right: -80/@px-unit;
        }
         &.download-cancle {
             right: -160/@px-unit;
        }
         &:hover, &:active, &:focus {
             background: rgba(0,0,0,0.8);
             color: @baseColor;
        }
    }
}
 ._EventHandler_ {
     .ant-dropdown-menu-item{
         padding: 0.00000000rem 0.71428571rem;
    }
     .ant-dropdown-menu-item-active{
         background-color: #e6f7ff;
    }
     .ant-dropdown-menu-item:hover {
         background-color: #e6f7ff;
    }
     .EventHandlerPL15{
         padding-left: 1.07142857rem;
    }
}
 ._pannel_ {
     background-color: transparent;
     &.ant-collapse{
         border: 0.00000000rem;
         .ant-collapse-item{
             border: 0.07142857rem solid #d9d9d9;
             margin-top:1.07142857rem;
        }
    }
     &.emptyPanel{
         .ant-collapse-content{
             display: none;
        }
    }
}
 ._radioComponent_ .radio-group {
     box-sizing: border-box;
     margin: 0;
     padding: 0;
     color: rgba(0,0,0,0.65);
     font-size: 14/@px-unit;
     line-height: 1.5;
     list-style: none;
     display: inline-block;
     line-height: unset;
     .radio-button-wrapper {
         margin: 0/@px-unit;
         border-radius:4/@px-unit;
         height: 32/@px-unit;
         line-height: 30/@px-unit;
         color: #272727;
         display: inline-block;
         transition: all 0.3s ease;
         cursor: pointer;
         border: 1/@px-unit solid #E8E8E8;
         border-top-width: 1.02/@px-unit;
         background: #fff;
         padding: 0 15/@px-unit;
         position: relative;
         &.radio-button-wrapper-checked {
             z-index: 1;
             color: #1890ff;
             background: #fff;
             border-color: #1890ff;
        }
         &.radio-button-wrapper-disabled {
             border-color: #E8E8E8;
             background-color: #f5f5f5;
             cursor: not-allowed;
             color: rgba(0, 0, 0, 0.25);
        }
    }
}
 ._EventHandler_ {
     max-width: 800/@px-unit;
     margin-top: 8/@px-unit;
     .ant-dropdown-menu-item{
         padding: 5/@px-unit 10/@px-unit;
    }
     .ant-dropdown-menu-item-active{
         background-color: @secondNavHoverColorNo14;
    }
     .ant-dropdown-menu-item:hover {
         background-color: @secondNavHoverColorNo14;
    }
     ._pannel_ {
         margin-top:15/@px-unit;
         .emptyPanel .ant-collapse-content{
             display: none;
        }
         .label-normal-behind .label-normal-container {
             padding: 0/@px-unit !important;
        }
         .icon-tip {
             margin-left: 12/@px-unit;
             font-size: 20/@px-unit;
             color: @errorColorNo17;
        }
    }
}
 .fileInput{
     margin: 20/@px-unit 0;
     .fileLabel{
         text-align: center;
         label{
             vertical-align: middle;
             display:inline-block;
             line-height: 32/@px-unit;
        }
    }
     input[type="file"]{
         position: absolute;
         top:0;
         right: 0;
         opacity: 0;
         height: 32/@px-unit;
         font-size: 100/@px-unit;
         width: 102/@px-unit;
         cursor: pointer;
    }
     .fn-hidden {
         overflow: hidden;
    }
     .uploadBtn{
         margin-left: 20/@px-unit;
         position: relative;
         .ant-btn{
             min-width: 85/@px-unit;
             cursor: pointer;
        }
         form {
             display: inline-block;
        }
    }
     .fn-relative {
         position: relative;
         overflow: hidden;
    }
     .upload-input {
         width: 100%;
         z-index: 20;
    }
}
 .fileUpdate{
     .updateBtn {
         position: relative;
         margin: 0 0 0 70/@px-unit;
         .ant-btn {
             min-width: 85/@px-unit;
             cursor: pointer;
        }
         .ant-input {
             margin-top: -32/@px-unit;
             display:none;
        }
    }
}
 .fixed-button {
     position: fixed;
     bottom: 0;
     right: 0;
     height: 48/@font-size-normal;
     padding: 8/@font-size-normal;
     background-color: @listBorderColorNo8;
     &.halfwidth {
         width: 87.5%;
         max-width: calc(100% - 7.14285714rem);
    }
     &.fullwidth {
         width: 100%;
    }
}
 .absolute-button {
     position: absolute;
     bottom: -48/@font-size-normal;
     right: 0;
     height: 48/@font-size-normal;
     padding: 8/@font-size-normal;
     background-color: @listBorderColorNo8;
     width: 100%;
}
 .fixed-button, .absolute-button {
     button {
         display: inline-block;
         margin-right: 1.42857143rem;
    }
     .left {
         float: left;
    }
     .right {
         float: right;
    }
}
 .formButtonGroup-space {
     margin-right: 10/@px-unit;
}
 ._GotoOtherPageModal_ {
     padding-top: inherit;
     .m-text-center .anticon {
         margin-right: 8/@px-unit;
         position: relative;
         top: 2/@px-unit;
         svg {
             width: 20/@px-unit;
             height: 20/@px-unit;
             color: #faad14;
        }
    }
}
 @icon20: 20/@px-unit;
 .myicon.anticon {
     font-size: @icon20;
     vertical-align: -0.25em;
}
 .myicon {
     &:hover {
         color: @btnNormalColorNo1;
    }
}
 .myicon.disabled {
     color: @disableColorNo7;
     cursor: not-allowed;
     &:hover {
         color: @disableColorNo7 !important;
    }
}
 ._ImageAdjust_{
     padding: 0 14/@px-unit;
     .anticon {
         font-size: 20/@px-unit;
    }
     .label-normal-wrapper{
         width: 156/@px-unit !important;
         .labelSlider {
             margin-top: 2/@px-unit;
             .ant-slider.ant-slider-horizontal {
                 padding: 0;
            }
        }
    }
}
 ._NewEventHandler_ {
     ._radioComponent_ {
         min-width: auto;
    }
     .important-tip {
         color: @errorColorNo17;
    }
}
 .Ocx_download{
     position: fixed;
     text-align: center;
     bottom: 0;
     left: 0;
     width: 100%;
     padding: 0.71428571rem 0;
     border-top: 0.07142857rem solid @dividerColorNo9;
     background: @homePageNo1;
     z-index: 10000;
     span{
         padding-top: 0.42857143rem;
         display: inline-block;
    }
     a {
         text-decoration: underline;
    }
     .closeBtn{
         float: right;
         margin-right: 1.42857143rem;
         border: 0.07142857rem solid @dividerColorNo9;
         border-radius: 0.28571429rem;
         padding: 0.28571429rem 0.71428571rem;
         cursor: pointer;
    }
}
 ._OCXDownloadModal_ {
     padding-top: inherit;
     .m-text-center .anticon {
         margin-right: 8/@px-unit;
         position: relative;
         top: 2/@px-unit;
         svg {
             width: 20/@px-unit;
             height: 20/@px-unit;
             color: #faad14;
        }
    }
}
 .passwordCheck-light{
     width: 30%;
     display: inline-block;
     height: 0.35714286rem;
     margin: 0;
     border-radius: 0.35714286rem;
     margin-left: 0.21428571rem;
     background-color:@listBorderColorNo8;
     transition: background-color 0.5s;
     -o-transition: background-color 0.5s;
     -webkit-transition: background-color 0.5s;
     -moz-transition: background-color 0.5s;
}
 .passwordCheck-tip{
     transition: opacity 0.2s;
     -o-transition: opacity 0.2s;
     -webkit-transition: opacity 0.2s;
     -moz-transition: opacity 0.2s;
     color:#F5222D;
     margin: 0;
}
 .passwordCheck-label{
     line-height: 2.28571429rem;
     text-align: right;
     padding-right:0.71428571rem;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
}
 .passwordCheck-vlight{
     width: 12%;
     display: inline-block;
     height: 0.35714286rem;
     margin: 0;
     margin-bottom: 0.42857143rem;
     background-color:@listBorderColorNo8;
     transition: background-color 0.5s;
     -o-transition: background-color 0.5s;
     -webkit-transition: background-color 0.5s;
     -moz-transition: background-color 0.5s;
}
 .passwordCheck-v-left{
     border-radius: 0.35714286rem 0 0 0.35714286rem 
}
 .passwordCheck-v-right{
     border-radius: 0 0.35714286rem 0.35714286rem 0 
}
 .passwordCheck-break-word{
     word-break: break-word;
}
 .PicConfigComponent {
}
 ._PlateCheckComponent_ {
     div {
         margin-bottom: @Length10;
    }
     label {
         width: 110 / @px-unit;
         text-overflow: ellipsis;
         text-align: left;
         display: inline-block;
    }
     .check-tip {
         color: @errorColorNo17;
    }
}
 ._PtzControl_{
     max-width: 220/@px-unit;
     overflow: auto;
     svg {
         width: 20/@px-unit;
         height: 20/@px-unit;
         cursor: pointer;
         &:hover{
             color: @btnNormalColorNo1;
        }
    }
     .icon-disabled svg{
         cursor: auto;
         color: #d9d9d9;
         &:hover{
             color: #d9d9d9;
        }
    }
     .active{
         color: @btnNormalColorNo1;
    }
     .aimingCircle{
         height: 206/@px-unit;
         text-align: center;
         padding-bottom: 20/@px-unit;
         .left{
             float: left;
             width: 30/@px-unit;
             min-height: 20/@px-unit;
        }
         .middle{
             position: relative;
             float: left;
             width: 140/@px-unit;
             margin: 0 10/@px-unit;
        }
         .rights{
             float: right;
             width: 20/@px-unit;
        }
         .circle{
             position: relative;
             min-width: 140/@px-unit;
             max-width: 140/@px-unit;
             margin-top: 20/@px-unit;
             .center{
                 position: absolute;
                 top: 42.5%;
                 left: 42.8%;
            }
             .string-center {
                 position: absolute;
                 top: 41.5%;
                 left: 43.8%;
                 cursor: pointer;
            }
             .up{
                 position: absolute;
                 top: 0%;
                 left: 42.8%;
            }
             .down{
                 position: absolute;
                 bottom: 0;
                 left: 42.8%;
            }
             .left{
                 position: absolute;
                 top: 42%;
                 left: 0%;
            }
             .rights{
                 position: absolute;
                 top: 42%;
                 right: 0;
            }
             .leftup{
                 position: absolute;
                 top: 15%;
                 left: 12.8%;
            }
             .rightup{
                 position: absolute;
                 top: 14%;
                 left: 70.8%;
            }
             .leftdown{
                 position: absolute;
                 top: 70%;
                 left: 16%;
            }
             .rightdown{
                 position: absolute;
                 top: 69%;
                 right: 14%;
            }
        }
         .rightUpBox {
             position: absolute;
             top: 0;
             left: 150/@px-unit;
             width: auto;
             >div {
                 margin-bottom: 6/@px-unit;
            }
        }
         .bottomBox {
             background-image: url('/static/media/triaxialPtzBackground.c862e90a.png');
             background-repeat: no-repeat;
             height: 42/@px-unit;
             margin-top: 12/@px-unit;
             display: flex;
             justify-content: space-between;
             >div{
                 padding-top: 6/@px-unit;
            }
             .leftRadio{
                 margin-left: 8/@px-unit;
            }
             .rightRadio{
                 margin-right: 8/@px-unit;
            }
        }
    }
     .zoom{
         border-radius: 4/@px-unit;
         text-align: center;
         background: #fcfcfc;
         .borderline{
             padding: 3/@px-unit 2/@px-unit;
             border: 1/@px-unit solid @listBorderColorNo8;
        }
         .no-right-boder{
             border-right: none;
        }
         .no-bottom-boder{
             border-bottom: none;
        }
    }
     .left-step{
         float: left;
         width: 30/@px-unit;
         svg {
             width: 50/@px-unit;
             height: 8/@px-unit;
        }
         .ant-slider-dot{
             &:nth-child(1){
                 border: 0/@px-unit 
            }
             &:last-child{
                 border: 0/@px-unit 
            }
             border-radius: 0;
             height: 0;
             width: 6/@px-unit;
             left:4/@px-unit;
             border: 1/@px-unit solid @listBorderColorNo8 
        }
         .ant-slider-vertical .ant-slider-step{
             width: 6/@px-unit;
        }
         .ant-slider-vertical .ant-slider-rail{
             width: 6/@px-unit;
             border:1/@px-unit solid @listBorderColorNo8 
        }
         .ant-slider-vertical .ant-slider-handle{
             margin-left: -4/@px-unit;
        }
         .ant-slider-vertical .ant-slider-track{
             width: 6/@px-unit;
        }
         .ant-slider-with-marks{
             margin-bottom: 5/@px-unit;
        }
    }
}
/*ant design主题色*/
 @sideMenuBackColor:#ECF4FF;
 @baseColor:#ffffff;
 @baseBlue:#1060d1;
 @topBackColor:#2374E7;
 @toplineColor:#cccccc;
 @topMenuHoverColor:#cccccc;
 @label-light-Color:#ffffff;
 @label-dark-Color:#666666;
 @inputBackColor:#ffffff;
 @inputBorderColor:#d9d9d9;
 @ViewItemLineColor:#81B6FC;
 @ViewItemMessageColor:#BFBFBF;
 @ViewItemCarouselColor:#7DB1EC;
 @tabMenuHomeColor:#13446F;
 @inputBorderErrorColor:#ffa39e;
 @loadingBackgroundColor:#eee;
 @success-color: #52c41a;
 @error-color: #f5222d;
 @warn-color:#fcac15;
 @topMenuTabActiveColor:#1060d1;
 @topMenuTabActiveColor:#ffffff;
 @topMenuTabHoverColor:#ffffff;
 @topMenuTabColor: #a6adb4;
 @loginIconColor:rgba(0,0,0,.25);
 @topHomeBorderColor: rgba(255, 255, 255, 0.2);
 @disableColor:#f5f5f5;
 @tab-active-color:#e6f7ff;
 @export-color:#1890ff;
 @border-color:#e8e8e8;
 @panelBorderColor:#d9d9d9;
 @panelBackgroundColor:#fafafa;
 @hoverColor:#333333;
 .m-h-100-p{
     height: 100%;
}
 #root,body{
     height: 100%;
     font-family: 'Microsoft YaHei';
     font-size:14/@px-unit;
}
 @body-background: #F0F2F5;
 @text-color:#272727;
 @primary-color:#1890FF;
 @border-color-base: hsv(0, 0, 85%);
 @font-size-base:1.00000000rem;
 @success-color:#52c41a;
 @error-color:#f5222d;
 @disabled-bg: hsv(0, 0, 96%);
 @component-background:#ffffff;
 @heading-color: fade(#000, 85%);
 @border-color-split: hsv(0, 0, 91%);
 @disabled-color: fade(#000, 25%);
 ._RenderRadarVideo2DByRadar_ {
     padding-top: inherit;
}
 .ReportChart {
     position: relative;
     .chart-handle {
         position: absolute;
         top: 2.85714286rem;
         left: 0;
         right: 0;
         z-index: 1;
         .chart-export {
             overflow: hidden;
             .export-right {
                 float: right;
            }
        }
         .chart-btn {
             .chart-switch {
                 float: left;
                 .switch-btn {
                     display: inline-block;
                     text-align: center;
                     width: 2.85714286rem;
                     height: 2.42857143rem;
                     line-height: 2.28571429rem;
                     border: 0.07142857rem solid @listBorderColorNo8;
                     z-index: 1;
                     cursor: pointer;
                }
                 .left {
                     border-radius: 0.28571429rem 0 0 0.28571429rem;
                }
                 .right {
                     border-radius: 0 0.28571429rem 0.28571429rem 0;
                }
                 .btn-active {
                     border: 0.07142857rem solid @btnNormalColorNo1;
                     color: @btnNormalColorNo1;
                }
            }
             .chart-type {
                 float: right;
                 margin-top: 0.64285714rem;
            }
        }
         .chart-btn::after {
             content: '';
             display: block;
             height: 0;
             clear: both;
             visibility: hidden;
        }
         .ant-checkbox-52c41a {
             .ant-checkbox-inner {
                 background-color: #52c41a;
                 border-color: #52c41a;
            }
        }
         .ant-checkbox-fcac15 {
             .ant-checkbox-inner {
                 background-color: #fcac15;
                 border-color: #fcac15;
            }
        }
         .ant-checkbox-d348f6 {
             .ant-checkbox-inner {
                 background-color: #d348f6;
                 border-color: #d348f6;
            }
        }
         .ant-checkbox-13cae5 {
             .ant-checkbox-inner {
                 background-color: #13cae5;
                 border-color: #13cae5;
            }
        }
         .ant-checkbox-1890ff {
             .ant-checkbox-inner {
                 background-color: #1890ff;
                 border-color: #1890ff;
            }
        }
         .ant-checkbox-cb663e {
             .ant-checkbox-inner {
                 background-color: #cb663e;
                 border-color: #cb663e;
            }
        }
         .ant-checkbox-cb663e {
             .ant-checkbox-inner {
                 background-color: #9900ff;
                 border-color: #9900ff;
            }
        }
         .ant-checkbox-45818e {
             .ant-checkbox-inner {
                 background-color: #45818e;
                 border-color: #45818e;
            }
        }
         .ant-checkbox-52C41A{
             .ant-checkbox-inner {
                 background-color: #52C41A;
                 border-color: #52C41A;
            }
        }
         .ant-checkbox-FCAC15 {
             .ant-checkbox-inner {
                 background-color: #FCAC15;
                 border-color: #FCAC15;
            }
        }
         .mannum-detection {
             .ant-checkbox-input {
                 cursor: auto;
            }
        }
    }
     .chart {
         width: 100%;
         margin-top: 1.42857143rem;
    }
     .chart-adaption {
         height: 70vh;
    }
     .chart-fix {
         height: 420 / @px-unit;
    }
}
 ._reportPeriod_ {
     background: @contentBgColorNo15;
     padding: 16/@px-unit;
     .time-select {
         display: inline-block;
         cursor: pointer;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         word-wrap: normal;
         & ~.time-select {
             padding-left: 24/@px-unit;
        }
    }
     .active {
         color: @linkColorNo20;
    }
     .rangePicker {
         vertical-align: 7/@px-unit;
         margin-left: 24/@px-unit;
         width: 350/@px-unit;
    }
     button {
         margin-left: 24/@px-unit;
         vertical-align: 7/@px-unit;
    }
}
 ._tabbar_{
     height: calc(80vh - 4.57142857rem);
     background-color: @baseColor;
     .wrapper{
         width:100%;
         transition:all 0.3s;
         cursor: pointer;
         line-height: 2.85714286rem;
         &.active {
             background-color:@tab-active-color;
             color:@export-color;
        }
         .left {
             width:1.42857143rem;
             float: left;
             height:100%;
        }
         .right{
             float: left;
        }
         p{
             margin:0;
        }
    }
     .editable-cell-value-wrap {
         max-width: 10.71428571rem;
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
         cursor: pointer;
         border: 0.07142857rem solid transparent;
         line-height: 2.50000000rem;
    }
     .editable-row:hover .editable-cell-value-wrap {
         border: 0.07142857rem solid #d9d9d9;
         border-radius: 0.28571429rem;
    }
     .addButton {
         margin:0.35714286rem auto;
    }
}
 ._ScheduleDialog_{
     .ant-modal-footer{
         height: 3.85714286rem;
    }
     .ant-modal .ant-modal-footer .ant-btn {
         float:right;
         margin-left: 0.71428571rem;
    }
}
 .ScheduleDialogEmpty{
     text-align: center;
}
 ._ScheduleComponent_ .timeplan-ruler .ruler-text {
     white-space: nowrap;
}
 ._radioComponent_{
     min-width: 300/@px-unit;
     .radio-box{
         margin-left: -8/@px-unit !important;
    }
     .radio-group {
         box-sizing: border-box;
         margin: 0;
         padding: 0;
         color: rgba(0,0,0,0.65);
         font-size: 14/@px-unit;
         line-height: 1.5;
         list-style: none;
         display: inline-block;
         line-height: unset;
         .radio-button-wrapper {
             margin: 0 0 0 10/@px-unit;
             border-radius:4/@px-unit;
             &:first-child {
                 margin: 0/@px-unit;
            }
             height: 32/@px-unit;
             line-height: 30/@px-unit;
             color: #272727;
             display: inline-block;
             transition: all 0.3s ease;
             cursor: pointer;
             border: 1/@px-unit solid #E8E8E8;
             border-top-width: 1.02/@px-unit;
             background: #fff;
             padding: 0 15/@px-unit;
             position: relative;
             input[type="radio"] {
                 margin: 3/@px-unit 3/@px-unit 0/@px-unit 5/@px-unit;
                 display: none;
            }
             input[type="checkbox"] {
                 margin: 3/@px-unit 3/@px-unit 0/@px-unit 5/@px-unit;
                 display: none;
            }
             &.radio-button-wrapper-checked {
                 z-index: 1;
                 color: #1890ff;
                 background: #fff;
                 border-color: #1890ff;
            }
             &.radio-button-wrapper-disabled {
                 border-color: #E8E8E8;
                 background-color: #f5f5f5;
                 cursor: not-allowed;
                 color: rgba(0, 0, 0, 0.25);
            }
        }
    }
}
 ._ratioComponent_{
     .radio-group {
         box-sizing: border-box;
         margin: 0;
         padding: 0;
         color: rgba(0,0,0,0.65);
         font-size: 14/@px-unit;
         line-height: 1.5;
         list-style: none;
         display: inline-block;
         line-height: unset;
         .radio-button-wrapper {
             margin: 0 10/@px-unit;
             height: 32/@px-unit;
             line-height: 30/@px-unit;
             color: #272727;
             display: inline-block;
             transition: all 0.3s ease;
             cursor: pointer;
             border: 1/@px-unit solid #E8E8E8;
             border-top-width: 1.02/@px-unit;
             background: #fff;
             padding: 0 15/@px-unit;
             position: relative;
             input[type="radio"] {
                 margin: 3/@px-unit 3/@px-unit 0/@px-unit 5/@px-unit;
                 display: none;
            }
             &.radio-button-wrapper-checked {
                 z-index: 1;
                 color: #1890ff;
                 background: #fff;
                 border-color: #1890ff;
            }
             &.radio-button-wrapper-disabled {
                 border-color: #E8E8E8;
                 background-color: #f5f5f5;
                 cursor: not-allowed;
                 color: rgba(0, 0, 0, 0.25);
            }
        }
    }
}
 ._SnapOSDEx_ {
     .SnapOSDSortWrap {
         padding: 10/@px-unit;
         margin-top:10/@px-unit;
         background: #f0f2f5;
    }
     .suggestBtn {
         float: right;
         color: @btnNormalColorNo1;
         cursor: pointer 
    }
     .sortableItems {
         overflow: hidden;
         zoom:1;
         min-height: 250/@px-unit;
         margin-top: 10/@px-unit;
         margin-bottom: 10/@px-unit;
         padding: 0/@px-unit;
         .osd_move {
             min-width: 80/@px-unit;
             height: 30/@px-unit;
             border: 1/@px-unit #fff dashed;
             text-align: center;
             line-height: 27/@px-unit;
             background: #5D6E7E;
             color: #fff;
             cursor: move;
             overflow: hidden;
             margin-left: 10/@px-unit;
             float: left;
             border-radius: 4/@px-unit;
             margin-top: 10/@px-unit;
        }
    }
     .videoSortableItems {
         width:430/@px-unit;
         background-color: #000;
         min-height: 0;
         margin: 0;
         .osd_move {
             margin-left: 5/@px-unit;
        }
    }
     .SnapOSDList {
         width: 410/@px-unit;
         padding: 10/@px-unit;
         background: #fff;
         .ant-checkbox-group-item {
             width: 120/@px-unit;
             margin-top: 10/@px-unit;
             overflow: hidden;
             -o-text-overflow: ellipsis;
             text-overflow: ellipsis;
             white-space: nowrap;
             word-wrap: normal;
        }
    }
     .osdListCompforPosition {
         height: 32/@px-unit;
    }
     .osdListCompforPosition .ant-popover-arrow{
         display: none;
    }
     .osdListCompforPosition .ant-popover-content{
         margin-top: -19/@px-unit;
    }
     .SnapOSDSortWrap {
         background: #f0f2f5;
         padding: 10/@px-unit;
         clear: both;
    }
     .suggestBtn {
         float: right;
         color: #1890ff;
         cursor: pointer 
    }
}
 .ant-tooltip {
     max-width: 300/@px-unit;
}
 .OSD-MethodTip {
     height: 60/@px-unit;
}
 .OSD-Methodli span {
     border: 1/@px-unit solid #fff;
     width: 30/@px-unit;
     height: 30/@px-unit;
     text-align: center;
     float: left;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
     word-wrap: normal;
}
 ._VideoBar_ {
     width: 100%;
     display: inline-block;
     background-color: @homePageNo2;
     height: 48/@px-unit;
     padding-left: 12/@px-unit;
     .anticon {
         font-size: 24/@px-unit;
         line-height: 48/@px-unit;
         margin-right: 12/@px-unit;
    }
     .active {
         color: @btnNormalColorNo1;
    }
}
 .virtual-table-wrapper {
     .virtual-table {
         .ant-empty-normal {
             height: 180/@px-unit;
             margin: 0 0;
             display: flex;
             flex-direction: column;
             justify-content: center;
        }
         .ant-table-tbody {
             height: 180/@px-unit;
        }
         .ZD-showZebraPattern-even {
             background-color: #fbfbfc;
        }
         .ZD-showZebraPattern-odd {
             background-color: #ffffff;
        }
         .ZD-selected-row {
             background-color: #e7f1fe;
        }
         .virtual-table-cell {
             display: flex;
             align-items: center;
             justify-content: center;
        }
         .center {
             text-align: center;
        }
    }
     .mask {
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         opacity: 0;
         z-index: 1049;
    }
     button.filterColumn {
         display: flex;
         justify-content: center;
         align-items: center;
         height: 32/@px-unit;
         width: 32/@px-unit;
         margin-left: 12/@px-unit;
         background-color: #ffffff;
         color: #1890ff;
         float: right;
         margin-bottom: 14/@px-unit;
    }
}
 ._ZoomFocus_{
     padding: 0 14/@px-unit;
     .anticon {
         font-size: 20/@px-unit;
    }
     .label-normal-wrapper{
         &.sliderWrapper {
             width: 210/@px-unit !important;
        }
         .labelSlider {
             .ant-slider.ant-slider-horizontal {
                 padding: 0;
            }
        }
    }
     .button-group {
         .ant-btn {
             width: 70/@px-unit;
             overflow: hidden;
             white-space: nowrap;
             text-align: center;
        }
         .active {
             background: #1890ff;
             color: #fff;
        }
    }
     .button-group-inout {
         button {
             .m-mr-10;
        }
         .active {
             background: #1890ff;
             color: #fff;
        }
    }
}
 ._SmartTest_ {
     .smartjs-container > .layui-tab > .ant-tabs > .ant-tabs-top-bar{
         display: none;
    }
}
 @Length180: 180 / @px-unit;
 @Length45: 45 / @px-unit;
 @Length46: 46 / @px-unit;
 @Length48: 48 / @px-unit;
 @Length68: 68 / @px-unit;
 @Length60: 60 / @px-unit;
 @Length100: 100 / @px-unit;
 @Length112: 112 / @px-unit;
 @Length120: 120 / @px-unit;
 @Length150: 150 / @px-unit;
 @Length280: 280 / @px-unit;
 @Length330: 330 / @px-unit;
 @length500: 500 / @px-unit;
 ._AIPreview_ {
     padding-top: inherit;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     &[supportquickconfig='true'] {
         left: 50%;
         width: 50%;
    }
     &.AIPic_Full {
         left: 0;
         width: 100%;
         &[isocxcamerafull=true] {
             .AIPic {
                 height: calc(100% - @Length48);
            }
        }
         .AIPic {
             height: 100% !important;
             width: 100% !important;
             .PanoPic {
                 height: calc(100% - @Length60);
            }
        }
    }
     .AIPicWidth{
         min-width: 778/ @px-unit !important;
    }
     .AIPic {
         position: absolute;
         right: 0;
         width: 60%;
         &[supportquickconfig='true'] {
             width: 100%;
        }
         &[previewmode='videoPic'] {
             width: 50%;
             &[supportquickconfig='true'] {
                 width: 100%;
            }
        }
         &[previewmode='picture'] {
             width: 100%;
        }
         height: 500 / @px-unit;
         border: solid 1 / @px-unit rgba(0, 0, 0, 0.15);
         .PanoPic {
             position: relative;
             width: 100%;
             height: 440 / @px-unit;
             &[isinoutpark='true'], &[isocxcamera=true] {
                 height: 452 / @px-unit;
            }
             &[isocxcamerafull=true] {
                 height: calc(100% - @Length48) !important;
            }
             &[isocxcamera=true] {
                 visibility: hidden;
            }
             background-color: rgba(0, 0, 0, 0.85);
             .ant-image {
                 display: flex;
                 align-items: center;
                 justify-content: center;
                 width: 100%;
                 height: 100%;
                 img {
                     width: 80 / @px-unit;
                     height: 80 / @px-unit;
                     opacity: 0.2;
                }
                 .preview-img {
                     transition: all 0.5s;
                     width: 100%;
                     height: 100%;
                     opacity: 1;
                }
                 .preview-img-original {
                     transition: all 0.5s;
                     width: auto;
                     height: 100%;
                     opacity: 1;
                }
                 .preview-img-itse {
                     width: 65%;
                }
            }
        }
         .AIPlatePic {
             &[isITSEnotMEC='true'] {
                 height: 100%;
            }
             & > div:first-child {
                 padding-left: 14 / @px-unit;
            }
             & > div:last-child {
                 padding-right: 14 / @px-unit;
            }
             font-size: 14 / @px-unit;
             font-weight: normal;
             font-stretch: normal;
             color: @loginForgetPasswordHoverColor;
             background-color: #000000;
             height: @Length60;
             &[isinoutpark='true'], &[isocxcamera=true] {
                 height: @Length48;
            }
             .ant-row {
                 height: 100%;
            }
             .label-text-container {
                 height: @Length68;
            }
             .contanier-right {
                 margin-left: @Length48;
            }
             .label-text {
                 height: @Length48;
                 line-height: @Length48;
                 text-align: right !important;
            }
             .wrap-class {
                 height: @Length48;
                 line-height: @Length48;
                 min-width: @Length100;
                 text-align: center;
            }
             img {
                 width: @Length150;
                 height: @Length48;
                 line-height: @Length48;
            }
             .detectImg {
                 display: inline-block;
                 height: @Length48;
                 line-height: @Length48;
                 text-align: center;
                 background-color: @disableColorNo7;
                 font-weight: bolder;
                 span {
                     white-space: nowrap;
                     display: inline-block;
                     height: @Length48;
                     line-height: 48 / @px-unit;
                     padding: 0 10 / @px-unit;
                     background: #fff;
                     color: black;
                     font-size: 20 / @px-unit;
                }
            }
             .borderNormal {
                 white-space: nowrap;
                 height: @Length45;
                 line-height: @Length45;
                 padding: 0 5 / @px-unit;
                 font-size: 16 / @px-unit;
            }
             .debugg-tip-box {
                 display: 'flex';
                 align-items: 'center';
                 max-width: 263 / @px-unit;
                 margin-right: -5/ @px-unit;
                 .debugg-tip {
                     color: #fff;
                     height: @Length45;
                     line-height: @Length45;
                     margin-right: -10/ @px-unit;
                }
                 .show-tip {
                     .labelCheckbox-content-wrapper {
                         max-width: 100/ @px-unit;
                    }
                }
                 .show-tip1{
                     .labelCheckbox-content-wrapper {
                         max-width: 200/ @px-unit;
                    }
                }
            }
             .borderGreen {
                 border: 1 / @px-unit solid #6dff24;
                 color: #6dff24;
            }
             .borderBlue {
                 border: 1 / @px-unit solid @btnNormalColorNo1;
                 color: @btnNormalColorNo1;
            }
             .borderRed {
                 border: 1 / @px-unit solid red;
                 color: red;
            }
             .actionBar {
                 height: @Length60;
                 line-height: @Length60;
                 box-sizing: border-box;
                 padding-left: 14 / @px-unit;
                 min-width: 134 / @px-unit;
                 .anticon {
                     font-size: 24 / @px-unit;
                     svg {
                         position: relative;
                         top: 3 / @px-unit;
                    }
                }
            }
        }
    }
     .AITable_box {
         position: absolute;
         width: 100%;
         height: calc(100% - @length500);
         bottom: 0;
         ._Table_ {
             height: 100%;
             clear: both;
        }
    }
     .ant-table-header {
         height: @Length46;
         th {
             padding: 0 5 / @px-unit !important;
        }
         table {
             height: @Length46 !important;
        }
    }
     .ant-table-body {
         td {
             padding: 6 / @px-unit 5 / @px-unit !important;
        }
    }
     .car-plate-text {
         color: @contentBgColorNo15;
         height: 40 / @px-unit;
         text-align: center;
         font-size: 32 / @px-unit;
         line-height: 40 / @px-unit;
         background-color: @grayBlack;
         border-radius: 2 / @px-unit;
         border: solid 1 / @px-unit @grayBlackBorder;
    }
     .pic-car-flex {
         display: flex;
         align-items: center;
    }
     .record-prompt-modal.ant-modal {
         .ant-modal-confirm-btns .ant-btn {
             float: none;
        }
    }
}
 ._AlarmEventContent_ {
     padding-left: 20/@px-unit;
     padding-right: 10 / @px-unit;
     width: 700 / @px-unit;
     overflow-y: auto;
     background-color: @secondNavBgColorNo13;
     border: 0.07142857rem solid @listBorderColorNo8;
     word-break: normal;
     word-wrap: normal;
     .firstLine-wrapper {
         .label-div-Container {
             display: inline-block;
             &:nth-child(2) {
                 float: right;
            }
        }
    }
     .label-normal-wrapper {
         width: 135 / @px-unit !important;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         word-wrap: normal;
    }
     .label-div-Container-wrapped {
         display: inline-block;
    }
     .labelCheckbox-content-wrapper {
         width: auto;
    }
}
 ._AlarmLighting_ {
     padding-left: 20/@px-unit;
     width: 100%;
}
 ._AreaComponent_ {
     .broadcasting-box {
         .broadcasting-content {
             width: 100%;
             border: 1 / @px-unit solid @dividerColorNo9;
             .voice-content {
                 .label-normal-container {
                     .label-normal-behind {
                         color: @disableColorNo7;
                    }
                }
            }
             .m-lh-104 {
                 height: 90 / @px-unit!important;
            }
        }
         .font-color {
             width: 260 / @px-unit!important;
        }
    }
}
 ._BasicComponent_ {
     .basic-config-box {
         min-width: 1028 / @px-unit;
         height: 400 / @px-unit;
         .basic-left {
             min-width: 510 / @px-unit;
             padding-left: 40 / @px-unit;
        }
         .basic-right {
             min-width: 490 / @px-unit;
             .screen-size {
                 margin-left: 109 / @px-unit!important;
                 .ant-alert {
                     min-width: 264 / @px-unit;
                }
            }
        }
    }
}
 ._BroadcastComponent_ {
     .broadcasting-content {
         width: 100%;
         border: 1 / @px-unit solid @dividerColorNo9;
         .voice-content {
             .label-normal-container {
                 .label-normal-behind {
                     color: @disableColorNo7;
                }
            }
        }
         .m-lh-104 {
             height: 90 / @px-unit!important;
        }
         .regional-content{
             margin-left: 7.85714286rem!important;
        }
    }
}
 ._OtherComponent_ {
     .OtherSeting-box {
         min-width: 1055 / @px-unit;
         .m-minw-580 {
             min-width: 580 / @px-unit;
        }
    }
}
 ._ParkSpeedMeasureScreen_ {
     padding-left: 20 / @px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
     .title-box {
         padding-top: 24 / @px-unit;
         font-size: 14 / @px-unit;
         font-weight: 700;
    }
}
 ._RoadSafetyWarningScreen_ {
     padding-left: 20 / @px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
     .title-box {
         padding-top: 24 / @px-unit;
         font-size: 14 / @px-unit;
         font-weight: 700;
    }
}
 ._ViewScreen_ {
     @baseColor: #e1e1e1;
     @backgroundColor: #1f1f1f;
     @fontColor: #8c8c8c;
     @fontColor1: #de3937;
     @Length32: 32 / @px-unit;
    /* 坐标相关 */
     .coords-wrap {
         margin-top: 20 / @px-unit;
         margin-left: 20 / @px-unit;
    }
     .container {
         border-top: 0.07142857rem solid @baseColor;
         border-left: 0.07142857rem solid @baseColor;
         position: relative;
    }
     .coor-font {
         font-size: 12 / @px-unit;
         color: @fontColor;
    }
     .axis-x {
         height: 20 / @px-unit;
         line-height: 20 / @px-unit;
         position: absolute;
         right: -20 / @px-unit;
         top: -14 / @px-unit;
         font-size: 16 / @px-unit;
    }
     .axis-y {
         width: 20 / @px-unit;
         position: absolute;
         left: -6 / @px-unit;
         bottom: -30 / @px-unit;
         font-size: 16 / @px-unit;
    }
     .coordinate-x {
         position: absolute;
         height: 4 / @px-unit;
         left: 0;
         top: -4 / @px-unit;
         display: flex;
         justify-content: center;
         align-items: center;
    }
     .coordinate-y {
         position: absolute;
         width: 4 / @px-unit;
         top: 0;
         left: -4 / @px-unit;
         display: flex;
         flex-flow: column;
         justify-content: center;
         align-items: center;
         justify-content: flex-end;
    }
    /*X轴*/
     .container .cx {
         position: relative;
         display: inline-block;
         width: 28 / @px-unit;
         height: 4 / @px-unit;
    }
     .container .cx::after {
         content: '';
         position: absolute;
         right: 0;
         top: 0;
         height: 4 / @px-unit;
         border-right: 0.07142857rem solid rgb(225, 225, 225);
    }
     .container .cx .text {
         display: inline-block;
         width: 100%;
         text-align: center;
         display: flex;
         justify-content: center;
         align-items: center;
         position: relative;
         left: 50%;
         top: -16 / @px-unit;
         font-size: 12 / @px-unit;
         color: @fontColor;
    }
    /*Y轴*/
     .container .cy {
         position: relative;
         display: inline-block;
         height: 28 / @px-unit;
         width: 4 / @px-unit;
    }
     .container .cy::after {
         content: '';
         position: absolute;
         right: 0;
         bottom: 0;
         width: 4 / @px-unit;
         border-bottom: 0.07142857rem solid rgb(225, 225, 225);
    }
     .container .cy .text {
         display: inline-block;
         height: 100%;
         text-align: center;
         display: flex;
         justify-content: center;
         align-items: flex-end;
         position: relative;
         flex-flow: column;
         left: -8 / @px-unit;
         top: calc(43%);
         font-size: 12 / @px-unit;
         color: #8c8c8c;
         white-space: nowrap;
    }
    /* 屏相关 */
     .region-content {
         position: absolute;
         left: 28 / @px-unit;
         top: 28 / @px-unit;
         background: @backgroundColor;
         display: flex;
         justify-content: center;
         align-items: center;
         overflow: hidden;
    }
     [class^='view-region'] {
         display: flex;
         align-items: center;
         border: 0.07142857rem solid #1890ff;
         overflow: hidden;
    }
     [class^='view-region']::after {
         content: attr(data-name);
         font-size: 12 / @px-unit;
         position: absolute;
         top: 0;
         left: 0;
         color: #ffffff;
    }
     @keyframes Left {
         from {
             transform: translateX(100%);
        }
         to {
             transform: translateX(0);
        }
    }
     @keyframes Right {
         from {
             transform: translateX(-100%);
        }
         to {
             transform: translateX(0);
        }
    }
     @keyframes Top {
         from {
             transform: translateY(100%);
        }
         to {
             transform: translateY(0);
        }
    }
     @keyframes Bottom {
         from {
             transform: translateY(-100%);
        }
         to {
             transform: translateY(0);
        }
    }
     @keyframes twinkle {
         0% {
             opacity: 0;
        }
         100% {
             opacity: 1;
        }
    }
     .speed-screen {
         .speed-screen {
             display: flex;
             align-items: center;
             justify-content: center;
             height: 337 / @px-unit;
             user-select: none;
             width: 100%;
        }
         .speed-screen-img {
             height: 322 / @px-unit;
             width: 210 / @px-unit;
        }
         .speed-screen-max-speed {
             position: absolute;
             top: 22%;
             font-size: 54 / @px-unit;
             left: 115 / @px-unit;
             width: 100 / @px-unit;
             text-align: center;
        }
         .speed-screen-vehicle {
             position: absolute;
             width: 204 / @px-unit;
             line-height: 33 / @px-unit;
             height: 33 / @px-unit;
             background-color: #5a5a5a;
             display: flex;
             justify-content: center;
             align-items: center;
             top: 55%;
             color: @fontColor1;
             font-size: 23 / @px-unit;
             white-space: nowrap;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: 'nowrap';
             margin-left: 3 / @px-unit;
        }
         .speed-screen-current-speed {
             position: absolute;
             top: 78%;
             width: 102 / @px-unit;
             line-height: 60 / @px-unit;
             height: 60 / @px-unit;
             display: flex;
             justify-content: center;
             align-items: center;
             background-color: #5a5a5a;
             color: @fontColor1;
             font-size: 46 / @px-unit;
             left: 111 / @px-unit;
        }
    }
}
 ._AlysDefault_ {
     padding-left: 20 / @px-unit;
     .ant-alert {
         margin-bottom: 0 !important;
    }
}
 ._AreaTrafficCfg_ {
     padding-left: 20/@px-unit;
     width: 100%;
     display: flex;
     flex-wrap: wrap;
     .video-container {
         flex: 1;
         min-width: 720 / @px-unit;
         min-height: 488 / @px-unit;
         margin-right: 20 / @px-unit;
         .video-wrap {
             width: 100%;
             height: 0;
             padding-bottom: 67%;
             background: #1b1b1b;
        }
    }
     .content-container {
         width: 600 / @px-unit;
    }
     .custom-collapse {
         .ant-collapse-content-box, .ant-collapse-header {
             padding: 0;
        }
         .ant-collapse-item:not(:first-child) {
             margin-top: 15 / @px-unit;
        }
    }
     .protocolTiltle{
         font-size: 16/@px-unit;
         font-weight: bold;
    }
     .btn-selected {
         color: #1b30e5;
         border-color: #1b30e5;
         outline: #1b30e5 solid 0.07142857rem;
    }
     .area-wrap {
         padding-left: 1 / @px-unit;
         div:first-child {
             .label-normal-container {
                 padding-top: 1 / @px-unit !important;
            }
        }
         div:last-child {
             .label-normal-container {
                 padding-bottom: 0 !important;
            }
        }
    }
     .svg-help {
         vertical-align: middle;
    }
}
 ._BackUpConfig_ {
     padding-top: inherit;
}
 ._BinocularCalibrate_Guide_ {
     padding-left: 20/@px-unit;
}
 ._FusionCalibrate_Guide_ {
     padding-left: 20/@px-unit;
}
 ._GPSCalibrate_Guide_ {
     padding-left: 20/@px-unit;
}
 ._BinocularCameraGuide_ {
     @width: 100%;
     .guide-layout-header {
         .guide-layout-span {
             font-size: 18 / @px-unit;
             color: @secondNavBgColorNo13;
        }
    }
     .guide-content {
         width: @width;
         margin: 0 auto;
         height: auto;
         min-height: 680 / @px-unit;
        /* 固定高800 - 底部Footer组件的120 */
         background-color: @contentBgColorNo15;
         position: relative;
    }
     .ant-steps {
         width: 1344/ @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;
        }
    }
     .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;
    }