.labelRadioGroup  {
        display: flex;
    }
    .IPSegments-ipInput {
        display: flex;
        align-items: center;
        .label-normal-wrapper {
            width: 240/@px-unit !important;
        }
        .IPSegments-middle {
            margin-left: 10/@px-unit;
            margin-right: 10/@px-unit;
        }
    }
}


._ImageStream_ {
    .ImageMain {
        height: 740 /@px-unit;
    }
    .FlexLine{
        display: flex;
        .Second{
            margin-left: 10 / @px-unit;
        }
        .label-normal-behind {
            margin-left: 8 / @px-unit;
        }
    }
}
.ChannelGroup{
    .ant-checkbox-wrapper{
        width: 150 / @px-unit;
        margin-left: 5 / @px-unit;
    }
}
.CheckAll{
    margin-left: 5 / @px-unit;
    .ant-checkbox-indeterminate{
        .ant-checkbox-inner{
            border-color: @current;
        }
    }
}



._PoeManage_{
    .online {
        .svgOut(@successIcon);
        .svgFont(20);
    }
    .offline {
        .svgOut(@errorIcon);
        .svgFont(20);
    }
    .info-line {
        display: flex;
        align-items: center;
        margin-bottom: 10 / @px-unit;
        .linked {
          margin-right: 60 /@px-unit;
          .title{
            margin-right: 60/@px-unit;
          }
        }
      }
    .tips-panel {
        margin-top: 10 / @px-unit;
    }
    ._Table_ .ant-table-body {
      min-height: 450 / @px-unit;
    }  
}



._PtzConfig_ {
    padding-left: 20 / @px-unit;
    padding-top: 20 / @px-unit;
}


._UpgradeIpc_ {
    .DeviceUpgrade{
        float: left;
        margin-top: 8 / @px-unit;
    }
    .DeviceType {
        float: right;
    }
    .onlineIcon {
        .svgOut(@successColor);
        .svgFont(20);
    }
    .offlineIcon {
        .svgOut(@warningColor);
        .svgFont(20);
    }
    .errorIcon {
        .svgOut(@errorColor);
        .svgFont(20);
    }
    .LeftButton{
        float: left;
    }
    .RightButton{
        float: right;
        margin-left: 10 / @px-unit;
    }
    ._Table_ .ant-table-body {
        min-height: 500 / @px-unit;
    } 
    //ie11 设置lineHeight后表格的按钮靠上了， 去掉不影响高度
    .label-normal-wrapper.label-button{
        line-height: 0px;
    }
}
.UpgradeIPC_Attention{
    margin-top: 20 / @px-unit;
}

._OSD_ {
    overflow-y: hidden !important;
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中

    &.MainPage .ant-spin-container{
        display: flex;
        // flex-direction: row;
    }

    &plugin {
        .ptz_container {
            display: flex;

            .step_zoom_container {
                display: flex;
                flex-direction: column;
                justify-content: center;

                ._PtzZoom_ {
                    width: 80%;
                }
            }
        }
    }

    &config {
        margin: 0 20/@px-unit;
        overflow-y:auto;

        .title {
            display: flex;
            justify-content: space-between;
            // width: 410/@px-unit;

            &_checkbox {
                flex: 2;
                &.use_switch .label-normal {
                    float: right;
                    margin-left: 15/@px-unit;
                }
            }

            .setting_button {
                flex: 1;
                display: flex;
                justify-content: flex-end;
            }
        }

        .show_extend {
            display: flex;
        }
        .cover_zone_container {
            display: flex;
            .label-normal-wrapper {
                width: auto !important;
                // max-width: unset;
                min-width: auto;
            }
        }

        

        .cover_zone {
            width: 30/@px-unit;
            height: 30/@px-unit;
            padding: 0;
            margin: 5/@px-unit;
    
            &.selected {
                color: @buttonNormalTextA !important;
                border-color: @formInputBgA !important;
    
                &:focus {
                    color: @buttonNormalTextA !important;
                    border-color: @formInputBgA !important;
                }
            }
    
            &[disabled] {
                opacity: .5;
                &:hover,
                &:active,
                &.active{
                    opacity: .5;
                }
            }
        }

        // .osd-cover-border-color {
        //     color: #FBBE16
        // }

        .privacy_mask {
            display: flex;
            justify-content: space-between;
            // width: 410/@px-unit;
        }

        .color_picker {
            &_button {
                display: inline-block;
                cursor: pointer;
                width: 50/@px-unit;
                display: flex;
                align-items: center;
                justify-content: center;

                svg {
                    width: 10/@px-unit;
                    height: 10/@px-unit;
                    margin-top: 5/@px-unit;
                    margin-left: 6/@px-unit;
                }
            }

            &.disabled {
                .color_picker_button {
                    cursor: not-allowed;
                    pointer-events: none;
                }
            }
        }

        .color_picker_container {
            position: absolute;
            z-index: 2;

            .twitter_picker {
                position: fixed;
                z-index: 10;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
            }
        }

        &_exceptch {
            // overflow-y: scroll;
            max-height: 660/@px-unit;
            min-height: 400/@px-unit;
            padding-right: 60/@px-unit;
            > div:first-child {
                display: inline-block;
            }
        }
    }

    &table {

        .ant-table-container {
            width: 550/@px-unit !important;
        }
        .editable-cell-value-wrap {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            line-height: normal;
        }

        .label-normal-wrapper {
            width: auto !important;
            min-width: auto;
        }
    }
}


._ClusterCommonModule_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding-top: inherit; //为了不eslint告警写一个
    //`_${_name_}_`
    .info_table ._Table_ .ant-table-body {
        min-height: 600 / @px-unit;
    } 
    .clusterModal ._Table_ .ant-table-body {
        min-height: 500 / @px-unit;
    } 
}

.clusterControl {
    display: flex;
    .open {
        padding-right: 20 / @px-unit !important;
    }
}

._ClusterDevice_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding-top: inherit; //为了不eslint告警写一个
    //`_${_name_}_`
}

.ClusterLog_detailModal{
    width: 650/@px-unit !important;
    .loginfo_Table{
        height: 290/@px-unit;
    }
    ._Table_ .ant-table-body {
        min-height: 290 / @px-unit;
    } 
    .ant-modal-footer{
        height: 53 / @px-unit;
        .ClusterLog_detailButton{
            display: flex;
            justify-content: space-between;
            .ClusterLog_btnLeft {
                display: flex;
                float: left;
            }
            .label-div-Container{
                margin-left: 10 / @px-unit;
            }
        }
    }
}
.ClusterLog_timePicker {
    display: flex;
    justify-content: space-between;
    .ClusterLog_datePicker {
        display: flex;
        .ClusterLog_right {
            margin-left: 20 / @px-unit;
        }
    }
}



._RecordBack_ {
    padding-top: inherit;
    .editable-cell-value-wrap {
        height: auto;
    }
    ._Table_ .ant-table-body {
        min-height: 600 / @px-unit;
    }
}
.recordinfo-footer-btn {
    display: inline-block;
    .label-div-Container {
        display: inline-block;
        &:first-child {
            margin-right: 10 /@px-unit;
        }
    }
}

.record-device-info, .record-device-info {
    display: flex;
    .label-normal-wrapper {
        width: 150/@px-unit !important;
    }
}
.recordBackModal {
    ._Table_ .ant-table-body {
        min-height: 500 / @px-unit;
    }
}

.BottomItem{
    // margin-top: 105 / @px-unit; /* 分割线下移 */
    position: relative;
    top: 25vh;
    .dividerLine{
        height: 1 / @px-unit;
        width: 95%;
        margin-left: 2vw;
        background: @MenuViewDivideLine;
    }
    .ConfigTitle{
        font-size: 1.2rem;
        margin-top: 50 / @px-unit;
        font-weight: bold;
        margin-left: 2vw;
    }
    .ItemsWrap {
        display: flex;
        flex-wrap: wrap;
    }
    .Items{
        display: flex;
        flex: 1;
        margin-top: 2vh;
        margin-left: 2vw;
        cursor: pointer;
        .BottomText{
            margin-top: 3 / @px-unit;
            margin-left: 10 / @px-unit;
        }
    }
    .Items:hover{
        color: @--primary-5;
        svg path{
            fill: @--primary-5;
        }
    }
    .home_BottomMenu{
        .svgOut(@pageTextN);
    }
}
.BottomItemTip {
    word-break: break-word;
}






.header-HelpAlarm {
    cursor: pointer;
    &:hover {
        .svgHover(@homeTaskIconColorA);
    }
}




.header-homeBack{
    cursor: pointer;
    &:hover{
        .svgHover(@homeTaskIconColorA);
    }
}


.languageDropMenu {
    min-width: 130/@px-unit !important;
}
/* 按钮样式 */
.task_languageBtn{
    min-width:50/@px-unit ;
    .cus_icons{
        .svgHover(@homeTaskIconColorA);
    }
}
.task_languageBtn:hover{
    .cus_icons{
        .svgOut(@homeTaskIconColorA);
    }
}

.LanguageButtons {
    .language {
        background-color: #007A0C !important;
        color: white !important;
    }
    .label-normal-container {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    width: 210 / @px-unit;
    @media all and (-ms-high-contrast:none) {
        //这里是要单独为IE11设置的样式
        /* ie11 下按钮不居中的问题 */
        margin-top: 11 / @px-unit;
    }
}

.live {
   .liveBtn {
        .label-normal-container {
            padding-top: 0px !important;
            padding-bottom: 0px !important;
        }
        background-color: red !important;
        color: white !important;
    } 
    margin-left: 8 / @px-unit;
    margin-right: 8 / @px-unit;
    @media all and (-ms-high-contrast:none) {
        //这里是要单独为IE11设置的样式
        /* ie11 下按钮不居中的问题 */
        margin-top: 11 / @px-unit;
    }
}


.cursor {
    cursor: pointer;
    &:hover {
        color: @navMenuTextA;
    }
}


._MenuView_ {
    height: 100%;
    width: 100%;
    background-size: 100% 100%;
    &.bgImage {
        background-image: url('/static/media/@{themeMainImage}.jpg');
    }
    .MenuView-Carousel{
        color: @MenuViewItemTitleTextN;
        width: 95%;
        height: 95%;
        position: absolute;
        top: 4vh;
        // margin-top: -300/@px-unit;
        margin-left: 3%;
        background-color: @MenuViewBg;
    }
    .MenuView-Carousel-Page {
        padding: 5vh 1vw;
    }
    .ant-card {
        background-color: inherit;
        color: @MenuViewItemTitleTextN;
        cursor: pointer;
    }
    .ant-card-grid {
        box-shadow: none;
        padding: 1vw;
    }
    .ant-card-grid-hoverable:hover {
        position: relative;
        z-index: 1;
        color: @MenuViewItemTitleTextA;
        box-shadow: 0 0px 8px @MenuViewItemShadowA;
        .ViewItem-CardItem-Message {
            color: @MenuViewItemContentTextA;
        }
        background-color:@MenuViewBgA !important;
    }
    .ant-image-img {
      width: 7.5vw;
    }
    .ViewItem-CardItem {
        height: 22vh;
        .ViewItem-CardItem-Row{
            height: 100%;
        }
    }
    .ViewItem-CardItem-Icon {
        font-size: 0;
        font-weight: bold;
    }
    .ViewItem-CardItem-Title {
        font-size: 1.3rem;
        font-weight: bold;
    }
    .ViewItem-CardItem-Message {
        font-size: 1.1rem;
        color: @MenuViewItemContentTextN;
    }
    .pageContain {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 57vh;
        left: 41vw;
        .label-normal-wrapper{
            height: 44/@px-unit;
        }
    }
    .pagination {
        z-index: 20;
        width: 100%;
        text-align: center;
    }
    .swiper-pagination-switch {
        position: relative;
        display: inline-block;
        width: 12/@px-unit;
        height: 12/@px-unit;
        border-radius: 50%;
        background: @MenuViewPageSwitchSvgN !important;
        margin: -1/@px-unit 10/@px-unit;
        border: transparent;
        cursor: pointer;
    }
    .swiper-active-switch {
        width: 16/@px-unit;
        height: 16/@px-unit;
        margin: -2/@px-unit 10/@px-unit;
        background: @MenuViewPageSwitchSvgA !important;
    }
    .swiper-button {
        font-weight: bold;
        z-index: 20;
        &.prev {
            &:hover {
                color: @MenuViewPageSwitchSvgA;
            }
        }
        &.next {
            &:hover {
                color: @MenuViewPageSwitchSvgA;
            }
        }
        &[disabled], &[disabled]:hover{
            .cus_icons{
                .svgDisabled(@MenuViewPageSwiperSvgD); // 箭头禁用
            }        
        }
        &:not([disabled]){
            .cus_icons{
                .svgOut(@MenuViewPageSwiperSvgN);
            }
        }
    }

    //主页—ICON相关
    [class*="m-h-icon"] {
        display: inline-block;
        width: 80/@px-unit;
        height: 80/@px-unit;
    }
}

.swiper-container {
	overflow:hidden;
	direction:ltr;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
    position:relative;
    margin-top: -10px;
	width:100%;
	height: 42vh !important;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	height: 42vh !important;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}



.home_settingBtn{
    .cus_icons{
        .svgHover(@homeTaskIconColorA);
        margin: 0 15/@px-unit !important;
    }
}

.home_settingBtn:hover{
    .cus_icons{
        .svgOut(@homeTaskIconColorA);
    }
}



.side-button {
    background-color: transparent;
    border: none;
    outline: none;
}

.sideMenu {
    .ant-menu {
        &:not(.ant-menu-horizontal) .ant-menu-item-selected {
            background-color: @SideMenuItemBg;
            color: @SideMenuTextA;

            a {
                color: @SideMenuTextN;
            }
        }

        &.sideMenuBody {
            height: calc(100vh - @navMenuHeight);
            @media screen and (max-width: 1280px) {
                height: calc(100vh - @navMenuAddScrollHeight);
            }
            border-right: 1px solid @BottomBarBorder !important;
            background-color: @SideMenuBg;
            color: @SideMenuTextN;

            &.ant-menu-inline {
                //不包含子菜单
                .ant-menu-item {
                    // margin-left: 10/@px-unit;
                    margin-top: 0;
                    margin-bottom: 0;
                    width: calc(100%);
                    height: 50px;
                    line-height: 50px;

                    &::after {
                        border-right: none;
                    }
                    .anticon {
                        &.cus_icons {
                            left: 2 / @px-unit;
                            visibility: hidden;
                            position: relative;
                            top: 6 / @px-unit;
                            .svgFont(25);
                            .svgOut();
                        }
                    }

                    a {
                        margin-left: 15 / @px-unit;
                        font-size: 16 / @px-unit;
                        display: inline !important;
                        color: @SideMenuTextN;
                    }
                    &:active {
                        background: transparent;
                    }
                    &:hover {
                        color: @SideMenuTextA;

                        a {
                            color: @SideMenuTextA;
                        }
                    }

                    &.ant-menu-item-selected {
                        a {
                            color: @SideMenuItemSelectTextA;
                        }
                        .anticon {
                            &.cus_icons {
                                visibility: visible;
                                .svgOut(@SideMenuItemSelectSvgA);
                            }
                        }
                    }
                    .infoBadge {
                        float: right;
                    }
                }

                //包含子菜单
                .ant-menu-submenu {
                    //normal状态
                    .ant-menu-submenu-title {
                        margin-top: 0;
                        margin-bottom: 0;
                        height: 50 / @px-unit;
                        line-height: 50 / @px-unit;

                        span {
                            font-size: 16 / @px-unit;
                            color: @SideMenuTextN;
                        }
                        &:active {
                            background: transparent;
                        }
                        .ant-menu-submenu-arrow {
                            &::before,
                            &::after {
                                background: @mainPageSvgN;
                            }
                        }
                        .anticon {
                            &.cus_icons {
                                position: relative;
                                top: 5 / @px-unit;
                                .svgFont();
                                &.placeholder {
                                    visibility: hidden;
                                }
                            }
                        }
                    }

                    //open状态，图标字体箭头均改变
                    &.ant-menu-submenu-open {
                        .ant-menu-submenu-title {
                            span {
                                // font-size: 16/@px-unit;
                                color: @SideMenuTextA;
                            }

                            .ant-menu-submenu-arrow {
                                &::before,
                                &::after {
                                    background: @SideMenuArrowSvgA;
                                }
                            }
                            /* 子菜单模块图标 */
                            .cus_icons {
                                .svgOut(
                                    @MenuViewSubItemSvgA,
                                    @MenuViewSubItemSvgA,
                                    @MenuViewSubItemSvgA
                                );
                            }
                        }
                    }

                    //open状态hover不需要更改，非open状态hover需要更换色值（仅字体色改变）
                    &:hover:not(.ant-menu-submenu-open) {
                        .ant-menu-submenu-title {
                            span {
                                color: @SideMenuTextA;

                                /* i {
                                    color: @mainPageSvgN
                                } */
                            }
                        }
                    }

                    .ant-menu-item {
                        padding-left: 24px !important;
                        &.ant-menu-item-selected {
                            .anticon {
                                &.cus_icons {
                                    visibility: visible;
                                }
                            }
                        }
                        /* 智能菜单展开默认颜色 */
                        a {
                            color: @sideMenuItemTextN;
                        }
                        /* 菜单展开hover的颜色 */
                        &:hover:not(.ant-menu-item-selected) {
                            a {
                                color: @sideMenuItemTextA;
                            }
                        }
                    }
                    //子菜单
                    .ant-menu-sub {
                        background-color: @setUpContentBg;
                        width: 99.5% !important;
                    }
                }
            }
        }
    }
}


._SideView_ {
    min-width: 1280px;
    height: 100%;
    background-color: @setUpContentBg;
    .ant-tabs {
        .ant-tabs-bar {
            border-bottom-color: @setUpContentBg;

            .ant-tabs-nav-container {
                height: 50px;

                .ant-tabs-nav-wrap {
                    .ant-tabs-nav {
                        .ant-tabs-tab {
                            width: 200 / @px-unit;
                            height: 50px;
                            text-align: center;
                            background: @tabBgN;
                            color: @tabTextN;
                            border: 1px solid @tabBorder;
                            margin: 0;

                            &.ant-tabs-tab-active {
                                background: @tabBgA;
                                color: @tabTextA;
                            }
                        }

                        .ant-tabs-ink-bar {
                            visibility: hidden;
                        }
                    }
                }
            }
        }
    }

    .m-side-container {
        // height: calc(100vh - 36px);
        width: 12.5%;
        min-width: 100px;
        overflow-y: auto;
        background: @SideMenuBg;
    }

    .m-main-page {
        height: 100%;
        background: @setUpBodyBg;

        & > div {
            background: @setUpContentBg;
            width: 100%;
            height: 100%;
        }

        .MainPage {
            padding: 16 / @px-unit;
            padding-bottom: 66 / @px-unit;
            // 没有底部按钮栏
            &.noFixedButton {
                padding-bottom: 0px;
            }
        }
        @media screen and (-webkit-min-device-pixel-ratio: 1.1),
            (-ms-high-contrast: active),
            (-ms-high-contrast: none) {
            .MainPage {
                // 没有底部按钮栏
                &:not(.noFixedButton) {
                    height: calc(100% - 66px);
                    overflow-y: auto;
                }
            }
        }

        .content-container {
            // height: calc(100vh - 94px);
            overflow-x: hidden;
            overflow-y: auto;
            .fixed-button {
            
                    bottom: 5/ @px-unit;
                }
        }
    }
    .ant-spin-nested-loading,
    .ant-spin-container {
        position: static;
        height: 100%;
    }
    ._SideTabView_ {
        height: 100%;
        overflow-y: hidden;
        ._SideTabView_Tabmenu{
            .ant-tabs-nav .ant-tabs-tab-btn{
                /* 设置页面 tab 上面和左边出现了双边框 */
                border-top: 0px;
                border-left: 0px;
            }
        }
    }
    ._SideTabView_ > .ant-col {
        position: static;
        height: 100%;
    }
    /* 整体页面内容高度增加限制， 会被按钮遮挡 */
    ._SideTabView_ > .ant-col > .ant-row:nth-child(2) {
        height: calc(100% - 50px);
        overflow-y: auto;
    }
}


.header-tabMenu {
    width: 100%;
    line-height: @navMenuLineHeight;
    .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
        background-color: @topTabBgA !important;
        border: none;
        color: @navMenuTextA !important;
    }
    .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
        background-color: @topTabBgN;
        border: none;
        border-left: 1px solid @topTabBgA;
        border-right: 1px solid @topTabBgA;
        text-align: center;
        line-height: @navMenuLineHeight;
        width: unset;
        margin-right: 9/@px-unit;
        color:@navMenuTextN;
    }
    .ant-tabs-bar {
        border: none;
        color:@navMenuTextN;
        margin: 0;
    }
    .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container {
        height: @navMenuLineHeight;
    }
    .ant-tabs-nav-container {
        line-height: @navMenuLineHeight;
    }
    .ant-tabs-tab-next{
        height: @navMenuLineHeight;
        color:@navMenuIconSvgN;
        &:hover{
            color:@navMenuIconSvgA;
        }
    }
    .ant-tabs-tab-prev{
        height: @navMenuLineHeight;
        color:@navMenuIconSvgN;
        &:hover{
            color:@navMenuIconSvgA;
        }
    }

    .ant-tabs-tab {
        height: auto !important;
        width: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        & > div {
            display: flex;
            width: 122/@px-unit;
            align-items: center;
            justify-content: space-between;
            padding: 0 0.3rem;
        }

        .anticon-close{
            color:@navMenuIconSvgN !important;
            margin: 0 !important;
        }

        .tab-item {
            display: flex;
            margin-left: 5/@px-unit;
            align-items: center;
            width: 100%;
            .ant-image{
                width: 25/@px-unit; // 为了与svg一致增加左右间距
                .ant-image-img{
                    // 图片大小
                    width: 16/@px-unit;
                }
            }
            .tabIcon{
                // svg 大小
                font-size: 20/@px-unit;
            }
            .tab-text{
                flex: 1;
                margin-left: 4/@px-unit;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }
        }
    }

    .ant-tabs-tab-btn:focus,
    .ant-tabs-tab-remove:focus,
    .ant-tabs-tab-btn:active,
    .ant-tabs-tab-remove:active {
        color:@navMenuTextN;
    }
    .errorCls{
        width: 100% !important;
        color: @errorColor;
        text-align: center;
        font-size: @font-size-base !important;
    }
}


.header-Timer {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}



.userDropMenu{
    &.iconDropMenu{
        min-width: 130/@px-unit !important;
    }
}
/* 按钮样式 退出登录的icon图标样式不对 */
// .task_userBtn{
//     min-width:45/@px-unit ;
//     .cus_icons{
//         .svgHover(@homeTaskIconColorA);
//     }
// }
// .task_userBtn:hover{
//     .cus_icons{
//         .svgOut(@homeTaskIconColorA);
//     }
// }



@IEBrowerColor: @current;
._AlarmHub_ {
    width: 100%;
    ._AllDevice_ {
        .all-device-upper {
            display: flex;
            justify-content: space-between;
            .upper-left {
                display: flex;
                align-items: center;
                line-height: 48/@px-unit;
            }
            .upper-right {
                display: flex;
                align-items: center;
            }
        }
        .all-device-table {
            .table-header-bar {
                display: flex;
                justify-content: space-between;
                align-items: center;
                .header-left {
                    flex-grow: 1;
                }
                .header-right {
                    flex-shrink: 0;
                }
                .ant-tabs {
                    .ant-tabs-nav {
                        &::before {
                            content: none;
                        }
                        .ant-tabs-tab:not(:first-of-type) {
                            margin-left: 20/@px-unit;
                        }
                        .ant-tabs-tab-btn {
                            height: 40/@px-unit;
                            line-height: 40/@px-unit;
                            padding: 0 8/@px-unit;
                            text-align: center;
                            min-width: 118/@px-unit;
                            width: auto;
                        }
                    }
                }
            }
            .table-bottom-bar1 {
                display: flex;
                justify-content: space-between;
                line-height: 32/@px-unit;
                // padding: 8/@px-unit 0;
            }

            .table-bottom-bar2 {
                display: flex;
                line-height: 32/@px-unit;
                // padding: 8/@px-unit 0;
            }
        }
    }
    ._AddedDevice_ {
        .table-header-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 64/@px-unit;
            .ant-tabs {
                .ant-tabs-nav {
                    &::before {
                        content: none;
                    }
                    .ant-tabs-tab:not(:first-of-type) {
                        margin-left: 20/@px-unit;
                    }
                    .ant-tabs-tab-btn {
                        height: 40/@px-unit;
                        line-height: 40/@px-unit;
                        padding: 0 8/@px-unit;
                        text-align: center;
                        min-width: 118/@px-unit;
                        width: auto;
                    }
                }
            }
        }
        .blueIEBrowser {
            .svgOut(@IEBrowerColor);
        }
        .table-bottom-bar {
            display: flex;
            line-height: 48/@px-unit;
            // padding: 8/@px-unit 0;
        }
        .manage-table-icon-wrapper {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        ._Table_ .ant-table-body {
            min-height: 180 / @px-unit;
        }
    }

    .remoteDevice-table {
        ._Table_ .ant-table-body {
            min-height: 180 / @px-unit;
        } 
    }
    .grid-successIcon {
        .svgOut(@successIcon);
    }
    .grid-wifiIcon {
        .svgOut(@current)
    }
    .grid-errorIcon {
        .svgOut(@errorIcon)
    }
    .grid-unInitIcon {
        .svgOut(@warningColor)
    }
    .manage-grid-unInitIcon {
        .svgOut(@warningColor);
        .svgFont(20);
    }
    .manage-grid-errorIcon {
        .svgOut(@errorIcon);
        .svgFont(20);
    }
    .manage-grid-successIcon {
        .svgOut(@successIcon);
        .svgFont(20);
    }
    .grid-deleteIcon {
        .svgHover(@errorColor)
    }
    .grid-previewIcon {
        cursor: pointer;
    }
    .table-hidden {
        height: 0;
        overflow: hidden;
    }
}
.deviceTip.ant-tooltip {
    max-width: 400 / @px-unit !important;
}
.__ModifyDeviceForm__ {
    .label-radio-wrapper {
        .ant-radio-wrapper {
            width: 150/@px-unit;
        }
    }
    ._Table_ .ant-table-body {
        min-height: 160 / @px-unit;
    } 
}
.addDevice-modal {
    .ant-form-item-has-error {
        .ant-input {
            border-color: @errorColor;
        }
    }
    .modify-labelInputNumber {
        .ant-input-number {
            width: 100%;
        }
    }
}
._ZDChannelGroupModal_ {
    display: flex;
    flex-wrap: wrap;
    .checkbox {
        display: inline-block;
    }
    .label {
        display: inline-block;
        height: 40px;
        line-height: 40px;
    }
    .chn_btn.ant-btn {
        color: @buttonNormalTextN;
        background-color: transparent;
        width: 30px;
        height: 30px;
        padding: 0;
        margin: 5px;
        text-align: center;
        &.selected {
            color: @buttonNormalTextA;
            border-color: @formInputBgA;
            &:focus {
                color: @buttonNormalTextA;
                border-color: @formInputBgA;
            }
        }
        &.allbtn {
            font-size: 10px;
        }
        &[disabled] {
            opacity: .5;
            &:hover,
            &:active,
            &.active{
                opacity: .5;
            }
        
        }
    }

}

._RemoteDevInit_ {
    .ant-modal-body {
        height: 600/@px-unit;
    }
    .step1-footer {
        display: flex;
        flex-direction: row-reverse;
    }
    .step2-footer {
        display: flex;
        justify-content: space-between;
        .step2-footer-right {
            display: flex;
        }
    }
    .step3-footer {
        display: flex;
        justify-content: space-between;
        .step3-footer-right {
            display: flex;
        }
    }
    .step4-footer {
        display: flex;
        flex-direction: row-reverse;
    }
    .initSuccess {
        color: green;
    }
    .initFailed {
        color: red;
    }
    .label-radio-wrapper {
        .ant-radio-wrapper {
            width: 150/@px-unit;
        }
    }
    ._Table_ .ant-table-body {
        min-height: 200 / @px-unit;
    } 
}

.__useModeErrorModal__ {
    .ant-modal-body {
        height: 260/@px-unit;
    }
}
.remote-init-failed-table {
    ._Table_ .ant-table-body {
        min-height: 200 / @px-unit;
    } 
}


._AlarmHubSearch_ {
    .pageLine {
        float: none;
    }
    &detailButton {
        display: flex;
        justify-content: space-between;
    }
    &searchLine {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }
    &backupLine {
        display: flex;
        flex-direction: row-reverse;
    }
}



._HubDevice_ {

    .success_icon {
        .svgOut(@successIcon);
    }

    .error_icon {
        .svgOut(@errorIcon);
    }

    .setting-icon {
        cursor: pointer;
    }
}


.onlineIcon {
    .svgOut(@successColor) !important;
    .svgFont(20) !important;
}
.offlineIcon {
    .svgOut(@errorColor) !important;
    .svgFont(20) !important;
}

.content-wrapper {
    display: flex;
    width: 100%;
    height: 100%;
    .pagination-left, .pagination-right {
        display: flex;
        align-items: center;
        width: 50/@px-unit;
    }
    .header-titles {
        width: auto;
        max-width: 110/@px-unit;
        margin-right: 30 / @px-unit;
        .title-wrapper {
            display: flex;
            flex-direction: column;
            padding: 8/@px-unit 0;
            .header-title-item {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                line-height: 30/@px-unit;
            }
            .header-title-first {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                line-height: 32/@px-unit;
            }
        }
    }
    .channel-radios {
        width: auto;
        .sdd-radioGroup-container{
            height: auto;
        }
        .radio-group-wrapper {
            display: flex;
            .channel-radio-group {
                display: flex;
                flex-direction: column;
                .channel-one-radio-group {
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    .ant-radio-group {
                        margin-top: 11/@px-unit;
                    }
                    .ant-radio-wrapper {
                        height: 30/@px-unit !important;
                        line-height: 16/@px-unit !important;
                    }
                }
            }    
        }    
    }    
}


.search_type {
    padding-left: 30 / @px-unit;
}

.search_button {
    float: right;
    margin-top: -50 / @px-unit;
}

.IOTSearch_fail {
    color: @errorColor;
}

.IOTSearch_Table {
    ._Table_ .ant-table-body {
        min-height: 450 / @px-unit;
    }
}
.IOTSearch_tablebottom {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-top: 10 / @px-unit;
    .pageLine {
        margin-right: 10 / @px-unit;
        margin-top: 0;
    }
    & > .label-div-Container > .label-normal-container {
        padding: 0 !important;
        & > .label-normal-wrapper {
            line-height: normal;
        }
    }
}


.echart_lengend_color{
    color: @pageTextN;
}
.echart_line{
    color: @pageBorderN;
}


._Partition_{
    padding: 20 / @px-unit;
}

._RealDisplay_{
    ._Table_ .ant-table-body{
        min-height: 240/@px-unit;
        .fail{
            color: @errorColor;
        }
        .ant-table-cell{
            word-break:break-all;
        }
    }
}


._TemperHumidity_wrapper{
    width:100%;
    padding:20/@px-unit;
     .ant-table-cell{
        word-break:break-all;
    }
}

._AlgorithmVersion_ {
    .TextNormal{
        color:@pageTextN
    }
    .TextRed{
        color:@errorColor
    }
}

._CfgManage_ {
    .ConfirmTip{
        padding-top: 8/@px-unit;
        padding-bottom: 8/@px-unit;
    }
    .ExportButton{
        padding-top: 8/@px-unit;
        padding-bottom: 8/@px-unit;
    }
}


._ChannelInfo_ {
    .FlexLine{
        display: flex;
        ._Table_{
            width: 40%;
        }
        ._Table_ .ant-table-body {
            min-height: 500 / @px-unit;
        } 
        .RightPane{
            margin-left: 40 / @px-unit;
        }
    }
    .channelState{
        .svgOut(@successIcon);
        .svgFont(20);
    }
}

._ChannelState_ {
    .anticon-left, .ant-pagination-simple-pager, .anticon-right{
        color:@pageTextA
    }
    /* .ant-pagination-simple-pager input{
        background-color: @pageBodyBg;
        border-color: @pageBorderN;
    }   */  
    ._Table_ .ant-table-body {
        min-height: 600 / @px-unit;
    } 

}

._DefaultCfg_ {
    .DefaultCfgLine {
        display: flex;
        padding-top: 8 / @px-unit;
        padding-bottom: 8 / @px-unit;
        width: 800 / @px-unit;
        .wrapCol{
            flex:inherit;
            button {
                width: 130 / @px-unit;
            }
        }
        .DefaultTip {
            margin-left: 40 / @px-unit;
            display: flex;
            align-items: center;
        }
    }
}


._DeveloperLog_ {
    .FlexLine{
        display: flex;
        .LogLevel{
            margin-left: 100 / @px-unit;
        }
    }
    ._Table_ .ant-table-body {
        min-height: 500 / @px-unit;
    } 

}


._DiskInfo_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding-top: inherit; //为了不eslint告警写一个
    //`_${_name_}_`
    .record_time_modal {
        ._Table_ .ant-table-body {
            min-height: 240 / @px-unit;
        } 
    }
    .detect_smart_modal {
        ._Table_ .ant-table-body {
            min-height: 220 / @px-unit;
        } 
    }
.label-v4-version {
    text-align: right;
}
    ._Table_ .ant-table-container {
        min-height: 500 / @px-unit;
    }
                            
}
.detect_smart_modal {
    .detectTips {  
        width: 600 / @px-unit !important;
    }
}
.disk_info_BtnDiv {
    display: flex;
    justify-content: flex-end;

    .btn-left {
        margin-right: 10 / @px-unit;
    }
}

.record_updata_modal {
    .label-normal-container {
        display: flex;
    }
}

._LogManage_ {
    .Type{
        display: flex;
        float: left;
        .TimeRange{
            display: flex;
            align-items: center;
            margin-left: 15 / @px-unit;
            height: 48 / @px-unit;
        }
        .Search{
            position:absolute;
            right: 20 / @px-unit;
        }
    }
    .Clear{
        display: flex;
        float: right;
        margin-top: 40 / @px-unit;
        .label-div-Container{
            margin-left: 10 / @px-unit;
        }
    }
    .pageLine{
        display: flex;
        float: left;
        margin-top: 10 / @px-unit;
        .anticon-left, .ant-pagination-simple-pager, .anticon-right{
            color: @pageTextA
        }
       /*  .ant-pagination-simple-pager input{
            background-color: @pageBodyBg;
            border-color: @pageBorderN;
        } */
        .pageTip{
            position: absolute;
            right: 16 / @px-unit;
        }
    }
}
.LogManage_detailModal{
    width: 650/@px-unit !important;
    .loginfo_Table{
        height: 291/@px-unit;
        // overflow-y: scroll;
    }
    .ant-modal-footer{
        height: 53 / @px-unit;
        .LogManage_detailButton{
            display: flex;
            float: right;
            .label-div-Container{
                margin-left: 10 / @px-unit;
            }
        }
    }
    ._Table_ .ant-table {
        max-height: 290 / @px-unit;
        overflow-y: auto;
    }
}
.FileBackupEncrypt{
    width: 100 / @px-unit;
}
.TimeFormat{
    .ant-picker-header-view{
        color: @pageTextA;
    }
}

._Maintenance_ {
    .AutoReboot{
        display: flex;
        .TimeSelect{
            margin-left: 5/@px-unit;
        }
    }
}

._NetTest_ {
    .FlexLine {
        display: flex;
        justify-content: center;
    }
    .ipSpan {
        width: 20 / @px-unit;
        margin-top: 3 / @px-unit;
    }
    ._Table_ .ant-table-body {
        min-height: 500 / @px-unit;
    }
    // .address_input {
    //     display: flex;
    //     .label-normal-container {
    //         padding: 0 5 / @px-unit !important;
    //     }
    // }
    .label-normal-container {
        padding: 0 5 / @px-unit !important;
    }
    ._MidTitleDivider_ {
        margin-top: 0;
    }
    .addressTest-reulst {
        height: 160 / @px-unit;
    }
    .m-c-r {
        color: @errorColor !important;
    }
    .m-c-1EB149 {
        color: @successColor;
    }
    .addressTest-content {
        input {
            width: 240 / @px-unit;
        }
        .addressTest-content {
            display: inline-block;
            vertical-align: top;
        }
    }
}


._OnlineMaintenance_ {
    .DateExport{
        display: flex;
        padding-top: 30 / @px-unit;
        padding-left: 20 / @px-unit;
        .ExportTip{
            margin-left: 20 / @px-unit;
            margin-top: 13 / @px-unit;
        }
    }
}

._NetInfo_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding-top: inherit; //为了不eslint告警写一个
    //`_${_name_}_`
    ._Table_ .ant-table-body {
        min-height: 180 / @px-unit;
    } 
}

._PocInfo_ {
    .FlexLine{
        display: flex;
        ._Table_{
            width: 40%;
        }
        ._Table_ .ant-table-body {
            min-height: 500 / @px-unit;
        } 
        .RightPane{
            margin-left: 40 / @px-unit;
        }
    }
}

._RecordInfo_{
    .recordTable{
        width: 80vw;
    }
    ._Table_ .ant-table-body {
        min-height: 360 / @px-unit;
    } 
}

._Update_ {
    .ant-btn::before {
        background: none!important;
     }
    .UpdateLine {
        display: flex;
        align-items: center;
        .update_Label {
            width: 110 / @px-unit;
        }
        .checkUpdateText {
            width: 150 / @px-unit;
        }
        .update_text {
            width: 140 / @px-unit;
        }
    }
    .UpdateButton {
        width: 119 / @px-unit;
    }
    .NewestVersion {
        padding-top: 8 / @px-unit;
        padding-bottom: 8 / @px-unit;
        color: @successColor;
    }
    .newVersion {
        padding-top: 8 / @px-unit;
        padding-bottom: 8 / @px-unit;
        .findNewVersion {
            color: @errorColor;
            margin-right: 5 / @px-unit;
            width: 150 / @px-unit;
        }
        .updatePanel {
            height: 200 / @px-unit;
            width: 620 / @px-unit;
            padding: 0 10 / @px-unit;
            border: 1 / @px-unit solid;
            border-color: @pageBorderN;
            overflow: auto;
        }
        .UpdateButton {
            width: 119 / @px-unit;
            margin-left: 500 / @px-unit;
        }
    }
}


._VersionInfo_ {
    .SystemVersion {
        width: 300 / @px-unit;
    }
    .achor_info {
        .label-normal {
            color: @achor_infoColor;
            cursor: pointer;
            &:hover {
                color: @achor_infoHoverColor;
            }
        }
    }
    .serialNumber {
        width: 216px;// 与二维码单位一致
        height: 216px;
        padding: 8px;
        background-color: #FFF;// 二维码背景色不会变
    }
}



._CrowdDensity_ {
    .ant-checkbox-wrapper + .ant-checkbox-wrapper {
        margin-left: 0;
    }
}

._FaceFlowStat_ {
    .condition-type {
        .label-normal-wrapper {
            width: auto !important;
        }
    }
}


._FishEye_ {
    .range-tip {
        margin: 10/@px-unit 0 5/@px-unit;
    }
    .radar-img {
        width: 300/@px-unit;