word-wrap: normal;
        }
    }
     .osdOption-region {
         width: 440/@px-unit;
         padding: 10/@px-unit;
         border-radius: 1/@px-unit;
         border: solid 1/@px-unit @grayBlackBorder;
         overflow-y:auto;
         button {
             width: 88/@px-unit;
             height: 32/@px-unit;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
             word-wrap: normal;
             background: #fff;
             border-radius: 2/@px-unit;
             border: solid 1/@px-unit @grayBlackBorder;
             span {
                 display: inline;
            }
        }
    }
}
 @Length180: 180/@px-unit;
 @Length46: 46/@px-unit;
 @Length48: 48/@px-unit;
 @Length68: 68/@px-unit;
 @Length80: 80/@px-unit;
 @Length100: 100/@px-unit;
 @Length112: 112/@px-unit;
 @Length120: 120/@px-unit;
 @Length150: 150/@px-unit;
 @Length280: 280/@px-unit;
 @Length340: 340/@px-unit;
 ._LocalImage_ {
     padding-left: 20/@px-unit;
     padding-top: 20/@px-unit;
     padding-right: 20/@px-unit;
     width: 100%;
     .detectImg {
         display: inline-block;
         width: 100%;
         height: @Length48;
         line-height: @Length48;
         text-align: center;
         background-color: @disableColorNo7;
         font-weight: bolder;
         span{
             display: inline-block;
             height: @Length48;
             line-height: 48/@px-unit;
             padding: 0 20/@px-unit;
             background: #fff;
             color: black;
             font-size: 20/@px-unit;
        }
    }
}
 ._MemoryCardPic_ {
     display: flex;
     width:100%;
     height: 100%;
     padding-right: 20/@px-unit;
     .left-bar {
         width: 256/@px-unit;
         flex: 0 0 256/@px-unit;
         .ant-collapse {
             border-top:0;
             border-left: 0;
        }
         .search-bar {
             .ant-input-number {
                 width: 100%;
            }
             .speed-item {
                 display: flex;
                 align-items: center;
                 &__ipt {
                     display: flex;
                     align-items: center;
                     margin-right: 3/@px-unit;
                }
                 &__sperator {
                     margin-left: 3/@px-unit;
                     margin-right: 3/@px-unit;
                }
            }
        }
         .picture-name {
             .name-rule {
                 line-height: 2.28571429rem;
            }
             .name-rule__content {
                 text-align: right;
            }
             .preview-name__content {
                 color:#aeacac 
            }
        }
    }
     .right-content {
         flex:1;
         width: 80%;
         min-width: 80%;
         padding-top: 10/@px-unit;
    }
     .table-list {
         padding: 0 10/@px-unit;
    }
     .button-groups {
         display: flex !important;
         width: 800/@px-unit;
    }
     .progress-wrap {
         line-height: 32/@px-unit;
    }
}
 .down-modal {
     .label-normal-wrapper{
         width: 280/@px-unit !important;
    }
     &__desc {
         font-weight: bolder;
    }
     .label-div-Container {
         padding-left: 10/@px-unit;
    }
}
 .link-video-time {
     .label-normal-wrapper {
         width: 150/@px-unit !important;
    }
}
 .help-tip {
     .box-wrap {
         width: 480/@px-unit;
         margin-bottom: 10/@px-unit;
         .title {
             font-weight: 600;
             padding: 0 5/@px-unit;
        }
         .content {
             display: flex;
             flex-wrap: wrap;
             padding: 10/@px-unit;
             .item {
                 width: 50%;
                 padding: 5/@px-unit 0;
                 display: flex;
                 align-items: center;
                 .name {
                     margin-right: 10/@px-unit;
                     width: 60/@px-unit;
                     padding-left: 10/@px-unit;
                     background-color: #f0f5ff;
                }
                 .text {
                     flex: 1;
                }
            }
        }
         .tips {
             color: #f00;
        }
    }
}
 ._CaptureLogComponent_, ._ParkingLogComponent_, ._ParkingAlarmLogComponent_, ._EntryAndExitLogComponent_, ._AlarmOutLogComponent_, ._PictureLogComponent_, ._RadarLogComponent_, ._StrobeLogComponent_, ._LockLogComponent_ {
     .blue-icon-color {
         color: @btnNormalColorNo1;
    }
     .ant-table-cell {
         word-break: keep-all;
    }
}
 ._CaptureLogComponent_ {
     .flexCenter {
         display: flex;
         justify-content: center;
    }
}
 .pictureLog-modal {
     .extend-button {
         display: flex;
         align-items: center;
         justify-content: center;
         color: @btnNormalColorNo1;
         margin-top: 0.71428571rem;
         cursor: pointer;
    }
     .name-table-flex{
         display: flex;
         justify-content: space-between;
    }
     .name-table-title{
         border: 0.07142857rem solid @listBorderColorNo8;
         background-color: @disableInputBgColorNo11;
         width: 100%;
         height: 40 / @px-unit;
         line-height: 40 / @px-unit;
         text-align: center;
    }
     .name-sub-title{
         width: 100%;
         border-bottom: 0.07142857rem solid @listBorderColorNo8;
         border-right: 0.07142857rem solid @listBorderColorNo8;
         border-left: 0.07142857rem solid @listBorderColorNo8;
         line-height: 25 / @px-unit;
         text-align: center;
    }
     .name-table-content {
         line-height: 40 / @px-unit;
         width: 50%;
         height: 40 / @px-unit;
         float: left;
         border: 0.07142857rem solid @listBorderColorNo8;
         border-top: none;
    }
     .name-table-text-sub{
         width: 50%;
         text-align: center;
         .m-text-ellipsis;
         float: left;
    }
     .pic-name-format {
         color:rgba(0, 0, 0, 0.25);
         background-color: #f5f5f5;
         border: 0.07142857rem solid #e8e8e8;
         box-shadow: none;
         cursor: pointer;
         opacity: 1;
         padding: 0.28571429rem 0.78571429rem;
         width: 55.00000000rem;
         height: auto;
         margin-bottom: 1.42857143rem;
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
    }
     .ant-modal-footer {
         border: none;
    }
}
 ._ParkingLotSearch_ {
     padding-left: 20/@px-unit;
     ._ParkingLotSearchComponent_ {
         .m-layout-content;
    }
     .flex-content{
         display: flex;
         align-items: center;
    }
     .table-action-bar{
         line-height: 40 / @font-size-normal;
         height: 40 / @font-size-normal;
         .left-bars{
             line-height: 40 / @font-size-normal;
             height: 40 / @font-size-normal;
             .button-groups{
                 line-height: 40 / @font-size-normal;
                 height: 40 / @font-size-normal;
            }
        }
    }
     .blue-icon-color {
         color: @btnNormalColorNo1;
    }
     .label-div-Container {
         margin-right: 3.57142857rem !important;
    }
     .ant-table {
         .ant-table-cell {
             word-break: normal;
             word-wrap: normal;
        }
    }
}
 ._ParkingRecordSearch_ {
     padding-left: 20/@px-unit;
     ._ParkingRecordSearchComponent_ {
         .m-layout-content;
    }
     .flex-content{
         display: flex;
         align-items: center;
    }
     .table-action-bar{
         line-height: 40 / @font-size-normal;
         height: 40 / @font-size-normal;
         .left-bars{
             line-height: 40 / @font-size-normal;
             height: 40 / @font-size-normal;
             .button-groups{
                 line-height: 40 / @font-size-normal;
                 height: 40 / @font-size-normal;
            }
        }
    }
     .blue-icon-color {
         color: @btnNormalColorNo1;
    }
     .ant-table {
         .ant-table-cell {
             word-break: normal;
             word-wrap: normal;
        }
    }
}
 ._PedestrianFlow_ {
     width: 100%;
     padding: 0 10/@px-unit;
     .search-bar {
         margin: 10/@px-unit 0;
    }
}
 ._PictureLocal_ {
     .m-layout-content;
     width: 100%;
     .table-action-bar{
         line-height: 40 / @font-size-normal;
         height: 40 / @font-size-normal;
         .left-bars{
             line-height: 40 / @font-size-normal;
             height: 40 / @font-size-normal;
             .button-groups{
                 line-height: 40 / @font-size-normal;
                 height: 40 / @font-size-normal;
            }
        }
    }
     .label-div-Container {
         margin-right: 3.57142857rem !important;
    }
     .ant-table {
         .ant-table-cell {
             word-break: normal;
             word-wrap: normal;
        }
    }
}
 ._PictureSdCard_ {
     .m-layout-content;
     width: 100%;
     .flex-content {
         display: flex;
         align-items: center;
         flex-wrap: wrap;
    }
     .search-result-button-list {
         border-top: 0.07142857rem solid @dividerColorNo9;
         margin-top: 10 / @font-size-normal;
         margin-right: 20 / @font-size-normal;
         padding-top: 10 / @font-size-normal;
    }
     .table-action-bar{
         line-height: 40 / @font-size-normal;
         height: 40 / @font-size-normal;
         .left-bars{
             line-height: 40 / @font-size-normal;
             height: 40 / @font-size-normal;
             .button-groups{
                 line-height: 40 / @font-size-normal;
                 height: 40 / @font-size-normal;
            }
        }
    }
     .blue-icon-color {
         color: @btnNormalColorNo1;
    }
     .label-div-Container {
         .label-normal {
             min-width: 7.71428571rem;
        }
    }
     .ant-table {
         .ant-table-cell {
             word-break: normal;
             word-wrap: normal;
        }
    }
     .behind-ipt {
         .label-normal-wrapper,.label-div-Container,.label-normal-container {
             width:100% !important;
        }
    }
     .speed-item {
         display: flex;
         align-items: center;
         .speed-ipt {
             display: flex;
             align-items: center;
             margin-left: 5/@px-unit;
             .desc {
                 flex: 1;
            }
             .ant-input {
                 flex: 0 0 120/@px-unit;
            }
             .end {
                 margin-right: 5 /@px-unit;
            }
        }
         .speed-sperator {
             margin-left: 3/@px-unit;
        }
    }
     .plate-item {
         display: flex;
         align-items: center;
         flex: 0 0 400/@px-unit;
         .desc {
             margin-left: 5/@px-unit;
             flex: 0 0 100/@px-unit;
        }
         .plate-select {
             flex: 0 0 80/@px-unit;
             margin-right: 5/@px-unit;
        }
         .plate-ipt {
             flex:1;
        }
    }
     .search-item {
         margin-left: 20 / @px-unit;
    }
}
 .picture-modal {
     .extend-button {
         display: flex;
         align-items: center;
         justify-content: center;
         color: @btnNormalColorNo1;
         margin-top: 0.71428571rem;
         cursor: pointer;
    }
     .name-border {
         margin-left: 90 / @font-size-normal;
         display: flex;
         align-items: center;
    }
     .name-border-content {
         color: @disableColorNo7;
    }
     .name-text {
         margin-left: 10 / @font-size-normal;
    }
     .name-table-title-content{
         display: flex;
         justify-content: space-between;
    }
     .name-table-flex {
         display: flex;
         align-items: center;
         justify-content: center;
    }
     .name-table-title{
         border: 0.07142857rem solid @listBorderColorNo8;
         background-color: @disableInputBgColorNo11;
         width: 100%;
         height: 40 / @font-size-normal;
         line-height: 40 / @font-size-normal;
    }
     .name-sub-title{
         width: 100%;
         border-bottom: 0.07142857rem solid @listBorderColorNo8;
         border-right: 0.07142857rem solid @listBorderColorNo8;
         border-left: 0.07142857rem solid @listBorderColorNo8;
         line-height: 25 / @font-size-normal;
    }
     .name-table-content {
         line-height: 40 / @font-size-normal;
         width: 50%;
         height: 40 / @font-size-normal;
    }
     .name-table-text {
         border-bottom: 0.07142857rem solid @listBorderColorNo8;
         border-right: 0.07142857rem solid @listBorderColorNo8;
         border-left: 0.07142857rem solid @listBorderColorNo8;
         width: 50%;
         line-height: 40 / @font-size-normal;
         height: 40 / @font-size-normal;
    }
     .name-table-text-sub{
         width: 50%;
         text-align: center;
         .m-text-ellipsis;
    }
     .ftp-format-name {
         color:rgba(0, 0, 0, 0.25);
         background-color: #f5f5f5;
         border: 0.07142857rem solid #e8e8e8;
         box-shadow: none;
         cursor: pointer;
         opacity: 1;
         padding: 0.28571429rem 0.78571429rem;
         width: 55.00000000rem;
         height: auto;
         margin-bottom: 1.42857143rem;
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
    }
     .ant-modal-footer {
         border: none;
    }
     .record-prompt-modal.ant-modal {
         .ant-modal-confirm-btns .ant-btn {
             float: none;
        }
    }
}
 ._TrafficFlowSearch_ {
     width: 100%;
     padding: 0 10/@px-unit;
     .search-bar {
         margin: 10/@px-unit 0;
    }
     .detail-info {
         width:100%;
         margin-top: 40/@px-unit;
         padding: 15/@px-unit;
         border: 0.07142857rem solid @listBorderColorNo8;
         background: #eee;
         .title {
             font-weight: bold;
        }
    }
}
 ._RatioFlowSearchPage_ {
     width: 100%;
     padding: 0 10 / @px-unit;
     .search-bar {
         margin: 10 / @px-unit 0;
    }
     .flex-content {
         display: flex;
         align-items: center;
    }
     .detail-info {
         width: 100%;
         margin-top: 40 / @px-unit;
         padding: 15 / @px-unit;
         border: 0.07142857rem solid @listBorderColorNo8;
         background: #eee;
         .title {
             font-weight: bold;
        }
    }
     .search-divider {
         margin: 10 / @px-unit 0 20 / @px-unit 0;
    }
}
 ._RecordSearch_ {
     .m-layout-content;
     .video-plugin {
         width: 720 / @px-unit;
         height: 340 / @px-unit;
         background-color: #000;
         display: inline-block;
    }
     .video-slider-container {
         width: 720 / @px-unit;
    }
     .video-record-icon-container{
         display: flex;
         align-items: center;
         line-height: 40 / @px-unit;
         justify-content: space-between;
         background-color: #e8eaeb;
         margin-top: -6/@px-unit;
         padding: 0 5/@px-unit;
         .left{
             width:250/@px-unit;
             margin-top: 5 / @px-unit;
             .anticon{
                 margin-right: 16/@px-unit;
                 font-size: 24/@px-unit;
                 &:hover{
                     color: @btnNormalColorNo1;
                }
            }
        }
         .right{
             flex:1;
             display:flex;
             justify-content: flex-end;
             align-items: center;
             .active{
                 color: @btnNormalColorNo1;
            }
             .anticon{
                 margin-right: 16/@px-unit;
                 font-size: 24/@px-unit;
                 &:hover{
                     color: @btnNormalColorNo1;
                }
            }
        }
         .itemDetail {
             line-height: 2;
             color: black;
             background: @homePageNo1;
             border-radius: 10/@px-unit;
             padding: 1/@px-unit 12/@px-unit;
             margin: 0 8/@px-unit 0 -8/@px-unit;
             max-width: 202/@px-unit;
             span {
                 margin-right: 20/@px-unit;
                 position: relative;
                 cursor: pointer;
                 .anticon {
                     margin:0;
                }
            }
        }
    }
     .label-div-Container {
         margin-right: 3.57142857rem !important;
         .label-normal {
             min-width: 10.71428571rem;
        }
    }
}
 ._RecordWaterMark_ {
     .m-layout-content;
     .record-water-content{
         display: flex;
    }
     .label-div-Container {
         margin-right: 3.57142857rem !important;
         .label-normal {
             min-width: 10.71428571rem;
        }
    }
}
 ._SnapShotRecordSearch_, ._SnapShotRecordSearchComponent_ {
     padding-left: 20/@px-unit;
     ._SnapShotRecordSearchComponent_ {
         .m-layout-content;
    }
     width: 100%;
     .flex-content {
         display: flex;
         align-items: center;
    }
     .table-action-bar{
         line-height: 40 / @font-size-normal;
         height: 40 / @font-size-normal;
         .left-bars{
             line-height: 40 / @font-size-normal;
             height: 40 / @font-size-normal;
             .button-groups{
                 line-height: 40 / @font-size-normal;
                 height: 40 / @font-size-normal;
            }
        }
    }
     .blue-icon-color {
         color: @btnNormalColorNo1;
    }
     .label-div-Container {
         margin-right: 3.57142857rem !important;
    }
     .ant-table {
         .ant-table-cell {
             word-break: normal;
             word-wrap: normal;
        }
    }
}
 ._StrobeRadarRecSearch_ {
     padding-left: 20/@px-unit;
     .flex-content {
         display: flex;
         align-items: center;
    }
     .table-action-bar{
         line-height: 40 / @font-size-normal;
         height: 40 / @font-size-normal;
         .left-bars{
             line-height: 40 / @font-size-normal;
             height: 40 / @font-size-normal;
             .button-groups{
                 line-height: 40 / @font-size-normal;
                 height: 40 / @font-size-normal;
            }
        }
    }
     .blue-icon-color {
         color: @btnNormalColorNo1;
    }
     .label-div-Container {
         margin-right: 3.57142857rem !important;
    }
     .ant-table {
         .ant-table-cell {
             word-break: normal;
             word-wrap: normal;
        }
    }
}
 ._StrobeRecSearch_ {
     padding-left: 20/@px-unit;
     .flex-content {
         display: flex;
         align-items: center;
    }
     .table-action-bar{
         line-height: 40 / @font-size-normal;
         height: 40 / @font-size-normal;
         .left-bars{
             line-height: 40 / @font-size-normal;
             height: 40 / @font-size-normal;
             .button-groups{
                 line-height: 40 / @font-size-normal;
                 height: 40 / @font-size-normal;
            }
        }
    }
     .blue-icon-color {
         color: @btnNormalColorNo1;
    }
     .label-div-Container {
         margin-right: 3.57142857rem !important;
    }
     .ant-table {
         .ant-table-cell {
             word-break: normal;
             word-wrap: normal;
        }
    }
}
 ._TrafficFlowSearch_ {
     width: 100%;
     padding: 0 10/@px-unit;
     .search-bar {
         margin: 10/@px-unit 0;
    }
     .detail-info {
         width:100%;
         margin-top: 40/@px-unit;
         padding: 15/@px-unit;
         border: 0.07142857rem solid @listBorderColorNo8;
         background: #eee;
         .title {
             font-weight: bold;
        }
    }
}
 ._TrafficInstantFlowSearch_ {
     width: 100%;
     padding: 0 10 / @px-unit;
     .search-bar {
         margin: 10 / @px-unit 0;
    }
     .flex-content {
         display: flex;
         align-items: center;
    }
     .detail-info {
         width: 100%;
         margin-top: 40 / @px-unit;
         padding: 15 / @px-unit;
         border: 0.07142857rem solid @listBorderColorNo8;
         background: #eee;
         .title {
             font-weight: bold;
        }
    }
     .search-divider {
         margin: 10 / @px-unit 0 20 / @px-unit 0;
    }
}
 ._TrafficInstantFlowSearchForITSE_ {
     padding-left: 20 / @px-unit;
     min-height: 61.42857143rem;
     width: 100%;
     .ant-spin-nested-loading {
         width: 100%;
    }
     .ant-table {
         border: none;
    }
     .non-click {
         pointer-events: none;
         color: @disableColorNo7 !important;
    }
}
 ._SignalMachinePage_ {
     padding-left: 20/@px-unit;
}
 ._SignalEffectEvaluate_ {
     padding-left: 20/@px-unit;
     .ant-tag {
         width: 50/@px-unit;
    }
     .ant-tag-checkable {
         border: 0.14285714rem/@px-unit solid @disableInputBgColorNo11;
         border-radius: 5/@px-unit;
    }
     ._SignalEffectEvaluateCharts_ {
         margin-top: 20/@px-unit;
         height: 200/@px-unit;
         .ant-row{
             margin-top: 20/@px-unit;
        }
         ._SignalEffectEvaluatePolar_, ._SignalEffectEvaluateLine_ {
             #polarBar1, #polarBar2, #polarBar3 {
                 width: 100%;
                 height: 200/@px-unit;
            }
             #line1, #line2, #line3 {
                 width: 100%;
                 height: 200/@px-unit;
            }
        }
    }
}
 ._SnapOSD_ {
     .fn-marr10 {
         margin-right: 0.71428571rem;
    }
     .SnapOSDSortWrap {
         padding: 0.71428571rem;
         margin-top:0.71428571rem;
         background: #f0f2f5;
    }
     .suggestBtn {
         float: right;
         color: #1890ff;
         cursor: pointer 
    }
     .fn-left {
         float: left;
    }
     .labelSelect-behind-dark {
         display: block;
         padding: 0.00000000rem;
    }
     .osdTipButton [type="button"] {
         width: 100%;
         padding: 0.00000000rem;
         span {
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
             word-wrap: normal;
             display:block;
        }
    }
}
 .sortableItems {
     overflow: hidden;
     zoom:1;
     min-height: 17.85714286rem;
     margin-top: 0.71428571rem;
     .osd_move {
         min-width: 5.71428571rem;
         height: 2.14285714rem;
         border: 0.07142857rem #fff dashed;
         text-align: center;
         line-height: 1.92857143rem;
         background: #5D6E7E;
         color: #fff;
         cursor: move;
         overflow: hidden;
         margin-left: 0.71428571rem;
         float: left;
         border-radius: 0.28571429rem;
         margin-top: 0.71428571rem;
    }
}
 .videoSortableItems {
     width:30.71428571rem;
     background-color: #000;
     min-height: 0;
     margin: 0;
     .osd_move {
         margin-left: 0.35714286rem;
    }
}
 .SnapOSDList {
     width: 30.00000000rem;
     padding: 0.71428571rem;
     background: #fff;
     .ant-checkbox-group-item {
         width: 8.57142857rem;
         margin-top: 0.71428571rem;
    }
     .ant-btn {
         width: 6.42857143rem;
         margin-top: 0.71428571rem;
         margin-right: 0.71428571rem;
         padding: 0.00000000rem;
    }
     .labelText span {
         display: initial;
    }
}
 ._SpeedWarningDef_ {
     padding-left: 20/@px-unit;
     width: 100%;
}
 ._StateConfig_ {
     padding-top: inherit;
     padding-top: 2.14285714rem;
     padding-left: 2.28571429rem;
     min-height: 61.42857143rem;
     .container{
         .list{
             padding: 0.28571429rem 0;
             color: @textColorNo5;
             & .list-alert{
                 color: @errorColorNo17;
                 margin-left: 0.35714286rem;
            }
        }
    }
}
 ._FTPStorageNameTable_ {
     position: relative;
     .ant-table-thead {
         border-top: none;
    }
     .bottom-pagination {
         border-top: 0.07142857rem solid @listBorderColorNo8;
    }
     .anticon {
         color: inherit;
    }
     .anticon-disabled {
         color: grey;
         cursor: not-allowed;
    }
     i {
         cursor: pointer;
         &:hover {
             color: @btnNormalColorNo1;
        }
    }
     tr.ant-table-row-selected > td {
         background-color: inherit;
    }
     .ant-table-cell {
         border-left: none;
         border-top: none;
         border-bottom-color: rgb(231, 231, 231);
         border-right-color: rgb(231, 231, 231);
    }
}
 ._CameraFtpConfig_ {
     padding-left: 20/@px-unit;
     width: 100%;
     .table-div {
         text-align: center;
         overflow-y: scroll;
         max-height: 500/@px-unit;
    }
     .tabel-box {
         border: 1/@px-unit solid #C8C8C8;
         table-layout: fixed;
         width: 100%;
         border-collapse: collapse;
    }
     tr th, td {
         border: 0.07142857rem solid #C8C8C8;
         height: 30/@px-unit;
         overflow: hidden;
         margin: auto 0;
    }
     .Tabpadding {
         padding-top: 20/@px-unit;
    }
     .ant-tabs {
         height: auto;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .blank-th {
         width: 17/@px-unit;
         border-left-width: 0;
    }
     .directory_wrap {
         .label-normal-behind {
             .label-normal-container {
                 padding-top: 0 !important;
                 padding-bottom: 0 !important;
                 .label-normal-wrapper {
                     width: 100 / @px-unit !important;
                }
            }
        }
    }
}
 ._FtpSetConfig_ {
     width: 100%;
     .table-div{
         text-align: center;
    }
     .ftp-format-name {
         color:rgba(0, 0, 0, 0.25);
         background-color: #f5f5f5;
         border: 0.07142857rem solid #e8e8e8;
         box-shadow: none;
         opacity: 1;
         padding: 0.28571429rem 0.78571429rem;
         width: 42.85714286rem;
         margin-bottom: 1.42857143rem;
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
    }
     .tabel-box{
         border: 0.07142857rem solid #C8C8C8;
         table-layout:fixed;
         width: 100%;
         border-collapse:collapse;
    }
     tr th,td {
         border: 0.07142857rem solid #C8C8C8;
         height: 2.14285714rem;
         width: 9.64285714rem;
         overflow: hidden;
         margin:auto 0;
    }
}
 ._DrawerContentComponent_ {
     padding-top: 0;
     .ant-collapse {
         .ant-collapse-item {
             .ant-collapse-header {
                 padding: 16 / @px-unit;
            }
             .ant-collapse-content {
                 fieldset {
                     border: 1/ @px-unit solid #d9d9d9;
                }
                 .label-normal-wrapper {
                     .ant-input-number {
                         width: 100%;
                    }
                }
            }
        }
    }
}
 ._ITSEFtp_ {
     padding-left: 20 / @px-unit;
     padding-right: 20 / @px-unit;
     width: 100%;
     .operation {
         margin-bottom: 2.14285714rem;
    }
     .labelNumberArea-numberInput {
         width: 47% !important;
    }
     .table-div {
         text-align: center;
    }
     .table-content {
         overflow-y: scroll;
         height: 500 / @px-unit;
    }
     .table-content-YD {
         height: 200 / @px-unit;
    }
     .table-content::-webkit-scrollbar {
         width: 1 / @px-unit;
    }
     .table-content::-webkit-scrollbar-thumb {
         border-radius: 10 / @px-unit;
         background: @disableColorNo7;
    }
     .table-content::-webkit-scrollbar-track {
         border-radius: 0;
         background: @listBorderColorNo8;
    }
     .tabel-box-title {
         border-top: 0.07142857rem solid #c8c8c8;
         border-right: 0.07142857rem solid #c8c8c8;
         border-left: 0.07142857rem solid #c8c8c8;
         table-layout: fixed;
         overflow-y: scroll;
         width: 100%;
         border-collapse: collapse;
         tr th, td {
             border: 0.07142857rem solid #c8c8c8;
             height: 30 / @px-unit;
             width: 5.71428571rem;
             overflow: hidden;
             margin: auto 0;
        }
    }
     .tabel-box {
         border: 0.07142857rem solid #c8c8c8;
         table-layout: fixed;
         width: 100%;
         border-collapse: collapse;
         tr th, td {
             border: 0.07142857rem solid #c8c8c8;
             height: 30 / @px-unit;
             width: 5.71428571rem;
             overflow: hidden;
             margin: auto 0;
        }
    }
     .ftp-title-bg {
         background-color: @panelBackgroundColor;
    }
     .Tabpadding {
         padding-top: 20 / @px-unit;
    }
     .flex-content {
         display: flex;
         align-items: center;
         border-bottom: 0.07142857rem solid @homePageNo3;
         margin-top: 20 / @px-unit;
    }
     .ftp-title {
         padding: 8 / @px-unit 16 / @px-unit;
         border: 0.07142857rem solid @homePageNo3;
         background: @panelBackgroundColor;
         border-radius: 2 / @px-unit 2 / @px-unit 0 0;
         cursor: pointer;
    }
     .ftp-title-active {
         background: @secondNavBgColorNo13;
         color: @btnNormalColorNo1;
         text-shadow: 0 0 0.01785714rem currentcolor;
    }
     .ant-tabs {
         height: auto;
    }
     .upload-box {
         width: 600 / @px-unit;
         height: 42 / @px-unit;
         background-color: @panelBackgroundColor;
         border: 0.07142857rem solid @inputBorderColorNo10;
         align-items: center;
    }
     .upload-box-content {
         width: 600 / @px-unit;
         height: 42 / @px-unit;
         align-items: center;
         border-bottom: 0.07142857rem solid @inputBorderColorNo10;
         border-left: 0.07142857rem solid @inputBorderColorNo10;
         border-right: 0.07142857rem solid @inputBorderColorNo10;
    }
     .upload-content-title {
         width: 50%;
         line-height: 42 / @px-unit;
    }
     .left-title {
         border-right: 0.07142857rem solid @inputBorderColorNo10;
         padding-left: 20 / @px-unit;
         font-weight: 500;
    }
     .right-title {
         padding-left: 20 / @px-unit;
         font-weight: 500;
    }
     .flex-flow {
         display: flex;
    }
     .flex-box2 {
         width: 400 / @px-unit;
    }
     .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;
             display: flex;
             align-items: center;
             height: 48 / @px-unit;
             background-color: @panelBackgroundColor;
        }
         .title {
             font-weight: bold;
             width: 100%;
        }
         .container {
             padding: 14 / @px-unit 32 / @px-unit 0;
             width: 100%;
        }
         .sub-container {
             padding: 14 / @px-unit;
             width: 100%;
             overflow-y: auto;
             max-height: 172 / @px-unit;
             position: relative;
        }
    }
     .time-tip {
         color: @errorColorNo17;
    }
}
 .advance-download-name-modal {
     .ant-modal-body {
         padding: 0 24 / @px-unit 24 / @px-unit;
    }
     .content-tip {
         color: @errorColorNo17;
    }
     .flex-content {
         display: flex;
         align-items: center;
    }
     .flex-flow {
         display: flex;
    }
     .flex-box2 {
         width: 480 / @px-unit;
    }
}
 ._VspOsdComponent_ {
     padding-top: inherit;
     .sort-region {
         width: 440/@px-unit;
         height: 250/@px-unit;
         padding: 10/@px-unit;
         background: @grayBlack;
         overflow-y:auto;
         border-radius: 1/@px-unit;
         border: solid 1/@px-unit @grayBlackBorder;
         .OSDitem-move {
             width: 88/@px-unit;
             height: 32/@px-unit;
             border: solid 1/@px-unit @grayBlackBorder;
             text-align: center;
             line-height: 27/@px-unit;
             background: #fff;
             cursor: move;
             margin-left: 10/@px-unit;
             float: left;
             border-radius: 2/@px-unit;
             margin-top: 10/@px-unit;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
             word-wrap: normal;
        }
    }
     .osdOption-region {
         width: 440/@px-unit;
         padding: 10/@px-unit;
         border-radius: 1/@px-unit;
         border: solid 1/@px-unit @grayBlackBorder;
         overflow-y:auto;
         button {
             width: 88/@px-unit;
             height: 32/@px-unit;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
             word-wrap: normal;
             background: #fff;
             border-radius: 2/@px-unit;
             border: solid 1/@px-unit @grayBlackBorder;
             span {
                 display: inline;
            }
        }
    }
}
 ._ItseStorage_ {
     padding-left: 20 / @px-unit;
     width: 100%;
     .picContainer {
         overflow: hidden;
         .label-v4-version {
             float: left;
             padding-right: 2rem;
        }
    }
     .none-selected-row {
         background-color: transparent !important;
    }
     .selected-item {
         background: #e7f1fe !important;
         td {
             background: #e7f1fe !important;
        }
    }
     .hoverd-row {
         td {
             background: #f3f3f3 !important;
        }
    }
     .even-device {
         background: #f7f8fa;
    }
     .error-state-span {
         color: @errorColorNo17 !important;
    }
     .normal-state-span {
         color: @textColorNo5;
    }
}
 ._LocalConfig_ {
     background: @baseColor;
     .m-p-16;
     width: 100%;
     min-height: 100%;
     .operation {
         width:400 / @px-unit;
    }
     .ftp-format-name {
         color:rgba(0, 0, 0, 0.25);
         background-color: #f5f5f5;
         border: 0.07142857rem solid #e8e8e8;
         box-shadow: none;
         cursor: pointer;
         opacity: 1;
         padding: 0 0.78571429rem;
         height: 2.28571429rem;
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
    }
}
 ._LocalStorage_ {
     padding-top: inherit;
     width: 100%;
}
 ._MECStorageManage_ {
     width: 100%;
     padding-left: 20/@px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
     .box{
         width: 800 /@px-unit;
         .item{
             float: left;
             width: 400 /@px-unit;
        }
    }
}
 ._PlatformServer_ {
     padding-top: inherit;
     width: 100%;
     .LabelIP-container {
         margin: 0;
    }
     .radio-group {
         width: 21.42857143rem;
    }
     .ant-input[disabled] {
         background: #fff;
    }
     ._RL30margin{
         display: inline-block;
         width: 5.2rem;
         text-align: left;
    }
     .address-wrap{
         background-size: 18/@px-unit 18/@px-unit;
         background-image: url(/static/media/mac.3d0297d4.png);
         background-repeat: no-repeat;
         background-position-y: center;
         .Addresses,.ClientID{
             margin-left: 19/@px-unit;
        }
    }
     .ant-select-selection-item{
         .Addresses,.ClientID{
             display: none;
             .title{
                 display: none;
            }
        }
    }
     .Addresses{
         .ant-select-selection-item{
             .Addresses{
                 display: inline;
            }
        }
    }
     .ClientID{
         .ant-select-selection-item{
             .ClientID{
                 display: inline;
            }
        }
    }
}
 .ant-select-dropdown{
     .address-wrap{
         background-size: 36/@px-unit 36/@px-unit;
         background-image: url(/static/media/mac.3d0297d4.png);
         background-repeat: no-repeat;
         background-position-y: center;
         font-size: 10/@px-unit;
         .Addresses,.ClientID{
             margin-left: 38/@px-unit;
        }
    }
}
 ._RecordConfig_ {
     padding-left: 20/@px-unit;
     width: 100%;
}
 ._RecordPlan_ {
     padding-left: 20/@px-unit;
     width: 100%;
}
 ._SIGNALStorageManage_ {
     width: 100%;
     padding-left: 20/@px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
}
 ._SmartInfoConfig_ {
     padding-left: 20/@px-unit;
     width: 100%;
     .resolution{
         overflow: hidden;
         .label-v4-version {
             float: left;
        }
    }
}
 ._SnapShotConfig_ {
     padding: 20/@px-unit;
     width: 100%;
}
 ._StoragePointConfig_ {
     padding-left: 20/@px-unit;
     width: 100%;
}
 ._UploadFtp_ {
     padding-left: 20/@px-unit;
     .flex-content{
         display: inline-flex;
         align-items: center;
    }
     .upload-text-success{
         color: @successColorNo19;
    }
     .upload-text-failed {
         color: @errorColorNo17;
    }
}
 ._StoragePoint_ {
     padding-top: inherit;
}
 ._InfoLocation_ {
     padding-left: 20/@px-unit;
}
 ._PeripheralVersion_ {
     width: 100%;
     padding-left: 20/@px-unit;
}
 ._InfoVersion_ {
     padding-left: 20/@px-unit;
     width: 100%;
     .infoVersion-min-height{
         min-height: 860/@px-unit;
    }
     .container {
         .list {
             padding: 0.28571429rem 0;
             color: @textColorNo5;
             width: 100%;
             & .list-alert {
                 color: @errorColorNo17;
                 margin-left: 0.35714286rem;
            }
        }
         .flex-list{
             display: inline-flex;
        }
         .cursor {
             cursor: pointer;
        }
    }
     .info-sys-version-text {
         color: @linkColorNo20;
    }
     .container-wrap {
         display: flex;
         .right-wrap {
             margin-left: 20 / @px-unit;
        }
    }
}
 ._SoftwareLicense_ {
     width: 100%;
     padding-left: 20 / @px-unit;
     height: calc(100vh - 6.57142857rem);
     .fn-marr10 {
         margin-right: 0.71428571rem;
    }
     .ant-divider-horizontal {
         margin: 0.00000000rem 0.00000000rem 1.07142857rem -0.42857143rem;
    }
     .ant-form-item {
         margin-bottom: 0.57142857rem;
    }
     .ant-card-body {
         padding: 1.28571429rem 0 0.57142857rem 2.28571429rem !important;
         .ant-checkbox-group {
             margin-bottom: 0.35714286rem;
        }
    }
     .m-info-content {
         height: 650 / @font-size-normal;
         padding: 0.00000000rem;
    }
     .m-info-content iframe {
         background-color: rgb(255, 255, 255);
         border: 0.07142857rem solid rgb(255, 255, 255);
         width: 100%;
         height: 100%;
         vertical-align: text-bottom;
         pre {
             white-space: 'pre-wrap';
             word-wrap: 'break-word';
        }
    }
}
 ._OnlineUser_ {
     padding-left: 20/@px-unit;
     min-height: 61.42857143rem;
     width: 100%;
     .ant-spin-nested-loading {
         width: 100%;
    }
}
 ._SysLogConfig_ {
     padding-left: 20/@px-unit;
}
 ._RemoteLog_ {
     padding-top: inherit;
     width: 100%;
}
 ._SysLog_ {
     padding-top: inherit;
     width: 100%;
     ._RL30margin{
         margin: 0 2.14285714rem;
    }
     .logBody{
         .row{
             margin: 1.42857143rem 0 
        }
         .th, td {
             width: 15% 
        }
         .logTextDeatil{
             word-break: break-all;
        }
    }
     .label-div-Container {
         margin-right: 3.57142857rem !important;
    }
}
 ._WorkStateConfig_ {
     padding-left: 20/@px-unit;
     width: 100%;
}
 ._DeviceMaintain_ {
     background: @contentBgColorNo15;
     min-height: calc(100vh - 7.14285714rem);
     padding: 0 1.14285714rem;
     width: 100%;
}
 .ant-tabs {
     height: 100%;
     .ant-tabs-content {
         height: 100%;
    }
     .ant-tabs-tabpane {
         height: calc(100% - 4.28571429rem);
    }
}
 .auto-flex {
     display: flex;
}
 .ant-alert {
     width: fit-content;
     min-width: 42.85714286rem;
}
 ._AutoMaintain_ {
     width: 100%;
     .ant-alert {
         float: left;
         width: fit-content;
         margin: 0;
         min-width: 64.28571429rem;
    }
}
 .fully-default-modal {
     .content-row {
         margin: 0 1.14285714rem 1.14285714rem 1.14285714rem;
    }
     .default-flex {
         display: flex;
         align-items: center;
         justify-content: center;
    }
     .default-title-icon {
         color: @warnColorNo18;
         height: 1.71428571rem;
         width: 1.71428571rem;
    }
}
 ._CloudUpgradeConfig_ {
     width: 100%;
}
 .defaultConfig-desc{
     margin-top: 10/@px-unit;
     display: flex;
     align-items: center;
     .desc-label {
         margin-left: 40/@px-unit;
         width:120/@px-unit;
    }
     .desc-ipt {
         flex:1 
    }
}
 ._DefaultConfig_ {
     width: 100%;
     .flex-content{
         display: flex;
    }
}
 ._GeneralLocal_ {
     width: 100%;
}
 ._GeneralTime_ {
     width: 100%;
     padding-top: inherit;
     .labelSelect-behind-dark {
         padding: 0 
    }
     .general-style {
         border: 0.07142857rem solid @listBorderColorNo8;
         .m-mb-15;
         .general-content {
             .ant-table-thead;
             .m-pl-15;
        }
    }
     .general-title {
         .m-form-title;
         .m-fw-bold;
         .m-layout-item;
         .m-pl-15;
    }
     .time-week {
         .label-normal-container {
             padding: 0 !important;
        }
         .label-v4-version {
             float: left;
        }
    }
     .behindCheckBox .label-normal-container {
         padding-top: 0 !important;
    }
     .general-behind {
         .label-div-Container {
             .label-normal-container {
                 padding-top: 0 !important;
            }
        }
    }
     .data_custom {
         .ant-picker-year-btn, .ant-picker-header-super-next-btn, .ant-picker-header-super-prev-btn {
             display: none !important;
        }
    }
}
 ._GeneralConfig_ {
     padding-top: inherit;
     padding-left: 20 / @px-unit;
}
 ._SystemUpgrade_ {
     background: @contentBgColorNo15;
     min-height: calc(100vh - 7.14285714rem);
     padding: 0 1.14285714rem;
     width: 100%;
     .ant-tabs {
         height: 100%;
         .ant-tabs-content {
             height: 100%;
        }
         .ant-tabs-tabpane {
             height: calc(100% - 4.28571429rem);
        }
    }
     .border-row {
         border: 0.07142857rem solid @dividerColorNo9;
         margin-bottom: 1.14285714rem;
    }
     .row-title {
         display: inline-flex;
         align-items: center;
         border-bottom: 0.07142857rem solid @dividerColorNo9;
         font-weight: bolder;
         width: 100%;
         padding: 0.42857143rem 1.14285714rem 0.42857143rem 1.00000000rem;
    }
     .content-row{
         margin-bottom: 1.14285714rem;
    }
}
 ._SystemUpgrade_ {
     .main-row{
         padding: 1.42857143rem 2.28571429rem 1.42857143rem 2.14285714rem;
         .fileInput .fileLabel {
             text-align: left;
        }
    }
     .height3r {
         height: 3.42857143rem;
         line-height: 3.42857143rem;
    }
     .tip {
         color: red;
         font-weight: 700;
    }
     .newversion-info {
         padding: 0.71428571rem 1.42857143rem;
         height: 18.00000000rem;
         border: 0.07142857rem solid #e8e8e8;
    }
     .updatenowbtn {
         float: right;
         margin: 1.07142857rem;
    }
     .fn-mart10{
         margin-left: 1.14285714rem;
    }
     .handle-button {
         margin-right: 0.71428571rem;
    }
     .cloudupgrade {
         .noted {
             color: #1890FF;
        }
    }
     .autocheck {
         min-width: 17.85714286rem;
         .label-normal-wrapper {
             width: 7.14285714rem !important;
        }
    }
     .systemversion {
         min-width: 32.14285714rem;
         .label-normal-wrapper {
             width: 22.14285714rem !important;
        }
    }
}
 .fully-default-modal{
     .content-row {
         margin: 0 1.14285714rem 1.14285714rem 1.14285714rem;
    }
}
 .upgrade-modal {
     .ant-modal-body {
         padding: 1.14285714rem 3.57142857rem;
    }
     .num-content {
         .ant-row {
             height: 3rem;
             line-height: 3rem;
        }
    }
     .progress-wrap {
         padding: 1.42857143rem 0;
    }
}
 ._User_, ._UserGroup_, ._OnvifUser_, ._ClearUser_ {
     padding-top: inherit;
     padding-left: 20 / @px-unit;
     width: 100%;
     .anonymity-Enable{
         float: right;
         margin-right: 4.28571429rem;
    }
     .table-height{
         overflow: hidden;
         .m-mt-10;
         .m-pos-r 
    }
     .ant-table-thead > tr > th, .ant-table-tbody > tr > td {
         text-align: center;
         white-space: nowrap;
    }
     .ant-modal-body{
         .m-p-16;
    }
     .ant-form-item{
         font-size: 14/@font-size-normal !important;
    }
     .passwordCheck-tip{
         line-height: 1.42857143rem;
    }
     .passwordCheck-label{
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         .m-height-48;
         .m-lh-48;
    }
     .ant-form-explain{
         margin: 0 auto auto 20%;
         position: relative;
    }
     .ant-tabs-tab{
         margin-right: 50/@font-size-normal;
    }
     .check-row-item{
         .m-mt-12;
         .m-lh-40 
    }
     .ant-divider-horizontal{
         margin: 0.57142857rem auto;
    }
     .m-text-tip{
         .m-text-ellipsis;
         .m-width-100p;
         display: inline-block;
    }
     .display-flex{
         display: flex;
    }
     .item-row {
         border: 0.07142857rem solid @listBorderColorNo8;
         .alert-tip{
             width: 55.50000000rem;
             .m-text-ellipsis;
             .m-layout-item 
        }
         .item-title {
             .m-fw-bold;
             .m-ml-16;
             .m-layout-item;
        }
         .item-content {
             .m-p-16;
             .ant-table-thead 
        }
         .label-div-Container{
             .m-width-100p;
             display: inline-block;
             vertical-align: middle;
        }
         .behind-text{
             .m-inline-block;
             .m-text-ellipsis 
        }
    }
     .label-flex-container {
         line-height: 56/@font-size-normal;
         height: 56/@font-size-normal;
    }
     .label-passwordCheck-tip{
         margin-top: 12/@font-size-normal;
    }
     .label-explain {
         line-height: 20/@font-size-normal;
    }
}
 .table-item{
     .m-mt-10;
     min-height: 28.57142857rem;
     overflow: hidden;
     border: 0.07142857rem solid @listBorderColorNo8;
     .ant-table-wrapper{
         height: calc(100% - 3.71428571rem);
    }
     .ant-table{
         .m-height-100p;
         overflow: auto;
         border-radius: 0.14285714rem;
         border: none;
    }
     .ant-table-placeholder{
         border-bottom: none;
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%,-50%);
    }
     .ant-pagination{
         position: absolute;
         .m-pt-10;
         bottom: 0.71428571rem;
         width: 100%;
         text-align: center;
         border-top: 0.07142857rem solid @listBorderColorNo8;
    }
     .ant-drawer-content{
         .m-right-16 
    }
     .ant-drawer-header{
         .m-height-40;
         .m-lh-40 
    }
     .drawer-content-wrapper{
         position: absolute;
         .m-mt-3;
         height: 99%;
         background-color: @homePageNo1;
         z-index: 99;
         right: 0;
         box-shadow:-0.14285714rem 0 0.57142857rem rgba(0, 0, 0, 0.15);
         overflow-y: auto;
         transition: width 0.3s;
         .drawer-header{
             .m-pl-16;
             .m-height-40;
             .m-lh-40;
             position: relative;
             background: @homePageNo1;
             border-bottom: 0.07142857rem solid @listBorderColorNo8;
             border-radius: 0.28571429rem 0.28571429rem 0 0;
             .drawer-close{
                 .m-height-40;
                 .m-lh-40;
                 .m-width-45;
                 .m-fs-15;
                 color: @disableColorNo7;
                 position: absolute;
                 top: 0;
                 right: 0;
                 display: block;
                 padding: 0;
                 font-weight: 700;
                 text-align: center;
                 text-transform: none;
                 text-decoration: none;
                 border: 0;
                 outline: 0;
                 cursor: pointer;
                 transition: color 0.3s;
                 text-rendering: auto;
            }
        }
    }
}
 ._TargetTypeFilter_ {
     padding-left: 20/@px-unit;
     width: 100%;
}
 ._Test_ {
     padding-top: inherit;
}
 .DownloadAttribute {
     .ant-form-item {
         padding-bottom: 1.42857143rem;
    }
}
 ._TrafficLightDetector_ {
     padding-left: 20/@px-unit;
     width: 100%;
}
 ._TrafficOSD_ {
     background-color: #fff;
     .topContent {
         padding: 1.42857143rem 1.14285714rem 0.71428571rem;
    }
     .fn-left {
         float: left;
    }
     .video-right {
         width: calc(100% - 31.42857143rem);
         margin-left: 0.71428571rem;
         max-width: 42.85714286rem;
    }
     .OSDComponent {
         max-height: 47.14285714rem;
         overflow-y: auto;
    }
     .video-wrap {
         width: 30.71428571rem;
         height: 24.14285714rem;
         background: #1b1b1b;
    }
     .ant-card-body {
         padding: 0.71428571rem !important;
    }
     .fn-mart10 {
         margin-top: 0.71428571rem;
    }
     .fixed-button {
         position: relative;