white-space: nowrap;
                             [line] {
                                 font-size: 14/@px-unit;
                                 font-family: 'Microsoft YaHei UI';
                                 font-weight: normal;
                                 font-stretch: normal;
                                 line-height: 22/@px-unit;
                                 letter-spacing: 0;
                                 color: rgba(0, 0, 0, 0.85);
                                 [attr_key] {
                                     display: inline-block;
                                     width: 50%;
                                     overflow: hidden;
                                     text-overflow: ellipsis;
                                     padding-left: 24/@px-unit;
                                }
                                 [attr_val] {
                                     display: inline-block;
                                     width: 50%;
                                     overflow: hidden;
                                     text-overflow: ellipsis;
                                     padding-left: 4/@px-unit;
                                }
                            }
                        }
                    }
                }
            }
        }
         [infoTitle] {
             height: @Length32;
             line-height: 28/@px-unit;
             background: rgb(240, 242, 245);
             border-bottom: 4/@px-unit solid #fff;
             font-size: 14/@px-unit;
             font-family: 'Microsoft YaHei UI';
             font-weight: normal;
             font-stretch: normal;
             letter-spacing: 0;
             color: rgba(0, 0, 0, 0.85);
             & > span {
                 display: inline-block;
                 font-size: 16/@px-unit;
                 line-height: 28/@px-unit;
                 vertical-align: middle;
            }
             & > span:first-child {
                 width: 40%;
                 padding-left: 0.2em;
            }
             & > span:last-child {
                 width: 60%;
                 text-align: right;
                 overflow: hidden;
                 white-space: nowrap;
                 text-overflow: ellipsis;
                 padding-right: 0.2em;
            }
        }
    }
     &[modeType="structuration"] [previewPic] {
         clear: both;
         height: 50%;
         background-color: rgb(240, 242, 245);
         position: relative;
         overflow: hidden;
         [thumbnail_area] {
             width: 100%;
             position: absolute;
             top: 2/@px-unit;
             bottom: 0;
             padding-right: 66/@px-unit;
             overflow: hidden;
             [picList] {
                 display: none;
                 overflow: hidden;
                 & > div {
                     float: right;
                     height: 100%;
                     width: calc((100vh - @Length64 - @Length20 - @Length38) * 0.5 * 0.23);
                     min-width: calc(@Length642 * 0.5 * 0.23);
                     background-position: center;
                     background-size: contain;
                     background-repeat: no-repeat;
                     background-color: rgb(232, 234, 235);
                     border: solid 2/@px-unit rgb(240, 242, 245);
                     cursor: pointer;
                     &.empty-pic {
                         background-size: 45% auto;
                    }
                }
            }
             [picList="structuration"]:nth-child(1) {
                 display: block;
                 height: 23%;
            }
             [picList="structuration"]:nth-child(2) {
                 display: block;
                 height: 46%;
            }
             [picList="structuration"]:nth-child(3) {
                 display: block;
                 height: 23%;
            }
             [picList="structuration"]:nth-child(4) {
                 display: block;
                 height: 8%;
            }
             [picList="structuration"]:nth-child(4) > div {
                 border-bottom: none;
            }
        }
         [stat] {
             width: 64/@px-unit;
             position: absolute;
             right: 0;
             top: 2/@px-unit;
             bottom: 0;
             text-align: center;
             background-size: cover;
             overflow: hidden;
             [icon_wrap] {
                 overflow: hidden;
                 background: #fff;
                 border-top: rgb(240, 242, 245) solid 2/@px-unit;
                 border-bottom: rgb(240, 242, 245) solid 2/@px-unit;
                 [icon_table] {
                     width: 100%;
                     height: 100%;
                     display: table;
                     table-layout: fixed;
                     [icon_cell] {
                         display: table-cell;
                         height: 100%;
                         vertical-align: middle;
                         .anticon {
                             width: 100%;
                             color: rgb(143, 143, 143);
                             cursor: auto;
                             svg {
                                 width: 28/@px-unit;
                                 height: 28/@px-unit;
                            }
                        }
                    }
                }
            }
             [popup_handle] {
                 height: 32/@px-unit;
                 padding: 3/@px-unit 0;
                 border-top: rgb(240, 242, 245) solid 2/@px-unit;
                 width: 100%;
                 background: #fff;
                 .anticon {
                     width: 100%;
                     cursor: auto;
                     &:hover{
                         color: #1890ff;
                    }
                     svg {
                         width: 28/@px-unit;
                         height: 28/@px-unit;
                    }
                }
            }
             &._empty_ [icon_wrap] {
                 background: rgb(232, 234, 235);
                 [icon_table] [icon_cell] .anticon {
                     color: #cacdcf;
                }
            }
             &._empty_ [popup_handle] {
                 background: rgb(232, 234, 235);
            }
        }
         [stat="structuration"] {
             [icon_wrap="face"] {
                 height: 23%;
            }
             [icon_wrap="body"] {
                 height: 23%;
            }
             [icon_wrap="nonmotor"] {
                 height: 23%;
            }
             [icon_wrap="car"] {
                 height: 23%;
            }
             [popup_handle] {
                 height: 8%;
                 padding: 4/@px-unit 0;
            }
        }
    }
     ._PreviewPicPopover_ {
         padding-right: 0;
         .ant-popover-content {
             .ant-popover-arrow {
                 display: none;
            }
             .ant-popover-inner-content {
                 padding: 0 2/@px-unit;
                 ._AttrSetting_ {
                     width: 370/@px-unit;
                     [types] {
                         display: table;
                         [type_cell] {
                             display: table-cell;
                             vertical-align: top;
                             text-align: center;
                             cursor: pointer;
                             padding: 10/@px-unit 20/@px-unit;
                             .anticon {
                                 width: 100%;
                                 cursor: auto;
                                 svg {
                                     width: 28/@px-unit;
                                     height: 28/@px-unit;
                                }
                            }
                        }
                         [type_cell].selected {
                             color: #1890ff;
                        }
                    }
                     [type] {
                         [setting_content] {
                             .ant-btn {
                                 width: 80/@px-unit;
                                 margin: 10/@px-unit 0 0 10/@px-unit;
                                 padding: 0 4/@px-unit;
                                 text-align: center;
                                 border-color: #e8e8e8;
                                 &:not(:disabled):hover, &:not(:disabled):focus {
                                     color: #272727;
                                     border-color: #e8e8e8;
                                }
                                 &.selected {
                                     color: #1890ff;
                                     border-color: #1890ff;
                                }
                                 &.selected:hover, &.selected:focus {
                                     color: #1890ff;
                                     border-color: #1890ff;
                                }
                                 span {
                                     width: 100%;
                                     overflow: hidden;
                                     text-overflow: ellipsis;
                                     vertical-align: middle;
                                }
                            }
                             padding-bottom: 10/@px-unit;
                        }
                    }
                     [foot] {
                         padding: 10/@px-unit;
                         text-align: right;
                         .ant-btn {
                             margin-left: 10/@px-unit;
                             text-align: center;
                             border-color: #e8e8e8;
                             &:hover, &:focus {
                                 border-color: #1890ff;
                            }
                             &.ant-btn-primary {
                                 border-color: #1890ff;
                            }
                        }
                    }
                     [setting_title] {
                         background: rgb(244, 244,244);
                         padding: 4/@px-unit 10/@px-unit;
                         [seleted_num] {
                             color: #1890ff;
                        }
                    }
                }
            }
        }
    }
}
 ._PicInfoComponent_ {
     margin-left: 10/@px-unit;
}
 ._PixelComponent_ {
     padding-top: inherit;
}
 @Length21: 21/@px-unit;
 @Length380: 380/@px-unit;
 ._RadarVideoFusionComponent_ {
     padding-top: inherit;
     position: absolute;
     left: 50%;
     top: 0;
     width: 50%;
     height:100%;
     .canvas-content {
         float: left;
         width: @Length380;
         height:100%;
    }
     .info-content {
         float: left;
         width: calc(calc(100% - @Length380));
         height:100%;
         .ant-descriptions-row {
             th, td {
                 width: 50%;
            }
        }
    }
     .image-content {
         float: left;
         width: calc(calc(100% - @Length380)*0.4);
         height:100%;
         background-color: #d3d5d7;
         overflow-y: scroll;
         .ant-list-items .ant-list-item {
             padding: 0;
             margin-bottom: 3/@px-unit;
             height: 189/@px-unit;
             background-color: #1f1f1f;
             flex-direction: column;
             .image-title {
                 height: 29/@px-unit;
                 font-family: MicrosoftYaHei;
                 font-size: 12/@px-unit;
                 font-weight: normal;
                 font-stretch: normal;
                 line-height: 29/@px-unit;
                 letter-spacing: 0/@px-unit;
                 color: #d5d5d5;
                 width: calc(100% - @Length21);
                 margin-left: 21/@px-unit;
            }
             .image-item {
                 height: 160/@px-unit;
            }
        }
         .ant-list-items .ant-list-item.selected-image {
             border: 0.28571429rem solid #1890FF;
             .image-item {
                 height: 152/@px-unit;
            }
        }
    }
}
 @Lengthf20: -20/@px-unit;
 @Lengthf10: -10/@px-unit;
 @Lengthf8: -8/@px-unit;
 @Lengthf1: -1/@px-unit;
 @Length1: 1/@px-unit;
 @Length2: 2/@px-unit;
 @Length4: 4/@px-unit;
 @Length5: 5/@px-unit;
 @Length8: 8/@px-unit;
 @Length10: 10/@px-unit;
 @Length12: 12/@px-unit;
 @Length14: 14/@px-unit;
 @Length16: 16/@px-unit;
 @Length18: 18/@px-unit;
 @Length20: 20/@px-unit;
 @Length24: 24/@px-unit;
 @Length30: 30/@px-unit;
 @Length36: 36/@px-unit;
 @Length38: 38/@px-unit;
 @Length40: 40/@px-unit;
 @Length45: 45/@px-unit;
 @Length48: 48/@px-unit;
 @Length54: 54/@px-unit;
 @Length56: 56/@px-unit;
 @Length60: 60/@px-unit;
 @Length64: 64/@px-unit;
 @Length100: 100/@px-unit;
 @Length110: 110/@px-unit;
 @Length120: 120/@px-unit;
 @Length160: 160/@px-unit;
 @Length175: 175/@px-unit;
 @Length180: 180/@px-unit;
 @Length200: 200/@px-unit;
 @Length240: 240/@px-unit;
 @Length340: 340/@px-unit;
 @Length372: 372/@px-unit;
 @Length360: 360/@px-unit;
 @iconSize: 24 / @px-unit;
 @iconSizeSmall: @iconSize / 1.5;
 @iconSizeBig: @iconSize * 1.5;
 @PreviewPadding: 8 / @px-unit;
 @TopBarHeight: 48 / @px-unit;
 @LeftBarWidth: 240 / @px-unit;
 @LeftBarPadding: 8 / @px-unit;
 @LeftBarArrowWidth: 8 / @px-unit;
 @LeftBarArrowHeight: 40 / @px-unit;
 @RightBarHeight: calc(100vh - 4.57142857rem - @TopBarHeight);
 @RightBarWidth: calc(100% - @LeftBarWidth);
 @videoIconHeight: 48 / @px-unit;
 @dividerBorder: 1 / @px-unit solid @dividerColorNo9;
 @AIPreviewDetailWidth: 448 / @px-unit;
 @DetailTitleColor: #e8eaeb;
 @AIPreviewImageWidth: 64 / @px-unit;
 @AIPreviewMargin: 4 / @px-unit;
 @AIPreviewTimeHeight: 32 / @px-unit;
 @previewIconActive: #50bbff;
 @previewIconDefault: #1890ff;
 @previewIconColor: #fff;
 @TextBgColor: rgba(255, 255, 255, 0.15);
 ._ItsePreview_ {
     padding: 0 @Length10 @Length10 @Length10;
     .ptzControlPanel{
         z-index: 1 !important;
         position: relative;
    }
     .p-top{
         height: @Length38;
         box-sizing: border-box;
         .icon{
             text-align: right;
             .active{
                 color: @btnNormalColorNo1;
            }
        }
         .p-recordType {
             float: right;
        }
    }
     .p-con{
         height: calc(100% - @Length56);
         .p-left{
             width: @Length240;
             height: 100%;
             float: left;
             position: relative;
             background-color: @secondNavBgColorNo13;
             .hideLeft{
                 position: absolute;
                 top: 50%;
                 right: 0;
                 width: @Length8;
                 height: @Length40;
                 display: none;
                 cursor: pointer;
                 margin-top: @Lengthf20;
                 background: rgb(70, 70, 70);
                 border-top-left-radius: @Length4;
                 border-bottom-left-radius: @Length4;
                 line-height: @Length36;
                 text-align: center;
                 color: #fff;
                 .anticon-caret-left {
                     font-size: @Length8;
                     margin-left: @Lengthf1;
                }
            }
             &:hover .hideLeft{
                 display: block;
            }
        }
         .showLeft{
             position: relative;
             top: 50%;
             left: 0;
             width: @Length8;
             height: @Length40;
             cursor: pointer;
             margin-top: @Lengthf20;
             margin-left: @Lengthf10;
             background:rgb(70, 70, 70);
             border-top-right-radius: @Length4;
             border-bottom-right-radius: @Length4;
             line-height: @Length36;
             text-align: center;
             color: #fff;
             .anticon-caret-right {
                 font-size: @Length8;
                 margin-left: @Lengthf1;
            }
        }
         .p-right{
             float: left;
             width: calc(100% - @Length240);
             height: 100%;
             position: relative;
             &[showleftlist=false] {
                 width: calc(100% - @Length8);
            }
             .pic_full {
                 position: absolute;
                 left: -10000 / @px-unit;
                 top: -10000 / @px-unit;
            }
             .videoWrap {
                 width: 100%;
                 height: 100%;
                 &[previewmode=traffic] {
                     width: 40%;
                     height:calc(100% - @Length200);
                }
                 &[previewmode=videoPic] {
                     width: 50%;
                     height: 500/@px-unit;
                }
                 &[isobjectdetect=true] {
                     height: 50%;
                }
                 &[previewmode=aiMode] {
                     width: calc(100% - @Length360)!important;
                     height: calc(100% - @Length240)!important;
                }
                 &[previewmode=videoPic][isocxcamerafull=true] {
                     height: calc(100% - @Length48);
                }
                 &[previewmode=structuration] {
                     width: 68%;
                     height: 57%;
                }
                 &[previewmode=radarVideoFusion] {
                     width: 50%;
                     height: calc(100vh - @Length175);
                }
                 &[isItse=video100p] {
                     width: 100%;
                }
                 .video{
                     width: 100%;
                     text-align: center;
                     height: 100%;
                     background: #1b1b1b;
                     &[previewmode=aiMode] {
                         height: calc(100% - @Length48);
                    }
                     &[previewmode=videoPic] {
                         height: 455/@px-unit;
                    }
                     &[previewmode=videoPic][isocxcamerafull=true] {
                         height: 100%;
                    }
                     &[previewmode=videoPic][isobjectdetect=true] {
                         height: calc(100% - @Length48);
                    }
                     &[isshowitse=itsePicVideo] {
                         height: 500/@px-unit;
                    }
                     &[previewmode=video] {
                         height: calc(100vh - @Length175);
                    }
                }
                 .actionBar{
                     height: @Length45;
                     line-height: @Length45;
                     box-sizing: border-box;
                     position: relative;
                     z-index: 2;
                     background-color: #e8eaeb;
                     &[isocxcamera=true] {
                         width: 50%;
                    }
                     ._BottomBar_ {
                         padding-left: @Length14;
                         height: 100%;
                         overflow: hidden;
                         .anticon {
                             &.custom_style {
                                 background: #F7F7F7;
                                 border-radius: 5 / @px-unit;
                            }
                             font-size: @Length24;
                             margin-top: @Length10;
                        }
                    }
                     .ant-divider-vertical {
                         margin-left: 0;
                         margin-right: 16 /@px-unit;
                         height: 16 / @px-unit;
                         vertical-align: middle;
                         border-width: 2 / @px-unit;
                         margin-bottom: @Length10;
                    }
                     .division-wrap {
                         display: flex;
                         .division-left{
                             min-width: 60%;
                        }
                         .division-right {
                             display: flex;
                             justify-content: space-around;
                             width: 40%;
                            /* 背景暂时使用渐变色来代替 直接引用svg有问题*/
                             background-image: linear-gradient(0deg, #3b3a38 0%, #75736f 100%);
                             box-shadow: inset 0.07142857rem 0.07142857rem 0.07142857rem 0.00000000rem rgba(0, 0, 0, 0.4);
                             background-size: 100% 100%;
                             .traffic_img {
                                 width: 40 / @px-unit;
                                 height: 40 / @px-unit;
                            }
                        }
                    }
                }
            }
        }
    }
     .actionBar{
         box-sizing: border-box;
         .active{
             color: @btnNormalColorNo1;
        }
         .anticon{
             margin-right: @Length16;
             font-size: @Length18;
             &:hover{
                 color: @btnNormalColorNo1;
            }
             &.anticon-fullscreen{
                 margin-right: 0;
            }
             &.anticon-down {
                 margin-right: 0;
                 font-size: inherit;
            }
        }
         .itemDetail {
             color: black;
             background: @homePageNo1;
             border-radius: @Length10;
             padding: @Length1 @Length12;
             margin: 0 @Length8 0 @Lengthf8;
             max-width: @Length200;
             span {
                 margin-right: @Length20;
                 position: relative;
                 cursor: pointer;
                 .anticon {
                     margin:0;
                }
            }
        }
    }
     ._TopBar_{
         > div {
             float: right;
        }
         > span {
             float: right;
        }
         .recordWrap {
             > span {
                 float: left;
            }
             > div {
                 float: left;
            }
        }
         & > span:first-child {
             margin-right: 0;
        }
         .anticon:not(.anticon-down){
             font-size: @Length24;
             line-height: @Length54;
        }
    }
     ._LeftBar_{
         position: relative;
         height: 100%;
         .ant-collapse-borderless {
             background-color: #ffffff;
        }
         ._PtzControl_{
             width: 100%;
             margin: 0 auto;
        }
    }
     .flex-content{
         display: flex;
    }
     .text-overflow-channel{
         white-space:nowrap;
         overflow:hidden;
         text-overflow:ellipsis;
         width: 120/@px-unit;
    }
     .itse_min_height{
         min-height: 768/@px-unit;
    }
     .itse_min_small_height{
         height: 680/@px-unit;
    }
     ._leftChannelBar_{
         position: relative;
         height: 100%;
         .ant-collapse-header{
             padding: 12/@px-unit 30/@px-unit 12/@px-unit 10/@px-unit;
             background-color: #f0f0f0;
        }
         .channel-header {
             .anticon {
                 font-size: @Length20;
                 &.ant-dropdown-trigger {
                     font-size: @Length16;
                }
            }
             .stream {
                 float: right;
                 width: @Length20;
                 height: @Length20;
                 text-align: center;
                 border: @Length1 solid #1890ff;
                 color: #1890ff;
                 font-size: @Length12;
                 border-radius: @Length2;
                 margin-top: @Length2;
                 margin-right: @Length2;
                 line-height: @Length18;
            }
        }
         .ant-collapse-content > .ant-collapse-content-box {
             padding: 0;
             .ant-collapse-header{
                 font-weight: bold;
                 background-color: #ffffff;
            }
             .channel-content .ant-collapse-content-box{
                 padding: @Length8 0 @Length16 0;
            }
        }
         ._PtzControl_{
             width: 100%;
             margin: 0 auto;
        }
    }
     .p-left-collapse{
         position: fixed;
         width: @Length240;
         bottom: 0;
         border-right: none;
         border-left: none;
         .ant-collapse-header{
             padding-left: @Length14;
             .ant-collapse-arrow {
                 right: @Length14;
                 text-align: right;
            }
        }
         .ant-collapse-content-box{
             padding:@Length14;
        }
         button {
             width: @Length100;
        }
         .min-button {
             width: @Length60;
             padding: 0;
        }
    }
     .p-channel-collapse {
         .ant-collapse-item:first-child {
             .ant-collapse-header {
                 padding-right: @Length8;
                 background-color: #fff;
            }
             .ant-collapse-content .ant-collapse-content-box{
                 padding-bottom: 0;
                 border: 0;
            }
        }
         .ant-collapse-header {
             border-top: @Length1 solid rgba(0, 0, 0, 0.06);
             border-bottom: @Length1 solid rgba(0, 0, 0, 0.06);
             background-color: rgba(0, 0, 0, 0.02);
        }
         .ant-collapse-item{
             border: none;
        }
         .ant-collapse-content .ant-collapse-content-box{
             padding: @Length8 0 @Length16 0;
             border-bottom: @Length1 solid rgba(0, 0, 0, 0.06);
             background-color: #fff;
        }
         .channelBottom {
             width: 100%;
             height: @Length4;
             background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
             margin-top: -4/@px-unit;
        }
    }
     .p-zoomFoucs {
         display: flex;
         justify-content: space-between;
         .label-normal-container {
             padding-top: 0 !important;
             padding-bottom: 16/@px-unit !important;
        }
         .focus-left {
             flex: 0 0 600/@px-unit;
        }
         .focus-right {
             flex:1;
             padding-left: 20/@px-unit;
             .empty {
                 background-color: #F0F2F5;
                 height: 212/@px-unit;
            }
        }
         .step{
             text-align: center;
             border: @Length1 solid @dividerColorNo9;
             border-radius: @Length4;
             cursor: pointer;
             >.ant-col{
                 border-right: @Length1 solid @dividerColorNo9;
                 &:first-child{
                     border-radius: @Length4 0 0 @Length4;
                }
                 &:last-child{
                     border-radius: 0 @Length4 @Length4 0;
                }
            }
             .active{
                 border: @Length1 solid @linkColorNo20;
                 color: @linkColorNo20;
            }
        }
         .point{
             margin-top: @Length10;
        }
         .plate-check {
             padding: 5/@px-unit 10/@px-unit;
             box-sizing: border-box;
             .desc-item {
                 display: flex;
                 align-items: center;
                 .label {
                     flex:0 0 @Length180;
                     text-overflow: ellipsis;
                     text-align: left;
                     display: inline-block;
                }
                 .text {
                     flex: 1;
                }
            }
             .title {
                 font-weight: bold;
            }
        }
         .with-bg {
             background-color: #F0F2F5;
        }
         .check-tip {
             color: @errorColorNo17;
        }
         .labelSlider-float-right,.labelSlider-float-right {
             font-size: 20/@px-unit;
        }
    }
     .p-channels {
         overflow-y: auto;
         line-height: @Length40;
         .stream {
             float: right;
             width: @Length20;
             height: @Length20;
             text-align: center;
             border: @Length1 solid #1890ff;
             color: #1890ff;
             font-size: @Length12;
             border-radius: @Length2;
             margin-top: @Length10;
             line-height: @Length18;
        }
         .text-name{
             float: left;
             width: 130/@px-unit;
             overflow: hidden;
             white-space: nowrap;
             text-overflow: ellipsis;
        }
         .ant-tree-title {
             .stream {
                 margin-top: @Length2;
            }
        }
         .channel-item {
             cursor: pointer;
             padding: @Length5 @Length14;
             &:hover{
                 background-color: @secondNavHoverColorNo14;
                 color: @btnNormalColorNo1;
            }
             .anticon {
                 font-size: @Length20;
                 &.ant-dropdown-trigger {
                     font-size: @Length16;
                }
            }
        }
         .ant-tree.ant-tree-directory {
             .ant-tree-treenode {
                 &.ant-tree-treenode-selected {
                     background-color:#fff;
                     color: #272727;
                     &::before {
                         background-color:#fff;
                         color: #272727;
                    }
                     .ant-tree-switcher {
                         color: #272727;
                    }
                }
                 .ant-tree-node-selected{
                     background-color:#fff;
                     color: #272727;
                     &:hover{
                         background-color: @secondNavHoverColorNo14;
                    }
                }
                 &:hover{
                     background-color: @secondNavHoverColorNo14;
                     color: @btnNormalColorNo1;
                     &::before {
                         background-color: @secondNavHoverColorNo14;
                    }
                     .ant-tree-node-selected{
                         background-color: @secondNavHoverColorNo14;
                         color: @btnNormalColorNo1;
                    }
                }
            }
        }
    }
     ._CarouselPreview_ {
         background-color: @contentBgColorNo15;
         width: calc(100% - @Length372);
         height: @Length240;
         .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container {
             height: @Length240;
             .m-mr-12;
        }
         .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
             height: @Length240;
             width: @Length160;
             .m-mr-12;
        }
         .tab-style {
             position: absolute;
             left: 50%;
             top: 50%;
             transform: translate(-50%, -50%);
             height: @Length240;
             div {
                 width: 100%;
                 height: 30/@px-unit;
                 line-height: 30/@px-unit;
                 text-align: center;
                 .m-mt-12;
            }
             .box-time {
                 width: @Length160;
            }
             .box-Pic {
                 width: @Length160;
                 height: 100/@px-unit;
                 img {
                     width: 100%;
                     height: 100%;
                }
            }
             .box-PicPlate {
                 width: @Length160;
                 height: 60/@px-unit;
                 img {
                     width: 100%;
                     height: 100%;
                }
            }
        }
         .ant-tabs-nav .ant-tabs-tab .anticon {
             margin-right: 0;
        }
         .ant-tabs-nav {
             height: 100%;
        }
         .ant-tabs-tab {
             height: @Length240;
             width: @Length160;
             .m-mr-12;
        }
         .ant-tabs-nav-operations {
             button {
                 display: none;
            }
        }
         .ant-tabs-nav-operations:after {
             width: 14/@px-unit;
             margin: 110/@px-unit 8/@px-unit 0 8/@px-unit;
             content: "...";
        }
    }
     ._CarouselDetail_ {
         position: absolute;
         height: 100%;
         width: @Length360;
         left: calc(100% - @Length360);
         top: 0;
         background-color: @contentBgColorNo15;
         .PanoPic {
             width: 100%;
             height: 180/@px-unit;
             img {
                 width: 100%;
                 height: 100%;
            }
        }
         .info-detail {
             width: 100%;
             height: 80/@px-unit;
        }
         .BlueWhiteColor {
             background: #00f, 
        }
         .Yellow_Color {
             background: #f1cf47, 
        }
         .White_Color {
             background: #fff, 
        }
         .BlackWhiteColor {
             background: #000, 
        }
         .GreenWhiteColor {
             background: #0c0, 
        }
         .linear_gradient {
             background: linear-gradient(to bottom, #fff, #00ff00) 
        }
         .emptyBlackColor {
             background: none, 
        }
    }
     .p-small-channels{
         line-height: @Length18;
         .stream {
             margin-top: 0;
        }
    }
     .p-actionButtons {
         position: absolute;
         bottom: 0;
         button {
             width: @Length180;
             margin: @Length5 @Length30;
        }
    }
     .record-prompt-modal.ant-modal {
         .ant-modal-confirm-btns .ant-btn {
             float: none;
        }
    }
    /* 视频结构化 start */
     .ai-image-left {
         .image-placeholder, .image-list {
             direction: ltr;
        }
         .image-content {
             left: auto;
             right: 0;
        }
         .image-type {
             left: 0;
             right: auto;
        }
    }
     .ai-image-right {
    }
     .image-scroll-container, .image-scroll-content {
         transform: rotateY(180deg);
    }
     .image-placeholder, .image-list {
         direction: rtl;
    }
     .image-content {
         left: 0;
         right: auto;
    }
     .image-type {
         left: auto;
         right: 0;
    }
     .image-item {
         display: inline-block;
         background-repeat: no-repeat;
         background-position: center;
         background-color: #e8eaeb;
         margin: 0 0 @AIPreviewMargin @AIPreviewMargin;
         width: calc(@RightBarHeight * 0.5 * 0.23 - 1.07142857rem);
         min-width: 64 / @px-unit;
         box-sizing: border-box;
    }
     .image-result {
         content: ' ';
         position: absolute;
         width: 50%;
         height: 100%;
         right: 0;
         bottom: 0;
         background-size: contain;
         background-position: bottom;
         background-repeat: no-repeat;
    }
     .icon-active, .icon-normal:hover {
         color: @linkColorNo20;
    }
     .image-channel {
         position: absolute;
         left: 0;
         top: -1 / @px-unit;
         color: #1c79f4;
         color: #1c79f4 !important;
         svg {
             width: @iconSize;
             height: @iconSize;
        }
         .anticon:hover {
             color: inherit;
             cursor: inherit;
        }
         & > span:nth-child(2) {
             color: white;
             font-weight: bold;
             position: absolute;
             left: 10%;
             top: -10%;
             font-size: 1rem;
        }
    }
     .image-channel-0 {
         color: #1c79f4;
    }
     .image-channel-1 {
         color: #faad14;
    }
     .image-channel-2 {
         color: #52c41a;
    }
     .image-channel-3 {
         color: #eb2f96;
    }
     .ai-preview-detail {
         position: absolute;
         left: 50%;
         top: 0;
         height: 50%;
         width: 50%;
         box-sizing: border-box;
         .detail-container {
             height: 100%;
             display: flex;
             padding: 0 @AIPreviewMargin 0 @AIPreviewMargin;
        }
         .detail-item {
             display: flex;
             flex-direction: column;
             height: 100%;
             flex: 1;
             padding-bottom: @AIPreviewMargin;
        }
         .detail-title {
             height: @AIPreviewTimeHeight;
             line-height: @AIPreviewTimeHeight;
             background: @DetailTitleColor;
             margin-bottom: @AIPreviewMargin;
             margin-right: @AIPreviewMargin;
             padding: 0 12 / @px-unit;
             .detail-similar {
                 float: right;
                 width: 220 / @px-unit;
                 height: inherit;
                 display: inline-block;
                 direction: rtl;
                 overflow: hidden;
                 position: relative;
                 .detail-similar-bar {
                     position: absolute;
                     top: 25%;
                     height: 50%;
                     width: 100%;
                     background-color: @TextBgColor;
                     overflow: hidden;
                     border-radius: 2 / @px-unit;
                     & > div {
                         position: relative;
                         height: 100%;
                         left: -100%;
                         background-color: @previewIconActive;
                         border-radius: 2 / @px-unit;
                    }
                }
                 & > span {
                     position: absolute;
                     right: 8 / @px-unit;
                     font-weight: bold;
                }
            }
        }
         .detail-content {
             display: flex;
             height: calc(100% - @AIPreviewTimeHeight - @AIPreviewMargin);
        }
         .detail-image {
             .image-item();
             width: 50%;
             margin: 0;
             position: relative;
        }
         .detail-attr-container {
             width: 50%;
             overflow-y: auto;
             overflow-x: hidden;
        }
         .detail-attr {
             min-width: 100%;
             height: 100%;
             display: inline-flex;
             flex-direction: column;
             justify-content: center;
             & > div {
                 display: flex;
                 & span {
                     &:nth-child(1) {
                         margin-left: 32 / @px-unit;
                    }
                     width: 40%;
                     overflow: hidden;
                     white-space: nowrap;
                     text-overflow: ellipsis;
                }
            }
        }
    }
     .no-hover .anticon:hover{
         color: inherit;
         cursor: inherit;
    }
     .image-scroll-view {
         width: 100%;
         height: 23%;
         overflow: hidden;
    }
     .image-scroll-container {
         height: 100%;
         overflow: hidden;
         position: relative;
    }
     .image-scroll-content {
         display: inline-block;
         width: fit-content;
         min-width: 100%;
         height: 100%;
         overflow: hidden;
    }
     .image-no-scroll .image-scroll-container {
         overflow: hidden;
    }
     .image-placeholder {
         position: absolute;
         right: 0;
         height: 100%;
    }
     .image-list {
         position: relative;
         white-space: nowrap;
         height: 100%;
    }
     .image-list-container {
         width: fit-content;
         min-width: 100%;
         height: 100%;
         position: relative;
         overflow: hidden;
         border: solid @Length2 #F0F2F5;
         & .image-placeholder > span, & .image-list > span {
             .image-item();
             height: 100%;
             position: relative;
        }
    }
     .ai-preview-image {
         position: relative;
         width: 100%;
         height: 50%;
         background-color: #f0f2f5;
    }
     .image-content {
         position: absolute;
         width: calc(100% - @AIPreviewImageWidth - @AIPreviewMargin);
         height: 100%;
         overflow: hidden;
         & .image-scroll-view{
             border: 0.07142857rem solid transparent;
        }
         & .image-scroll-view:hover{
        }
    }
     .image-type {
         position: absolute;
         width: @AIPreviewImageWidth;
         height: 100%;
         .image-list-container {
             width: @AIPreviewImageWidth !important;
        }
         .image-channel, .image-placeholder {
             display: none;
        }
         .image-list > span {
             background-image: none !important;
             width: @AIPreviewImageWidth !important;
             margin: 0;
             padding: 0 0 @AIPreviewMargin @AIPreviewMargin;
        }
         svg {
             width: @iconSize;
             height: @iconSize;
        }
    }
     .image-type-item {
         text-align: center;
         height: 100%;
         display: flex;
         flex-direction: column;
         justify-content: center;
    }
     .image-small {
         height: 8%;
    }
     .image-normal {
         height: 23%;
    }
     .image-normal2-small {
         height: 38%;
    }
     .image-normal2 {
         height: 46%;
    }
     .image-normal3-small {
         height: 61%;
    }
     .image-normal3 {
         height: 69%;
    }
     .image-normal4 {
         height: 92%;
    }
     .image-default {
         height: 100%;
    }
     .image-scale2-1 {
         height: 50%;
    }
     .image-scale3-1 {
         height: calc(100% / 3);
    }
     .image-scale3-2 {
         height: calc(100% / 3 * 2);
    }
     .image-scale3-nonmotor{
         height: calc(100% / 3 * 2 * 0.84);
    }
     .image-scale3-nonmotor-plate{
         height: calc(100% / 3 * 2 * 0.16);
    }
     .image-nonmotor-car{
         height: 84%;
    }
     .image-nonmotor-plate{
         height: 16%;
    }
     .image-motor {
         height: 31%;
    }
     .image-motor-car {
         height: 74%;
    }
     .image-motor-plate {
         .image-channel {
             display: none;
        }
         height: 26%;
    }
     .image-motor-car-type {
         height: calc(31% * 0.9 - 1.21428571rem * 0.9);
    }
     .image-motor-plate-type {
         height: calc(31% * 0.1 + 1.21428571rem * 0.9);
    }
     .image-body-face-type {
         height: calc(23% - 1.21428571rem * 0.33);
    }
     .image-body-body-type {
         height: calc(46% + 1.21428571rem * 0.33);
    }
    /* 视频结构化 end */
     ._DebugLineComponent_ {
         padding-top: inherit;
    }
}
/* 视频结构化 start */
 .image-setting-normal{
     max-width: 400 / @px-unit !important;
     padding: 0;
     .image-setting-confirm{
         display: flex;
         justify-content: flex-end;
         button{
             margin-right: 8 / @px-unit 
        }
    }
     .icon-normal {
         text-align: center;
    }
     .setting-target {
         min-width: 800 / @px-unit;
         display: flex;
         flex-wrap: wrap;
         & > span {
             margin-right: 16 / @px-unit;
             & > div {
                 max-width: 120 / @px-unit;
                 overflow: hidden;
                 white-space: nowrap;
                 text-overflow: ellipsis;
            }
        }
         svg {
             width: @iconSizeBig;
             height: @iconSizeBig;
        }
    }
     .setting-layout-container {
         min-width: 800 / @px-unit;
         height: 400 / @px-unit;
    }
     .setting-layout {
         height: 100%;
         display: flex;
         flex-direction: column;
         border: @dividerBorder;
         box-sizing: border-box;
         @layoutMargin: 2 / @px-unit;
         & div {
             box-sizing: border-box;
             display: flex;
             margin: @layoutMargin @layoutMargin;
        }
         & span {
             box-sizing: border-box;
             display: flex;
             justify-content: center;
             align-items: center;
             height: 100%;
             width: 100%;
             background-color: #e8eaeb;
             margin: @layoutMargin @layoutMargin;
        }
         & > div:nth-child(2) div {
             display: flex;
             flex-direction: column;
             margin: 0 @layoutMargin;
             & span {
                 margin: @layoutMargin 0;
            }
        }
    }
     .setting-attr {
         line-height: 40 / @px-unit;
         padding: 8 / @px-unit;
         & > div {
             background-color: #f4f4f4;
             padding: 0 16 / @px-unit;
             margin-bottom: 8 / @px-unit;
             & > span {
                 color: @linkColorNo20;
            }
        }
         .icon-normal {
             margin: 0 8 / @px-unit 0 0;
             padding: 0;
             min-width: 80 / @px-unit;
             border-radius: 4 / @px-unit;
             border: @dividerBorder;
             &::before {
                 display: none;
            }
        }
         .icon-active, .icon-normal:hover {
             border: 1 / @px-unit solid @linkColorNo20;
             color: @linkColorNo20;
        }
    }
}
/* 视频结构化 end */
 ._IvsAnalyse_ {
     padding-top: inherit;
     ._AlysDisting_, ._AlysAdvc_ {
         .m-layout-content;
         .item-row {
             border: 0.07142857rem solid @listBorderColorNo8;
             .m-mb-24;
             .item-title {
                 .m-fw-bold;
                 .m-ml-16;
                 .m-layout-item;
            }
             .item-content {
                 .m-layout-content;
                 .ant-table-thead;
            }
             .form-item {
                 .m-mr-40;
            }
        }
    }
}
 ._CarPathSetting_ {
     padding-top: inherit;
     .video-plugin {
         width: 30.71428571rem;
         height: 24.14285714rem;
         background-color: #000;
         display: inline-block;
    }
     .aitoolsbar-warp {
         display: inline-block;
         position: absolute;
         width: 3.21428571rem;
         height: 24.14285714rem;
         background-color: #e8e8e8;
         text-align: center;
    }
     .car-video {
         height: 24.14285714rem;
    }
     .car-setting-margin-right {
         margin-right: auto;
    }
     .car-setting-page {
         display: flex;
    }
     .car-setting-right {
         width: 33.92857143rem;
         background-color: #e8e8e8;
         padding: 0 0.71428571rem;
         display: flex;
    }
     .car-view-redraw {
         display: inline-flex;
         cursor: pointer;
         float: right;
         .car-redraw-icon {
             width: 30 / @font-size-normal;
             height: 30 / @font-size-normal;
             background: url('/static/media/icons-normal.29e57520.png') -1860 / @font-size-normal -840 / @font-size-normal;
        }
         .car-redraw-text {
             font-weight: bold;
             color: @formContentColorNo6;
        }
    }
     .car-draw-content {
         border: 0.07142857rem solid @dividerColorNo9;
         min-height: 28.21428571rem;
         width: 33.92857143rem;
         .car-draw-button-active {
             color: @btnHoverColorNo2;
             background-color: #fff;
             border-color: #40a9ff;
        }
         .car-way-button-div {
             display: inline-flex;
             width: 100%;
             align-items: center;
             justify-content: space-between;
             .car-draw-right {
                 width: 50%;
            }
        }
    }
     .car-lineType {
         display: inline-flex;
         align-items: center;
         min-width: 107 / @font-size-normal;
         max-width: 152 / @font-size-normal;
         border: 0.07142857rem solid @inputBorderColorNo10;
         cursor: pointer;
         margin: 5 / @font-size-normal;
         border-radius: 4 / @font-size-normal;
         .car-LineType-icon {
             width: 32 / @font-size-normal;
             height: 32 / @font-size-normal;
             display: inline-flex;
             align-items: center;
             justify-content: center;
             .line-type-area {
                 width: 12 / @font-size-normal;
                 height: 12 / @font-size-normal;
                 border-radius: 50%;
                 background-color: red;
            }
             .line-type15 {
                 background-color: @linkColorNo20;
            }
             .line-type11 {
                 background-color: #13cae5;
            }
             .line-type12 {
                 background-color: #fcac15;
            }
             .line-type14 {
                 background-color: #cb663e;
            }
             .line-type13 {
                 background-color: #d348f6;
            }
             .line-type5 {
                 background-color: #ffffff;
                 border: 0.07142857rem solid #464646;
            }
             .line-type6 {
                 background-color: #ffffff;
                 border: 0.07142857rem solid #464646;
            }
             .line-type16 {
                 background-color: #ff7e16;
            }
             .line-type38 {
                 background-color: #ffff80;
            }
             .line-type39 {
                 background-color: #ff80ff;
            }
             .line-type40 {
                 background-color: #f5222d;
            }
             .line-type48 {
                 background-color: #c8c864;
            }
             .line-type35 {
                 background-color: #ffff00;
            }
             .line-type210 {
                 background-color: #ff80ff;
            }
        }
         .car-lineType-text {
             font-weight: bold;
             color: @formContentColorNo6;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
             border-right: 0.07142857rem solid @inputBorderColorNo10;
             padding: 0 7 / @font-size-normal 0 3 / @font-size-normal;
        }
         .car-lineType-delete-icon {
             padding-top: 0.71428571rem;
        }
    }
     .car-lineType-active {
         border: 0.07142857rem solid @btnHoverColorNo2;
    }
     .CarLaneList {
         border: 0.07142857rem solid @dividerColorNo9;
         .car-lanelist-row {
             display: flex;
        }
         .car-lane-list {
             border-right: 0.07142857rem solid @dividerColorNo9;
             width: 100%;
             height: 100%;
        }
         .car-lane-list-content {
             cursor: pointer;
             user-select: none;
             height: 32 / @font-size-normal;
             justify-content: center;
             align-items: center;
             display: flex;
             width: 100%;
        }
         .active-lane {
             border-right: 0.14285714rem solid @btnNormalColorNo1;
             background-color: #e6f6fe;
        }
         .distance-inline{
             display: inline-block;
        }
    }
     .over-hide-col {
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
    }
     .car-lane-config-col {
         display: flex;
         align-items: center;
    }
     .car-path-title {
         font-weight: bold;
    }
     .car-lane {
         display: inline-flex;
    }
     .car-flash-content {
         display: flex;
         align-items: center;
    }
     .car-draw-button {
         max-width: 120 / @font-size-normal;
    }
     .car-road-direction {
         background-image: url(/static/media/iconL.d5db2e1f.png);
         background-repeat: no-repeat;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         width: 15 / @font-size-normal;
         height: 16 / @font-size-normal;
         margin-top: 2 / @font-size-normal;
    }
     .traffic-icon-prev {
         background-position: -4.28571429rem 0;
    }
     .traffic-icon-time {
         background-position: -3.21428571rem 0;
    }
     .traffic-icon-left {
         background-position: -5.35714286rem 0;
    }
     .traffic-icon-right {
         background-position: -6.42857143rem 0;
    }
     .traffic-icon-back {
         background-position: -7.50000000rem 0;
    }
     .car-path-spin {
         position: absolute;
         z-index: 9;
         top: 50%;
         right: 0;
         bottom: 0;
         left: 0;
         margin: auto;
    }
}
 .autoDraw-modal {
     .autoDraw-flex {
         display: flex;
         align-items: center;
    }
     .autoDraw-title-icon {
         color: @warnColorNo18;
         height: 1.71428571rem;
         width: 1.71428571rem;
    }
     .ant-modal-footer {
         display: none;
    }
}
 .speedLimit-modal {
     .speedLimit-flex {
         display: flex;
         align-items: center;
    }
     .speedLimit-title-icon {
         color: @warnColorNo18;
         height: 1.71428571rem;
         width: 1.71428571rem;
    }
}
 .car-rule-time-modal {
     width: 91.42857143rem !important;
     .ant-modal-body {
         padding: 1.42857143rem !important;
    }
     ._ScheduleComponent_ {
         padding: 0.71428571rem !important;
    }
}
 .event-list-modal {
     width: 50.00000000rem !important;
     .event-list-checkbox-list {
         display: inline-flex;
    }
     .event-list-checkbox {
         margin: 0.71428571rem 1.42857143rem 0.71428571rem 1.42857143rem;
         text-overflow: ellipsis;
         overflow: hidden;
         white-space: nowrap;
    }
}
 ._CarRuleSetting_ {
     padding-top: inherit;
     .right-sidebar{
         height: 75vh;
    }
     .rule-flex {
         display: flex;
         align-items: center;
    }
     .rule-title-flex {
         display: flex;
    }
     .rule-sub-title{
         text-overflow: ellipsis;
         overflow: hidden;
         white-space: nowrap;
    }
     .rule-sidebar {
         border-right: 0.07142857rem solid @dividerColorNo9;
         height: 72vh;
         overflow-y: auto;
    }
     .rule-list {
         user-select: none;
         &:hover {
             cursor: pointer;
             background-color: #f2f2f2;
        }
         .rule-list-content {
             display: flex;
             align-items: center;
             justify-content: left;
             .rule-list-name{
                 text-overflow: ellipsis;
                 overflow: hidden;
                 white-space: nowrap;
            }
        }
         .select-lane {
             display: flex;
             align-items: center;
             justify-content: center;
        }
    }
     .select-rule {
         background-color: @secondNavHoverColorNo14;
         color: @btnNormalColorNo1;
    }
     .Rule-content {
         .lane-row {
             display: flex;
             align-items: center;
        }
         .lane-row-border {
             border-bottom: 0.07142857rem solid @dividerColorNo9;
        }
         .mode-tip {
             color: @disableColorNo7;
        }
    }
     .stop-line-input {
         display: inline-flex;
    }
     .rule-button-content{
         border-top: 0.07142857rem solid @dividerColorNo9;
    }
     .car-setting-button {
         position: absolute;
         left: 12rem;
         margin-top: 1.07142857rem;
    }
     .car-confirm-button {
         left: 4rem;
    }
     .over-hide-col {
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
    }
     .car-rule-spin{
         position: absolute;
         z-index: 9;
         top: 50%;
         right: 0;
         bottom: 0;
         left: 0;
         margin: auto;
    }
}
 ._IvsScene_ {
     padding-top: inherit;
     @videoWidth: 32.14285714rem;
     @videoHeight: 24.07142857rem;
     background: @contentBgColorNo15;
     min-height: calc(100vh - 7.14285714rem);
     .AI-step {
         display: inline-flex;
         align-items: center;
         width: 100%;
         border-bottom: 0.07142857rem solid @dividerColorNo9;
    }
     .step-content {
         min-height: 80%;
    }
     .border-row {
         border: 0.07142857rem solid @dividerColorNo9;
         margin: 0 1.14285714rem 1.14285714rem 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: 0 1.14285714rem 1.14285714rem 1.14285714rem;
    }
     .step-button-content {
         display: inline-flex;
         align-items: center;
         width: 100%;
         border-top: 0.07142857rem solid @dividerColorNo9;
         .step-button {
             padding: 1.07142857rem 1.14285714rem 1.14285714rem 1.14285714rem;
             width: 8rem;
        }
         .step-scene {
             position: relative;
             left: 11rem;
        }
         .step-car-set {
             left: 8rem;
        }
         .com-button {
             margin-right: 0.71428571rem;
        }
    }
     ._AISolution_ {
         .content-title {
             line-height: 2.85714286rem;
             align-items: center;
             display: inline-flex;
             width: 100%;
             padding: 1.14285714rem 1.14285714rem 0 1.14285714rem;
        }
         .pic-row {
             padding: 1.14285714rem 2.28571429rem 2.28571429rem 2.28571429rem;
             display: inline-flex;
             width: 100%;
             align-items: center;
             .pic-content {
                 margin: 0 4.28571429rem 0 0;
                 position: relative;
                 cursor: pointer;
                 user-select: none;
                 height: 10.00000000rem;
                 .pic-text {
                     text-align: center;
                     width: 7.14285714rem;
                     display: inline-block;
                }
                 .img-check {
                     position: absolute;
                     left: 6.00000000rem;
                     top: -0.21428571rem;
                }
                 .ElecPolice {
                     width: 7.14285714rem;
                     height: 7.14285714rem;
                     background-image: url(/static/media/ivs_gv.eace955f.png);
                     object-fit: cover;
                }
                 .Traffic {
                     width: 7.14285714rem;
                     height: 7.14285714rem;
                     background-image: url(/static/media/ivs_gv.eace955f.png);
                     object-fit: cover;
                }
                 .PedestrainPri {
                     width: 7.14285714rem;
                     height: 7.14285714rem;
                     background-image: url(/static/media/ivs_gv.eace955f.png);
                     object-fit: cover;
                }
                 .PedestrainRunRL {
                     width: 7.14285714rem;
                     height: 7.14285714rem;
                     background-image: url(/static/media/ivs_gv.eace955f.png);
                     object-fit: cover;
                }
                 .TrafficEvent {
                     width: 7.14285714rem;
                     height: 7.14285714rem;
                     background-image: url(/static/media/ivs_event.b7de0cd8.png);
                     object-fit: cover;
                }
                 .selectElecPolice {
                     background-image: url(/static/media/ivs_gv_select.1652d71f.png);
                }
                 .selectTraffic {
                     background-image: url(/static/media/ivs_gv_select.1652d71f.png);