}
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
}
 ._NJHESPT_ {
     padding-left: 20 / @px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
}
 ._ONVIF_ {
     .ONVIF_Offline {
         color: @errorColorNo17;
    }
     .ONVIF_Online {
         color: @successColorNo19;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
}
 ._P2P_ {
     .p2p_Offline {
         color: @errorColorNo17;
    }
     .p2p_Online {
         color: @successColorNo19;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
}
 .label-div-Container {
     .label-normal-container .label-normal-wrapper {
         .ant-input-number {
             width: 100%;
        }
    }
}
 ._SHBX_ {
     .osdOption-region {
         width: 800/@px-unit;
         height: 255/@px-unit;
         padding: 10/@px-unit;
         border-radius: 1/@px-unit;
         border: solid 1/@px-unit @grayBlackBorder;
         overflow-y:auto;
         button {
             width: 120/@px-unit;
             height: 32/@px-unit;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
             word-wrap: normal;
             background: #fff;
             border-radius: 2/@px-unit;
             border: solid 1/@px-unit @grayBlackBorder;
             padding: 0;
             span {
                 display: inline;
            }
        }
    }
     .sort-region {
         width: 600/@px-unit;
         height: 255/@px-unit;
         padding: 10/@px-unit;
         background: @grayBlack;
         overflow-y:auto;
         border-radius: 1/@px-unit;
         border: solid 1/@px-unit @grayBlackBorder;
         .OSDitem-move {
             width: 120/@px-unit;
             height: 32/@px-unit;
             border: solid 1/@px-unit @grayBlackBorder;
             text-align: center;
             line-height: 27/@px-unit;
             background: #fff;
             cursor: move;
             margin-left: 10/@px-unit;
             float: left;
             border-radius: 2/@px-unit;
             margin-top: 10/@px-unit;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
             word-wrap: normal;
        }
    }
}
 ._SHDK_ {
     .ant-table-body {
         .ant-table-cell {
             padding: 0 !important;
        }
    }
}
 ._SHQLGZ_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
}
 ._SHYB_ {
     .ant-input-number {
         width: 100%;
    }
}
 ._VspOsdComponent_ {
     width: 35.71428571rem;
     padding-top: inherit;
     .sort-region {
         width: 440/@px-unit;
         height: 250/@px-unit;
         padding: 10/@px-unit;
         background: @grayBlack;
         overflow-y:auto;
         border-radius: 1/@px-unit;
         border: solid 1/@px-unit @grayBlackBorder;
         .OSDitem-move {
             width: 88/@px-unit;
             height: 32/@px-unit;
             border: solid 1/@px-unit @grayBlackBorder;
             text-align: center;
             line-height: 27/@px-unit;
             background: #fff;
             cursor: move;
             margin-left: 10/@px-unit;
             float: left;
             border-radius: 2/@px-unit;
             margin-top: 10/@px-unit;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
             word-wrap: normal;
        }
    }
     .osdOption-region {
         width: 440/@px-unit;
         padding: 10/@px-unit;
         border-radius: 1/@px-unit;
         border: solid 1/@px-unit @grayBlackBorder;
         overflow-y:auto;
         margin: 10/@px-unit 0;
         button {
             width: 88/@px-unit;
             height: 32/@px-unit;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
             word-wrap: normal;
             background: #fff;
             border-radius: 2/@px-unit;
             border: solid 1/@px-unit @grayBlackBorder;
             span {
                 display: inline;
            }
        }
    }
}
 ._SSLLZF_ {
     padding-left: 20 / @px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
}
 ._SYDJ_ {
     padding-left: 20/@px-unit;
     .flex-content{
         display: flex;
         align-items: center;
    }
}
 ._SZDB_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
}
 ._TCJC_ {
     .display-none {
         display: none;
    }
     .display-block {
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain {
         color: @errorColorNo17;
    }
     .ant-card {
         .ant-card-head {
             background-color: @panelBackgroundColor;
        }
    }
     .display-flex {
         display: flex;
    }
}
 .label-div-Container {
     .label-normal-container .label-normal-wrapper {
         .ant-input-number {
             width: 100%;
        }
    }
}
 ._VSPGAVI_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
}
 ._VSPGB_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .protocolVersion-wrap{
         display: inline-block;
         padding-left: 30 /@px-unit;
         vertical-align: middle;
    }
     .span-label{
         padding-left: 30 /@px-unit;
         width: 150 /@px-unit;
    }
     .span-text{
         padding-left: 10 /@px-unit;
         width: 110 /@px-unit;
    }
}
 ._VSPGBCert_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .label-normal-wrapper {
         .fileReader-input{
             width: 340 /@px-unit;
        }
    }
}
 ._WXJZPT_ {
     .important-tip {
         color: @errorColorNo17;
         opacity: 0;
         transition: opacity 1s ease-in-out;
    }
     .important-tip.show {
         opacity: 1;
    }
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
}
 ._XBYDB_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
}
 ._XHJ_ {
     padding-left: 20 / @px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
}
 ._XJSFZ_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
}
 ._XSP_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
}
 ._XSPT_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
}
 ._YHL_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
}
 ._YHLCHENZHOU_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
     .ant-checkbox-group {
         line-height: 35/@px-unit;
    }
}
 ._YNGS_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
}
 ._YQKJZC_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
}
 ._DHZHTC_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
}
 ._YZBB_ {
     .sort-region {
         width: 600/@px-unit;
         height: 255/@px-unit;
         padding: 10/@px-unit;
         background: @grayBlack;
         overflow-y:auto;
         border-radius: 1/@px-unit;
         border: solid 1/@px-unit @grayBlackBorder;
         .OSDitem-move {
             width: 120/@px-unit;
             height: 32/@px-unit;
             border: solid 1/@px-unit @grayBlackBorder;
             text-align: center;
             line-height: 27/@px-unit;
             background: #fff;
             cursor: move;
             margin-left: 10/@px-unit;
             float: left;
             border-radius: 2/@px-unit;
             margin-top: 10/@px-unit;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
             word-wrap: normal;
        }
    }
     .osdOption-region {
         width: 800/@px-unit;
         height: 255/@px-unit;
         padding: 10/@px-unit;
         border-radius: 1/@px-unit;
         border: solid 1/@px-unit @grayBlackBorder;
         overflow-y:auto;
         button {
             width: 120/@px-unit;
             height: 32/@px-unit;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
             word-wrap: normal;
             background: #fff;
             border-radius: 2/@px-unit;
             border: solid 1/@px-unit @grayBlackBorder;
             padding: 0;
             span {
                 display: inline;
            }
        }
    }
}
 .label-div-Container {
     .label-normal-container .label-normal-wrapper {
         .ant-input-number {
             width: 100%;
        }
    }
}
 ._ZJZCPT_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
}
 ._ZXKRSU_ {
     .display-none{
         display: none;
    }
     .display-block{
         display: block;
    }
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
     .ant-card{
         .ant-card-head{
             background-color: @panelBackgroundColor;
        }
    }
}
 ._ZZSMGD_ {
     padding-left: 20 / @px-unit;
     padding-top: 20 / @px-unit;
     padding-right: 10 / @px-unit;
}
 ._AutoRegister_{
     width: 100%;
     .flex-content{
         display: flex;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
}
 ._BaseService_ {
     width: 100%;
     .important-tip {
         color: @errorColorNo17;
    }
     .warnColor{
         color: @warnColorNo18 
    }
}
 ._BroadcastConfig_ {
     width: 100%;
     .stream-title {
         padding-left: 14 / @px-unit;
         height: 34 / @px-unit;
         line-height: 34 / @px-unit;
         background-color: #f0f2f5;
         text-align: left;
         font-family: auto;
         font-weight: bold;
    }
     .stream-content {
         display: flex;
         flex-wrap: wrap;
    }
     .stream-container {
         width: 50%;
         min-width: 630 / @px-unit;
    }
     .stream-border {
         border: 1 / @px-unit solid #e8e8e8;
    }
     .stream-border-right {
         margin: 0 0 0 -1 / @px-unit;
    }
}
 ._GAVIClient_ {
     padding-left: 20/@px-unit;
}
 ._GBClient_ {
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
}
 ._ThirdCameraConfig_ {
     .ant-form-item-control {
         line-height: 4rem;
    }
     .labelSlider-label-dark {
         line-height: 4rem;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .has-error .ant-legacy-form-explain{
         color: @errorColorNo17;
    }
}
 ._DDNS_ {
     width: 100%;
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .ddns-behind {
         .label-div-Container {
             .label-normal-container {
                 padding-top: 0 !important;
                 padding-bottom: 0 !important;
            }
        }
    }
     .important-tip {
         color: @errorColorNo17;
    }
     .sucess-tip {
         color: @successColorNo19;
    }
}
 ._EmailConfig_ {
     width: 100%;
     .email-flex {
         display: flex;
         align-items: center;
         line-height: 28 / @font-size-normal;
         height: 28 / @font-size-normal;
    }
}
 ._FourGNetConfig_ {
     width: 100%;
     .behind-flex {
         display: inline-flex;
         line-height: 42 / @px-unit;
         height: 42 / @px-unit;
         align-items: center;
    }
     .flex-content {
         display: inline-flex;
    }
     .related-box {
         border: 1 / @px-unit solid @dividerColorNo9;
         margin-bottom: 10 / @px-unit;
         .sub-title {
             padding: 6 / @px-unit 14 / @px-unit;
             border-bottom: 1 / @px-unit solid @dividerColorNo9;
             display: flex;
             align-items: center;
             height: 48 / @px-unit;
             background-color: @panelBackgroundColor;
        }
         .title {
             font-weight: bold;
             width: 100%;
        }
         .hover-tip {
             &:hover {
                 cursor: pointer;
            }
        }
         .container {
             padding: 14 / @px-unit 32 / @px-unit 0;
             width: 100%;
        }
    }
     .container-content {
         width: 100%;
    }
}
 ._advancedParams_ {
     width: 100%;
     .advanced-table {
         border: 0.07142857rem solid @dividerColorNo9;
         margin-bottom: 1.14285714rem;
    }
     .chart-legend {
         display: flex;
         align-items: center;
         justify-content: center;
    }
     .advanced-chart {
         > header {
             height: 2.28571429rem;
             line-height: 2.28571429rem;
             margin-bottom: 1.14285714rem;
             font-weight: bold;
             font-size: 1.28571429rem;
             text-align: center;
        }
         .chart-legend {
             display: flex;
             align-items: center;
             justify-content: space-between;
             > button {
                 min-width: auto;
                 line-height: 2.57142857rem;
                 padding: 0 0.71428571rem;
            }
             > div {
                 display: flex;
                 align-items: center;
            }
             .legend-pci {
                 margin-right: 1.71428571rem;
                 > span {
                     display: inline-block;
                     width: 0.57142857rem;
                     height: 0.57142857rem;
                     border-radius: 50%;
                     margin-right: 0.57142857rem;
                }
            }
             .legend-line {
                 > div {
                     display: inline-block;
                }
                 span {
                     display: inline-block;
                     width: 1.71428571rem;
                     height: 0.42857143rem;
                     margin-right: 0.57142857rem;
                }
                 > :first-child {
                     margin-right: 1.71428571rem;
                     > span {
                         border-top: 0.14285714rem solid #262626;
                    }
                }
                 > :last-child {
                     > span {
                         border-top: 0.14285714rem dashed #262626;
                    }
                }
            }
             .ant-divider-vertical {
                 height: 1.71428571rem;
                 margin: 0 1.71428571rem 0 0;
            }
        }
         .chart-inner {
             height: 57.85714286rem;
        }
         .empty {
             height: 17.85714286rem;
             min-height: 17.85714286rem;
             line-height: 17.85714286rem;
             .ant-empty-normal {
                 padding-top: 3.21428571rem;
            }
        }
    }
     .empty {
         height: 17.85714286rem;
         min-height: 17.85714286rem;
         line-height: 17.85714286rem;
         .ant-empty-normal {
             padding-top: 3.21428571rem;
        }
    }
}
 ._IEEE802Oversea_ {
     width: 100%;
}
 ._GRP_ {
     padding-top: inherit;
}
 ._InfoPublish_ {
     width: 100%;
     @SINGLE: 24/@px-unit;
     @FRONTSIZE: 12/@px-unit;
     padding-top: inherit;
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .osd_move .osd_delete {
         display: none;
    }
     .osd_move:hover .osd_delete {
         display: block;
    }
     .speedControlWrap{
         > div{
             display: inline-block;
             margin-right: 10/@px-unit;
             margin-bottom: 20 /@px-unit;
             vertical-align: middle;
        }
    }
     .ant-picker-midspan{
         display: inline-block;
         padding-top: 4/@px-unit;
         width: 20 / @px-unit;
         text-align: center;
    }
     ._DrawArea_{
         .screenContainer {
             position: relative;
             margin: 0;
             padding: 0;
        }
         table {
             border-right: 1/@px-unit solid #aaa;
             border-bottom: 1/@px-unit solid #aaa;
             box-sizing: border-box;
        }
         table td {
             height: @SINGLE;
             width: @SINGLE;
             border-top: 1/@px-unit solid #aaa;
             border-left: 1/@px-unit solid #aaa;
             box-sizing: border-box;
        }
         .oldframe,.newframe {
             position: absolute;
             box-sizing: border-box;
             background: rgba(255, 161, 55, 0.5);
             border: 1/@px-unit solid #FFA137;
             font-size: @FRONTSIZE;
             line-height: @SINGLE;
        }
         .oldframe{
             background: rgba(164,169,184,.5);
             border: 1/@px-unit solid #A8A0A0;
        }
         .newframe{
             background: rgba(255, 161, 55, 0.5);
             border: 1/@px-unit solid #FFA137;
        }
         .fn-left{
             float: left;
        }
         .start-coor, .end-coor {
             position: absolute;
             word-break: keep-all;
            /* 不换行 */
             white-space: nowrap;
        }
         .start-coor {
             left: 0;
             top: 0;
        }
         .end-coor {
             right: 0;
             bottom: 0;
        }
         .label{
             height: 45 /@px-unit;
             margin-bottom: 5 / @px-unit;
             line-height: 45 / @px-unit;
        }
    }
     .table-supportAdd{
         .ant-table-thead{
             .ant-table-cell{
                 font-weight: bold;
                 background-color: @panelBackgroundColor;
            }
        }
         .table-OperationIcon{
             color: #1c79f4;
             text-align: center;
             cursor: pointer;
        }
         .table-OperationIcon[disabled]{
             color: @disableColorNo7;
             cursor: auto;
        }
    }
}
 ._LXSJ_ {
     padding-top: inherit;
}
 ._VspOsdComponent_ {
     padding-top: inherit;
     .sort-region {
         width: 440/@px-unit;
         height: 250/@px-unit;
         padding: 10/@px-unit;
         background: @grayBlack;
         overflow-y:auto;
         border-radius: 1/@px-unit;
         border: solid 1/@px-unit @grayBlackBorder;
         .OSDitem-move {
             width: 88/@px-unit;
             height: 32/@px-unit;
             border: solid 1/@px-unit @grayBlackBorder;
             text-align: center;
             line-height: 27/@px-unit;
             background: #fff;
             cursor: move;
             margin-left: 10/@px-unit;
             float: left;
             border-radius: 2/@px-unit;
             margin-top: 10/@px-unit;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
             word-wrap: normal;
        }
    }
     .osdOption-region {
         width: 440/@px-unit;
         padding: 10/@px-unit;
         border-radius: 1/@px-unit;
         border: solid 1/@px-unit @grayBlackBorder;
         overflow-y:auto;
         margin: 10/@px-unit 0;
         button {
             width: 88/@px-unit;
             height: 32/@px-unit;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
             word-wrap: normal;
             background: #fff;
             border-radius: 2/@px-unit;
             border: solid 1/@px-unit @grayBlackBorder;
             span {
                 display: inline;
            }
        }
    }
}
 ._InfoPublishITSE_ {
     width: 100%;
     @SINGLE: 24 / @px-unit;
     @FRONTSIZE: 12 / @px-unit;
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .info-container {
         width: 100%;
    }
     .content-container {
         width: 100%;
    }
     .channel-title {
         width: 100%;
         float: left;
         line-height: 44 / @px-unit;
         height: 44 / @px-unit;
         align-items: center;
         padding: 0 12 / @px-unit;
         font-size: 1.00000000rem;
         font-weight: 700;
         display: flex;
         background-color: @TableColumnsColor;
         min-width: 1130 / @px-unit;
         border-bottom: 0.07142857rem solid @inputBorderColorNo10;
    }
     .channel-title-1 {
         width: 10%;
    }
     .channel-title-2 {
         width: 20%;
    }
     .channel-title-3 {
         width: 30%;
    }
     .channel-title-behind {
         font-weight: 400;
         color: @disableColorNo7;
    }
     .float-content {
         float: left;
         width: 100%;
    }
     .float-left {
         float: left;
    }
     .margin-right-260 {
         margin-right: 260 / @px-unit;
         float: left;
    }
     .margin-right-120 {
         margin-right: 120 / @px-unit;
         float: left;
    }
     .margin-right-140 {
         margin-right: 140 / @px-unit;
         float: left;
    }
     .margin-right-160 {
         margin-right: 160 / @px-unit;
         float: left;
    }
     .margin-right-100 {
         margin-right: 100 / @px-unit;
         float: left;
    }
     .margin-right-60 {
         margin-right: 60 / @px-unit;
         float: left;
    }
     .DHJT-time {
         width: 106 / @px-unit;
    }
     .margin-right-100 {
         margin-right: 100 / @px-unit;
         float: left;
    }
     .float-collapse {
         background-color: @contentBgColorNo15;
         border-top: solid 0.07142857rem @inputBorderColorNo10;
         .ant-collapse-header {
             padding-left: 0.00000000rem !important;
        }
         .ant-collapse-content-box {
             padding-left: 0.00000000rem !important;
        }
    }
     .collapse-bottom {
         border-bottom: solid 0.07142857rem @inputBorderColorNo10;
    }
     .DHJT-select-icon {
         width: 32 / @px-unit;
         height: 32 / @px-unit;
         display: flex;
         align-items: center;
         justify-content: center;
         cursor: pointer;
    }
     .select-icon {
         background: @TableColumnsColor;
    }
     .DHJT-cursor {
         cursor: pointer;
    }
     .flex-content {
         display: flex;
         align-items: center;
    }
     .title-float-left {
         float: left;
         font-size: 1.14285714rem;
         font-weight: 700;
    }
     .area-options {
         width: 60 / @px-unit;
         height: 32 / @px-unit;
         display: flex;
         flex-direction: row;
         justify-content: center;
         align-items: center;
         border: 0.07142857rem solid @tableTitleBorderColor;
         border-radius: 0.28571429rem 0.28571429rem 0.00000000rem 0.00000000rem;
         background: @TableColumnsColor;
         cursor: pointer;
         position: relative;
    }
     .current-area {
         background: @secondNavBgColorNo13;
         color: @btnNormalColorNo1;
         width: 90 / @px-unit;
    }
     .area-delete {
         position: absolute;
         margin-left: 70 / @px-unit;
         margin-top: 6 / @px-unit;
    }
     .left-channel-container {
         width: 100%;
         float: left;
         min-width: 1130 / @px-unit;
         .channel-list-li {
             display: inline-flex;
             align-items: center;
             padding: 0 12 / @px-unit;
             width: 100%;
             height: 44 / @px-unit;
             line-height: 44 / @px-unit;
             border-bottom: 0.07142857rem solid @inputBorderColorNo10;
             user-select: none;
             cursor: pointer;
             .channel-list-icon {
                 width: 3%;
            }
             .channel-list-content {
                 width: 60%;
            }
             .channel-state {
                 width: 30%;
                 color: @disableColorNo7;
            }
             .channel-online-state {
                 color: @btnNormalColorNo1;
            }
        }
         .channel-list-li-selected {
             background-color: @tableTitleSelectColor;
        }
    }
     .channel-right-container {
         float: left;
         width: 100%;
         padding: 24 / @px-unit 33 / @px-unit;
         background-color: @tableContentInfoBg;
         margin-top: 16 / @px-unit;
    }
     .content-container {
         height: 100%;
         border: 0.07142857rem solid @inputBorderColorNo10;
         display: inline-block;
    }
     .speedControlWrap {
         float: left;
         line-height: 3.42857143rem;
         height: 3.42857143rem;
         > div {
             display: inline-block;
             vertical-align: middle;
        }
    }
     .float-width-440 {
         width: 440 / @px-unit;
    }
     .float-width-350 {
         width: 350 / @px-unit;
    }
     .inline-content {
         display: inline-block;
    }
     ._DrawArea_ {
         .float-content {
             float: left;
             width: 100%;
        }
         .margin-right-160 {
             margin-right: 160 / @px-unit;
             float: left;
        }
         .screenContainer {
             position: relative;
             margin: 0;
             padding: 0;
        }
         table {
             border-right: 1 / @px-unit solid #aaa;
             border-bottom: 1 / @px-unit solid #aaa;
             box-sizing: border-box;
        }
         table td {
             height: @SINGLE;
             width: @SINGLE;
             border-top: 1 / @px-unit solid #aaa;
             border-left: 1 / @px-unit solid #aaa;
             box-sizing: border-box;
        }
         .oldframe, .newframe {
             position: absolute;
             box-sizing: border-box;
             background: rgba(255, 161, 55, 0.5);
             border: 1 / @px-unit solid #ffa137;
             font-size: @FRONTSIZE;
             line-height: @SINGLE;
        }
         .oldframe {
             background: rgba(164, 169, 184, 0.5);
             border: 1 / @px-unit solid #a8a0a0;
        }
         .newframe {
             background: rgba(255, 161, 55, 0.5);
             border: 1 / @px-unit solid #ffa137;
        }
         .fn-left {
             float: left;
        }
         .start-coor, .end-coor {
             position: absolute;
             word-break: keep-all;
            /* 不换行 */
             white-space: nowrap;
        }
         .start-coor {
             left: 0;
             top: 0;
        }
         .end-coor {
             right: 0;
             bottom: 0;
        }
         .label {
             height: 45 / @px-unit;
             margin-bottom: 5 / @px-unit;
             line-height: 45 / @px-unit;
        }
    }
     .area-line {
         width: 500 / @px-unit;
    }
     .global-content {
         height: 100%;
    }
     .table-supportAdd {
         .ant-table-thead {
             .ant-table-cell {
                 font-weight: bold;
                 background-color: @panelBackgroundColor;
            }
        }
         .table-OperationIcon {
             color: #1c79f4;
             text-align: center;
             cursor: pointer;
        }
         .table-OperationIcon[disabled] {
             color: @disableColorNo7;
             cursor: auto;
        }
    }
}
 .my-modal {
     .ant-table-tbody > tr > td {
         padding: 0 0.78571429rem !important;
    }
}
 ._LXSJGRPOsdComponent_ {
     padding-top: inherit;
     .sort-region {
         width: 440 / @px-unit;
         min-height: 212 / @px-unit;
         padding: 10 / @px-unit;
         background: @grayBlack;
         overflow-y: auto;
         border-radius: 1 / @px-unit;
         border: solid 1 / @px-unit @grayBlackBorder;
         margin: 10 / @px-unit 0;
         .OSDitem-move {
             width: 88 / @px-unit;
             height: 32 / @px-unit;
             border: solid 1 / @px-unit @grayBlackBorder;
             text-align: center;
             line-height: 27 / @px-unit;
             background: #fff;
             cursor: move;
             margin-left: 10 / @px-unit;
             float: left;
             border-radius: 2 / @px-unit;
             margin-top: 10 / @px-unit;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
             word-wrap: normal;
        }
    }
     .float-content {
         float: left;
         width: 100%;
    }
     .float-left {
         float: left;
    }
     .osdOption-region {
         width: 440 / @px-unit;
         min-height: 212 / @px-unit;
         padding: 10 / @px-unit;
         border-radius: 1 / @px-unit;
         border: solid 1 / @px-unit @grayBlackBorder;
         overflow-y: auto;
         margin: 10 / @px-unit 0;
         button {
             width: 88 / @px-unit;
             height: 32 / @px-unit;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
             word-wrap: normal;
             background: #fff;
             border-radius: 2 / @px-unit;
             border: solid 1 / @px-unit @grayBlackBorder;
             span {
                 display: inline;
            }
        }
    }
}
 ._InfoPublishSceneITSE_ {
     width: 100%;
     .info-screen-divider {
         margin: 10 / @px-unit 0;
    }
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .info-container {
         margin-bottom: 8 / @px-unit;
         margin-top: 20 / @px-unit;
         width: 100%;
    }
     .info-left-channel-container {
         width: 17.28571429rem;
         border: solid 0.07142857rem @inputBorderColorNo10;
         height: 714 / @px-unit;
         float: left;
         overflow-y: auto;
         .info-list-li {
             display: inline-flex;
             align-items: center;
             padding-left: 24 / @px-unit;
             width: 100%;
             height: 34 / @px-unit;
             line-height: 34 / @px-unit;
             border-bottom: 0.07142857rem solid @inputBorderColorNo10;
             user-select: none;
             cursor: pointer;
             .info-list-icon {
                 width: 10%;
            }
             .info-list-content {
                 width: 60%;
            }
             .info-state {
                 width: 20%;
                 color: @disableColorNo7;
            }
             .info-online-state {
                 color: @btnNormalColorNo1;
            }
        }
         .info-list-li-selected {
             background-color: @secondNavHoverColorNo14;
        }
    }
     .info-left-channel-container::-webkit-scrollbar {
         width: 4 / @px-unit;
    }
     .info-left-channel-container::-webkit-scrollbar-thumb {
         border-radius: 10 / @px-unit;
         background: @disableColorNo7;
    }
     .info-left-channel-container::-webkit-scrollbar-track {
         border-radius: 0;
         background: @listBorderColorNo8;
    }
     .info-right-container {
         float: left;
         border-bottom: 0.07142857rem solid @inputBorderColorNo10;
         border-top: 0.07142857rem solid @inputBorderColorNo10;
         border-right: 0.07142857rem solid @inputBorderColorNo10;
         height: 714 / @px-unit;
         width: calc(100% - 17.28571429rem);
         padding: 24 / @px-unit 33 / @px-unit;
    }
     .info-bottom-content {
         margin-bottom: 8 / @px-unit;
    }
     .info-channel-min-height {
         height: 410 / @px-unit;
    }
}
 .info-itse-modal {
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
     .resolution {
         overflow: hidden;
         .label-v4-version {
             float: left;
        }
    }
}
 ._IPSet_ {
     width: 100%;
     .LabelIP-container {
         margin: 0;
    }
     .m-content > .ant-row {
         margin: 16/@px-unit 0;
    }
     .macInput-label {
         padding: 7/@px-unit 0/@px-unit;
    }
     .ant-form-item {
         margin-bottom: 10/@px-unit;
    }
     .Prefix {
         text-align: center;
    }
     .ant-form-explain {
         margin-left: 21%;
    }
     .mtu {
         padding-top: 10/@px-unit;
    }
     .LabelIP-ip-input {
         transition: background-color 0.5s;
    }
     .ip_test_btn {
         width: 200%;
         position: relative;
         display: inline-block;
         .ip_test_tips {
             color: #73ce8e;
             margin-left: 20 / @px-unit;
        }
         .ip_test_tips_err {
             color: #f04047;
        }
    }
     .ipv6Conotent {
         .label-normal-behind {
             width: auto !important;
             .label-div-Container {
                 float: left !important;
            }
        }
    }
     .ipv6Box {
         float: right;
         margin-left: 10 / @px-unit;
    }
}
 ._ITSAPI_ {
     .tips-info {
         color: red;
    }
}
 ._NETPROXY_ {
     ._Table_{
         margin-bottom: 10/@px-unit;
    }
}
 ._Port_ {
     width: 100%;
     .label-div-Container {
         .label-normal-container .label-normal-wrapper {
             .ant-input-number {
                 width: 100%;
            }
        }
    }
}
 ._PPPoE_ {
     width: 100%;
}
 ._RouteConfig_ {
     padding-top: inherit;
     width: 100%;
}
 ._SnmpConfig_ {
     width: 100%;
     .WarnColor {
         color: #f5222d;
    }
     .AddLength{
         width: 20rem;
         float: left;
    }
}
 ._WifiHotspot_ {
     padding-left: 20/@px-unit;
     .err_tip{
         color: @errorColorNo17;
    }
}
 .ant-spin-nested-loading, .ant-spin-container {
     height: 100% !important;
}
 ._Network_ {
     height: 100%;
     padding: 22/@font-size-normal;
     .nt-networkDisconn:before {
         cursor: pointer;
    }
     .nt-networkFine:before {
         cursor: pointer;
    }
     .nt-networkConflict:before {
         cursor: pointer;
    }
}
 ._NewAlysHalo_ {
     @videoWidth: 32.14285714rem;
     @videoHeight: 24.07142857rem;
     padding-top: inherit;
     .loadTip{
         padding: 20vh;
         width: 80% 
    }
     height: 100%;
     .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;
        }
    }
     .ui-title {
         .m-fw-bold;
         .m-layout-item;
    }
     .selected-row {
         background-color: @secondNavHoverColorNo14;
    }
     .unselected-row {
         background-color: @contentBgColorNo15;
    }
     .second-textColor {
         color: @disableColorNo7;
    }
     height: 80vh;
     min-width: 68.57142857rem;
     min-height: 42.85714286rem;
     .video-container{
         .video-plugin{
             width: @videoWidth;
             height: @videoHeight;
             background-color: #000;
             display: inline-block;
        }
    }
}
 ._OsdConfig_ {
     padding-top: inherit;
}
 @videoWidth: 450/@px-unit;
 @videoHeight: 337/@px-unit;
 @tabLeftMargin: 25/@px-unit;
 @tabTopMargin: 25/@px-unit;
 ._OsdVideo_ {
     height: 80vh;
     min-width: 1060/@px-unit;
     min-height: 600/@px-unit;
     margin: @tabTopMargin 0 0 @tabLeftMargin;
     .video-container{
         max-width: 500/@px-unit;
         .video-plugin{
             width: @videoWidth;
             height: @videoHeight;
             background-color: #000;
             display: inline-block;
        }
    }
     .ant-checkbox-group{
         width: 100%;
         padding: 10/@px-unit 0;
    }
     .ant-checkbox-group-item{
         .com-text-dot;
         line-height: 20/@px-unit;
         width: 25%;
         padding: 8/@px-unit 15/@px-unit 8/@px-unit 0/@px-unit;
         margin: 0;
    }
     .ant-divider{
         background: @dividerColorNo9;
    }
     .LabelInput-behind-dark{
         padding: 0;
    }
     .ant-tabs-content{
         min-height: 300/@px-unit;
    }
     .ant-tabs .ant-tabs-left-bar .ant-tabs-tab{
         text-align: left;
         padding: 8/@px-unit 10/@px-unit;
         min-width: 140/@px-unit;
         margin: 0;
    }
     .ant-tabs-tab-arrow-show{
         height: 0 !important;
         display: none;
    }
     .ant-tabs-nav-animated{
         transform: none !important;
    }
     .ant-tabs-nav-container-scrolling{
         padding: 0 !important;
    }
     .ant-tabs-tab-active{
         background-color: @secondNavHoverColorNo14;
    }
     .custom-plus{
         color: @btnNormalColorNo1;
         cursor: pointer;
         padding-left: 10/@px-unit;
         text-align: left;
    }
     .tip-text{
         color: @disableColorNo7;
         word-break: break-word;
    }
     .icon-tab-delete{
         opacity: 1;
         color: red;
         cursor: pointer;
         font-size: 16/@px-unit;
         position: absolute;
         right: 10/@px-unit;
         top: 50%;
         transform: translate(0, -50%);
    }
     .tab-icon-align{
         width: 32/@px-unit;
         height: 32/@px-unit;
         display: inline-block;
         padding: 0 8/@px-unit;
         border-radius: 4/@px-unit;
         margin-right: 16/@px-unit;
         border: 1/@px-unit solid @listBorderColorNo8;
         cursor: pointer;
    }
     .icon-align-active{
         border: 1/@px-unit solid @linkColorNo20;
         color: @linkColorNo20;
    }
}
 ._OsdVideoPickerColor_ {
     .ant-popover-inner-content{
         padding: 0;
    }
}
 .com-text-dot{
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
}
 .com-border{
     border: 1/@px-unit solid #d9d9d9;
     border-radius: 4/@px-unit;
}
 .com-divider{
     height: 1/@px-unit;
     background: @dividerColorNo9;
}
 ._PasswordReset_{
     .password-flex-div{
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
         width: 100%;
         min-height: 620/@px-unit;
         border: 1/@px-unit solid #E7E8E9;
         width: 100%;
         background-color: @baseColor;
         padding: 30/@px-unit 30/@px-unit 30/@px-unit 80/@px-unit;
         .ant-input::-webkit-input-placeholder {
             color:#bfbfbf !important;
        }
         .ant-input:-ms-input-placeholder {
             color:#bfbfbf !important;
        }
         .ant-input::-moz-placeholder {
             color:#bfbfbf !important;
        }
         .ant-input:-moz-placeholder {
            /* Mozilla Firefox 4 to 18 */
             color:#bfbfbf !important;
        }
    }
     .password-div{
         margin-Top: 35/@px-unit;
    }
     .header-height {
         height: 64/@px-unit;
         color:@baseColor;
         background-color: @topBackColor;
         position: fixed;
         width: 100%;
         z-index: 100;
    }
     .clearfix {
         height: 64/@px-unit;
         &::after {
             content: ".";
             display: block;