}
/* from css */
 .m-content-padding {
     padding: 1.14285714rem;
}
 html {
     font-size: @font-size-base;
}
 #root, body {
     height: 100%;
     word-break: break-all;
}
/*整个页面底部需要去除bar的高度*/
 .m-page-container {
     padding-bottom: 48/@font-size-normal;
}
/*表单的样式*/
 .m-form-control {
     margin: 15/@font-size-normal;
     line-height: 32/@font-size-normal;
     .LabelIP-container {
         margin: 0 !important;
    }
}
/*collapse下带table的时候，去掉table最外的线*/
 .ant-collapse {
     .ant-table {
         border-top: 0;
         border-left: 0;
         border-right: 0;
         border-radius: 0;
         margin: -1.07142857rem;
    }
     .ant-table-bordered .ant-table-content {
         border-right: 0;
    }
}
 .ant-table-small > .ant-table-content > .ant-table-body {
     margin: 0 !important;
}
 .m-width-f10 {
     width: calc(~"100% - 10rem");
}
 .m-width-auto {
     width: auto;
}
 .m-width-15 {
     width: 15/@font-size-normal;
}
 .m-width-20 {
     width: 20/@font-size-normal;
}
 .m-width-24 {
     width: 24/@font-size-normal;
}
 .m-width-25 {
     width: 25/@font-size-normal;
}
 .m-width-30 {
     width: 30/@font-size-normal;
}
 .m-width-45 {
     width: 45/@font-size-normal;
}
 .m-width-50 {
     width: 50/@font-size-normal;
}
 .m-width-54 {
     width: 54/@font-size-normal;
}
 .m-width-60 {
     width: 60/@font-size-normal;
}
 .m-width-65 {
     width: 65/@font-size-normal;
}
 .m-width-84 {
     width: 84/@font-size-normal;
}
 .m-width-70 {
     width: 70/@font-size-normal;
}
 .m-width-52 {
     width: 52/@font-size-normal;
}
 .m-width-80 {
     width: 80/@font-size-normal;
}
 .m-width-85 {
     width: 85/@font-size-normal;
}
 .m-width-90 {
     width: 90/@font-size-normal;
}
 .m-width-95 {
     width: 95/@font-size-normal;
}
 .m-width-100 {
     width: 100/@font-size-normal;
}
 .m-width-108 {
     width: 108/@font-size-normal;
}
 .m-width-110 {
     width: 110/@font-size-normal;
}
 .m-width-118 {
     width: 118/@font-size-normal;
}
 .m-width-120 {
     width: 120/@font-size-normal;
}
 .m-width-124 {
     width: 124/@font-size-normal;
}
 .m-width-126 {
     width: 126/@font-size-normal;
}
 .m-width-130 {
     width: 130/@font-size-normal;
}
 .m-width-132 {
     width: 132/@font-size-normal;
}
 .m-width-138 {
     width: 138/@font-size-normal;
}
 .m-width-140 {
     width: 140/@font-size-normal;
}
 .m-width-144 {
     width: 144/@font-size-normal;
}
 .m-width-148 {
     width: 148/@font-size-normal;
}
 .m-width-150 {
     width: 150/@font-size-normal;
}
 .m-width-156 {
     width: 156/@font-size-normal;
}
 .m-width-160 {
     width: 160/@font-size-normal;
}
 .m-width-168 {
     width: 168/@font-size-normal;
}
 .m-width-170 {
     width: 170/@font-size-normal;
}
 .m-width-175 {
     width: 175/@font-size-normal;
}
 .m-width-180 {
     width: 180/@font-size-normal;
}
 .m-width-184 {
     width: 184/@font-size-normal;
}
 .m-width-190 {
     width: 190/@font-size-normal;
}
 .m-width-200 {
     width: 200/@font-size-normal;
}
 .m-width-213 {
     width: 213/@font-size-normal;
}
 .m-width-215 {
     width: 215/@font-size-normal 
}
 .m-width-220 {
     width: 220/@font-size-normal;
}
 .m-width-224 {
     width: 224/@font-size-normal;
}
 .m-width-230 {
     width: 230/@font-size-normal;
}
 .m-width-250 {
     width: 250/@font-size-normal;
}
 .m-width-260 {
     width: 260/@font-size-normal;
}
 .m-width-276 {
     width: 276/@font-size-normal;
}
 .m-width-280 {
     width: 280/@font-size-normal;
}
 .m-width-300 {
     width: 300/@font-size-normal;
}
 .m-width-310 {
     width: 310/@font-size-normal;
}
 .m-width-320 {
     width: 320/@font-size-normal;
}
 .m-width-330 {
     width: 330/@font-size-normal;
}
 .m-width-360 {
     width: 360/@font-size-normal;
}
 .m-width-372 {
     width: 372/@font-size-normal;
}
 .m-width-420 {
     width: 420/@font-size-normal;
}
 .m-width-450 {
     width: 450/@font-size-normal;
}
 .m-width-480 {
     width: 480/@font-size-normal;
}
 .m-width-510 {
     width: 510/@font-size-normal;
}
 .m-width-545 {
     width: 545/@font-size-normal;
}
 .m-width-600 {
     width: 600/@font-size-normal;
}
 .m-width-648 {
     width: 648/@font-size-normal;
}
 .m-width-700 {
     width: 700/@font-size-normal;
}
 .m-width-710 {
     width: 710/@font-size-normal;
}
 .m-width-848 {
     width: 848/@font-size-normal;
}
 .m-width-1100 {
     width: 1100/@font-size-normal;
}
 .m-width-3p {
     width: 3%;
}
 .m-width-5p {
     width: 5%;
}
 .m-width-9p {
     width: 9%;
}
 .m-width-10p {
     width: 10%;
}
 .m-width-12p {
     width: 12%;
}
 .m-width-20p {
     width: 20%;
}
 .m-width-25p {
     width: 25%;
}
 .m-width-30p {
     width: 30%;
}
 .m-width-40p {
     width: 40%;
}
 .m-width-50p {
     width: 50%;
}
 .m-width-55p {
     width: 55%;
}
 .m-width-58p {
     width: 58%;
}
 .m-width-60p {
     width: 60%;
}
 .m-width-65p {
     width: 65%;
}
 .m-width-70p {
     width: 70%;
}
 .m-width-80p {
     width: 80%;
}
 .m-width-100p {
     width: 100%;
}
 .m-width-200p {
     width: 200%;
}
/* max-width */
 .m-max-w-480 {
     max-width: 480/@font-size-normal;
}
/* min-width */
 .m-minw-50 {
     min-width: 50/@font-size-normal;
}
 .m-minw-70 {
     min-width: 70/@font-size-normal;
}
 .m-minw-90 {
     min-width: 90/@font-size-normal;
}
 .m-minw-108 {
     min-width: 108/@font-size-normal;
}
 .m-minw-300 {
     min-width: 300/@font-size-normal;
}
 .m-minw-800 {
     min-width: 800/@font-size-normal;
}
/* height */
 .m-height-0 {
     height: 0;
}
 .m-height-15 {
     height: 15/@font-size-normal;
}
 .m-height-24 {
     height: 24/@font-size-normal;
}
 .m-height-25 {
     height: 25/@font-size-normal;
}
 .m-height-26 {
     height: 26/@font-size-normal;
}
 .m-height-28 {
     height: 28/@font-size-normal;
}
 .m-height-30 {
     height: 30/@font-size-normal;
}
 .m-height-36 {
     height: 36/@font-size-normal;
}
 .m-height-40 {
     height: 40/@font-size-normal;
}
 .m-height-48 {
     height: 48/@font-size-normal;
}
 .m-minh-48 {
     min-height: 48/@font-size-normal;
}
 .m-height-60 {
     height: 60/@font-size-normal;
}
 .m-height-64 {
     height: 64/@font-size-normal;
}
 .m-minh-64 {
     min-height: 64/@font-size-normal;
}
 .m-height-50 {
     height: 50/@font-size-normal;
}
 .m-height-60 {
     height: 60/@font-size-normal;
}
 .m-height-90 {
     height: 90/@font-size-normal;
}
 .m-height-100 {
     height: 100/@font-size-normal;
}
 .m-height-120 {
     height: 120/@font-size-normal;
}
 .m-height-150 {
     height: 150/@font-size-normal;
}
 .m-height-200 {
     height: 200/@font-size-normal;
}
 .m-height-201 {
     height: 201/@font-size-normal;
}
 .m-height-238 {
     height: 238/@font-size-normal;
}
 .m-height-260 {
     height: 260/@font-size-normal;
}
 .m-height-276 {
     height: 276/@font-size-normal;
}
 .m-height-280 {
     height: 280/@font-size-normal;
}
 .m-height-288 {
     height: 288/@font-size-normal;
}
 .m-height-300 {
     height: 300/@font-size-normal;
}
 .m-height-310 {
     height: 310/@font-size-normal;
}
 .m-height-350 {
     height: 350/@font-size-normal;
}
 .m-height-360 {
     height: 360/@font-size-normal;
}
 .m-height-380 {
     height: 380/@font-size-normal;
}
 .m-height-400 {
     height: 400/@font-size-normal;
}
 .m-height-432 {
     height: 432/@font-size-normal;
}
 .m-height-484 {
     height: 484/@font-size-normal;
}
 .m-height-648 {
     height: 648/@font-size-normal;
}
 .m-height-100p {
     height: 100%;
}
 .m-height-90vh {
     height: 90vh;
}
/* max-height */
 .m-max-h-240 {
     max-height: 240/@font-size-normal;
}
 .m-max-h-540 {
     max-height: 540/@font-size-normal;
}
 .m-max-h-640 {
     max-height: 540/@font-size-normal;
}
/* margin */
 .m-m-a {
     margin: auto;
}
 .m-m-0 {
     margin: 0;
}
 .m-m-16 {
     margin: 16/@font-size-normal;
}
 .m-m-20 {
     margin: 20/@font-size-normal;
}
 .m-m-10 {
     margin: 10/@font-size-normal;
}
/* margin-right */
 .m-mr-0 {
     margin-right: 0;
}
 .m-mr-5 {
     margin-right: 5/@font-size-normal;
}
 .m-mr-6 {
     margin-right: 6/@font-size-normal;
}
 .m-mr-10 {
     margin-right: 10/@font-size-normal;
}
 .m-mr-12 {
     margin-right: 12/@font-size-normal;
}
 .m-mr-13 {
     margin-right: 13/@font-size-normal;
}
 .m-mr-14 {
     margin-right: 14/@font-size-normal;
}
 .m-mr-20 {
     margin-right: 20/@font-size-normal;
}
 .m-mr-24 {
     margin-right: 24/@font-size-normal;
}
 .m-mr-30 {
     margin-right: 30/@font-size-normal;
}
 .m-mr-36 {
     margin-right: 36/@font-size-normal;
}
 .m-mr-40 {
     margin-right: 40/@font-size-normal;
}
 .m-mr-42 {
     margin-right: 42/@font-size-normal;
}
 .m-mr-50 {
     margin-right: 50/@font-size-normal;
}
 .m-mr-64 {
     margin-right: 64/@font-size-normal;
}
 .m-mr-80 {
     margin-right: 80/@font-size-normal;
}
 .m-mr-100 {
     margin-right: 100/@font-size-normal;
}
 .m-mr-133 {
     margin-right: 133/@font-size-normal;
}
 .m-mr-140 {
     margin-right: 140/@font-size-normal;
}
 .m-mr-170 {
     margin-right: 170/@font-size-normal;
}
 .m-mr-186 {
     margin-right: 186/@font-size-normal;
}
 .m-mr-200 {
     margin-right: 200/@font-size-normal;
}
 .m-mr-250 {
     margin-right: 250/@font-size-normal;
}
 .m-mr-f2 {
     margin-right: -2/@font-size-normal;
}
 .m-mr-f6 {
     margin-right: -6/@font-size-normal;
}
 .m-mr-f7 {
     margin-right: -7/@font-size-normal;
}
 .m-mr-f10 {
     margin-right: -10/@font-size-normal;
}
 .m-mr-f14 {
     margin-right: -14/@font-size-normal;
}
 .m-mr-f15 {
     margin-right: -15/@font-size-normal;
}
 .m-mr-f16 {
     margin-right: -16/@font-size-normal;
}
 .m-mr-f17 {
     margin-right: -17/@font-size-normal;
}
 .m-mr-f18 {
     margin-right: -18/@font-size-normal;
}
 .m-mr-f23 {
     margin-right: -23/@font-size-normal;
}
 .m-mr-f25 {
     margin-right: -25/@font-size-normal;
}
 .m-mr-f27 {
     margin-right: -27/@font-size-normal;
}
/* margin-left */
 .m-ml-0 {
     margin-left: 0;
}
 .m-ml-3 {
     margin-left: 3/@font-size-normal;
}
 .m-ml-4 {
     margin-left: 4/@font-size-normal;
}
 .m-ml-5 {
     margin-left: 5/@font-size-normal;
}
 .m-ml-6 {
     margin-left: 6/@font-size-normal;
}
 .m-ml-7 {
     margin-left: 7/@font-size-normal;
}
 .m-ml-8 {
     margin-left: 8/@font-size-normal;
}
 .m-ml-9 {
     margin-left: 9/@font-size-normal;
}
 .m-ml-10 {
     margin-left: 10/@font-size-normal;
}
 .m-ml-12 {
     margin-left: 12/@font-size-normal;
}
 .m-ml-15 {
     margin-left: 15/@font-size-normal;
}
 .m-ml-16 {
     margin-left: 16/@font-size-normal;
}
 .m-ml-17 {
     margin-left: 17/@font-size-normal;
}
 .m-ml-17P {
     margin-left: 17%;
}
 .m-ml-18 {
     margin-left: 18/@font-size-normal;
}
 .m-ml-20 {
     margin-left: 20/@font-size-normal;
}
 .m-ml-23 {
     margin-left: 23/@font-size-normal;
}
 .m-ml-24 {
     margin-left: 24/@font-size-normal;
}
 .m-ml-25 {
     margin-left: 25/@font-size-normal;
}
 .m-ml-25P {
     margin-left: 25%;
}
 .m-ml-29 {
     margin-left: 29/@font-size-normal;
}
 .m-ml-30 {
     margin-left: 30/@font-size-normal;
}
 .m-ml-33 {
     margin-left: 33/@font-size-normal;
}
 .m-ml-35 {
     margin-left: 35/@font-size-normal;
}
 .m-ml-36 {
     margin-left: 36/@font-size-normal;
}
 .m-ml-37 {
     margin-left: 37/@font-size-normal;
}
 .m-ml-40 {
     margin-left: 40/@font-size-normal;
}
 .m-ml-42 {
     margin-left: 42/@font-size-normal;
}
 .m-ml-43 {
     margin-left: 43/@font-size-normal;
}
 .m-ml-47 {
     margin-left: 47/@font-size-normal;
}
 .m-ml-48 {
     margin-left: 48/@font-size-normal;
}
 .m-ml-49 {
     margin-left: 49/@font-size-normal;
}
 .m-ml-50 {
     margin-left: 50/@font-size-normal;
}
 .m-ml-50-5 {
     margin-left: 50.5/@font-size-normal;
}
 .m-ml-52 {
     margin-left: 52/@font-size-normal;
}
 .m-ml-60 {
     margin-left: 60/@font-size-normal;
}
 .m-ml-65 {
     margin-left: 65/@font-size-normal;
}
 .m-ml-70 {
     margin-left: 70/@font-size-normal;
}
 .m-ml-72 {
     margin-left: 72/@font-size-normal;
}
 .m-ml-75 {
     margin-left: 75/@font-size-normal;
}
 .m-ml-90 {
     margin-left: 90/@font-size-normal;
}
 .m-ml-100 {
     margin-left: 100/@font-size-normal;
}
 .m-ml-105 {
     margin-left: 105/@font-size-normal;
}
 .m-ml-110 {
     margin-left: 110/@font-size-normal;
}
 .m-ml-112 {
     margin-left: 112/@font-size-normal;
}
 .m-ml-120 {
     margin-left: 120/@font-size-normal;
}
 .m-ml-130 {
     margin-left: 130/@font-size-normal;
}
 .m-ml-150 {
     margin-left: 150/@font-size-normal;
}
 .m-ml-170 {
     margin-left: 170/@font-size-normal;
}
 .m-ml-200 {
     margin-left: 200/@font-size-normal;
}
 .m-ml-220 {
     margin-left: 220/@font-size-normal;
}
 .m-ml-480 {
     margin-left: 480/@font-size-normal;
}
 .m-ml-540 {
     margin-left: 540/@font-size-normal;
}
 .m-ml-586 {
     margin-left: 586/@font-size-normal;
}
 .m-ml-590 {
     margin-left: 590/@font-size-normal;
}
 .m-ml-620 {
     margin-left: 620/@font-size-normal;
}
 .m-ml-765 {
     margin-left: 765/@font-size-normal;
}
 .m-ml-800 {
     margin-left: 800/@font-size-normal;
}
 .m-ml-f1 {
     margin-left: -1/@font-size-normal;
}
 .m-ml-f3 {
     margin-left: -3/@font-size-normal;
}
 .m-ml-f4 {
     margin-left: -4p/@font-size-normal;
}
 .m-ml-f5 {
     margin-left: -5p/@font-size-normal;
}
 .m-ml-f6 {
     margin-left: -6/@font-size-normal;
}
 .m-ml-f8 {
     margin-left: -8/@font-size-normal;
}
 .m-ml-f9 {
     margin-left: -9/@font-size-normal;
}
 .m-ml-f10 {
     margin-left: -10/@font-size-normal;
}
 .m-ml-f13 {
     margin-left: -13/@font-size-normal;
}
 .m-ml-f14 {
     margin-left: -14/@font-size-normal;
}
 .m-ml-f15 {
     margin-left: -15/@font-size-normal;
}
 .m-ml-f16 {
     margin-left: -16/@font-size-normal;
}
 .m-ml-f17 {
     margin-left: -17/@font-size-normal;
}
 .m-ml-f18 {
     margin-left: -18/@font-size-normal;
}
 .m-ml-f20 {
     margin-left: -20/@font-size-normal;
}
 .m-ml-f24 {
     margin-left: -24/@font-size-normal;
}
 .m-ml-f30 {
     margin-left: -30/@font-size-normal;
}
 .m-ml-f31 {
     margin-left: -31/@font-size-normal;
}
 .m-ml-f32 {
     margin-left: -32/@font-size-normal;
}
 .m-ml-f33 {
     margin-left: -33/@font-size-normal;
}
 .m-ml-f60 {
     margin-left: -60/@font-size-normal;
}
/* margin-top */
 .m-mt-0 {
     margin-top: 0;
}
 .m-mt-1 {
     margin-top: 1/@font-size-normal;
}
 .m-mt-2 {
     margin-top: 2/@font-size-normal;
}
 .m-mt-3 {
     margin-top: 3/@font-size-normal;
}
 .m-mt-4 {
     margin-top: 4/@font-size-normal;
}
 .m-mt-5 {
     margin-top: 5/@font-size-normal;
}
 .m-mt-6 {
     margin-top: 6/@font-size-normal;
}
 .m-mt-7 {
     margin-top: 7/@font-size-normal;
}
 .m-mt-8 {
     margin-top: 8/@font-size-normal;
}
 .m-mt-10 {
     margin-top: 10/@font-size-normal;
}
 .m-mt-12 {
     margin-top: 12/@font-size-normal;
}
 .m-mt-15 {
     margin-top: 15/@font-size-normal;
}
 .m-mt-20 {
     margin-top: 20/@font-size-normal;
}
 .m-mt-20-5 {
     margin-top: 21.5/@font-size-normal;
}
 .m-mt-24 {
     margin-top: 24/@font-size-normal;
}
 .m-mt-30 {
     margin-top: 30/@font-size-normal;
}
 .m-mt-42 {
     margin-top: 42/@font-size-normal;
}
 .m-mt-32 {
     margin-top: 32/@font-size-normal;
}
 .m-mt-35 {
     margin-top: 35/@font-size-normal;
}
 .m-mt-36 {
     margin-top: 36/@font-size-normal;
}
 .m-mt-44 {
     margin-top: 44/@font-size-normal;
}
 .m-mt-50 {
     margin-top: 50/@font-size-normal;
}
 .m-mt-60 {
     margin-top: 60/@font-size-normal;
}
 .m-mt-70 {
     margin-top: 70/@font-size-normal;
}
 .m-mt-72 {
     margin-top: 72/@font-size-normal;
}
 .m-mt-100 {
     margin-top: 100/@font-size-normal;
}
 .m-mt-120 {
     margin-top: 120/@font-size-normal;
}
 .m-mt-180 {
     margin-top: 180/@font-size-normal;
}
 .m-mt-210 {
     margin-top: 210/@font-size-normal;
}
 .m-mt-f2 {
     margin-top: -2/@font-size-normal;
}
 .m-mt-f3 {
     margin-top: -3/@font-size-normal;
}
 .m-mt-f4 {
     margin-top: -4/@font-size-normal;
}
 .m-mt-f5 {
     margin-top: -5/@font-size-normal;
}
 .m-mt-f6 {
     margin-top: -5/@font-size-normal;
}
 .m-mt-f8 {
     margin-top: -8/@font-size-normal;
}
 .m-mt-f9 {
     margin-top: -9/@font-size-normal;
}
 .m-mt-f10 {
     margin-top: -10/@font-size-normal;
}
 .m-mt-f12 {
     margin-top: -12/@font-size-normal;
}
 .m-mt-f15 {
     margin-top: -15/@font-size-normal;
}
 .m-mt-f20 {
     margin-top: -20/@font-size-normal;
}
 .m-mt-f32 {
     margin-top: -32/@font-size-normal;
}
 .m-mt-f40 {
     margin-top: -40/@font-size-normal;
}
/* margin-bottom */
 .m-mb-0 {
     margin-bottom: 0;
}
 .m-mb-5 {
     margin-bottom: 5/@font-size-normal;
}
 .m-mb-6 {
     margin-bottom: 6/@font-size-normal;
}
 .m-mb-10 {
     margin-bottom: 10/@font-size-normal;
}
 .m-mb-12 {
     margin-bottom: 12/@font-size-normal;
}
 .m-mb-15 {
     margin-bottom: 15/@font-size-normal;
}
 .m-mb-16 {
     margin-bottom: 16/@font-size-normal;
}
 .m-mb-14 {
     margin-bottom: 14/@font-size-normal;
}
 .m-mb-20 {
     margin-bottom: 20/@font-size-normal;
}
 .m-mb-21 {
     margin-bottom: 21/@font-size-normal;
}
 .m-mb-24 {
     margin-bottom: 24/@font-size-normal;
}
 .m-mb-30 {
     margin-bottom: 30/@font-size-normal;
}
 .m-mb-80 {
     margin-bottom: 80/@font-size-normal;
}
 .m-mb-130 {
     margin-bottom: 130/@font-size-normal;
}
 .m-p-0 {
     padding: 0;
}
 .m-p-5 {
     padding: 5/@font-size-normal;
}
 .m-p-12 {
     padding: 12/@font-size-normal;
}
 .m-p-14 {
     padding: 14/@font-size-normal;
}
 .m-p-16 {
     padding: 16/@font-size-normal;
}
 .m-p-20 {
     padding: 20/@font-size-normal;
}
/* padding-left */
 .m-pl-0 {
     padding-left: 0;
}
 .m-pl-5 {
     padding-left: 5/@font-size-normal;
}
 .m-pl-6 {
     padding-left: 6/@font-size-normal;
}
 .m-pl-7 {
     padding-left: 7/@font-size-normal;
}
 .m-pl-10 {
     padding-left: 10/@font-size-normal;
}
 .m-pl-11 {
     padding-left: 11/@font-size-normal;
}
 .m-pl-12 {
     padding-left: 12/@font-size-normal;
}
 .m-pl-13 {
     padding-left: 13/@font-size-normal;
}
 .m-pl-15 {
     padding-left: 15/@font-size-normal;
}
 .m-pl-16 {
     padding-left: 16/@font-size-normal;
}
 .m-pl-17 {
     padding-left: 17/@font-size-normal;
}
 .m-pl-20 {
     padding-left: 20/@font-size-normal;
}
 .m-pl-24 {
     padding-left: 24/@font-size-normal;
}
 .m-pl-25 {
     padding-left: 25/@font-size-normal;
}
 .m-pl-30 {
     padding-left: 30/@font-size-normal;
}
 .m-pl-35 {
     padding-left: 35/@font-size-normal;
}
 .m-pl-37 {
     padding-left: 37/@font-size-normal;
}
 .m-pl-40 {
     padding-left: 40/@font-size-normal;
}
 .m-pl-43 {
     padding-left: 43/@font-size-normal;
}
 .m-pl-45 {
     padding-left: 45/@font-size-normal;
}
 .m-pl-50 {
     padding-left: 50/@font-size-normal;
}
 .m-pl-60 {
     padding-left: 60/@font-size-normal;
}
 .m-pl-70 {
     padding-left: 70/@font-size-normal;
}
/* padding-right */
 .m-pr-0 {
     padding-right: 0;
}
 .m-pr-5 {
     padding-right: 5/@font-size-normal;
}
 .m-pr-6 {
     padding-right: 6/@font-size-normal;
}
 .m-pr-10 {
     padding-right: 10/@font-size-normal;
}
 .m-pr-12 {
     padding-right: 12/@font-size-normal;
}
 .m-pr-15 {
     padding-right: 15/@font-size-normal;
}
 .m-pr-30 {
     padding-right: 30/@font-size-normal;
}
 .m-pr-40 {
     padding-right: 40/@font-size-normal;
}
 .m-pr-84 {
     padding-right: 84/@font-size-normal;
}
 .m-pr-114 {
     padding-right: 114/@font-size-normal;
}
 .m-pr-240 {
     padding-right: 240/@font-size-normal;
}
/* padding-top */
 .m-pt-0 {
     padding-top: 0;
}
 .m-pt-8 {
     padding-top: 8/@font-size-normal;
}
 .m-pt-12 {
     padding-top: 12/@font-size-normal;
}
 .m-pt-24 {
     padding-top: 24/@font-size-normal;
}
 .m-pt-1 {
     padding-top: 1/@font-size-normal;
}
 .m-pt-3 {
     padding-top: 3/@font-size-normal;
}
 .m-pt-5 {
     padding-top: 5/@font-size-normal;
}
 .m-pt-10 {
     padding-top: 10/@font-size-normal;
}
 .m-pt-15 {
     padding-top: 15/@font-size-normal;
}
 .m-pt-20 {
     padding-top: 20/@font-size-normal;
}
 .m-pt-35 {
     padding-top: 35/@font-size-normal;
}
/* padding-bottom */
 .m-pb-0 {
     padding-bottom: 0;
}
 .m-pb-2 {
     padding-bottom: 2/@font-size-normal;
}
 .m-pb-8 {
     padding-bottom: 8/@font-size-normal;
}
 .m-pb-108 {
     padding-bottom: 108/@font-size-normal;
}
/* page css */
 .m-white-bg {
     background-color: @baseColor;
}
 .c-gray-bg {
     background-color: @graybgColor;
}
 .m-gray-bg-padding {
     padding: 1.14285714rem;
     background-color: @homePageNo2;
}
 .m-white-bg-padding {
     padding: 1.14285714rem;
     background-color: @baseColor;
}
 .m-tab-content {
     height: calc(100vh - 10.00000000rem);
     min-height: 37.42857143rem;
     overflow-y: auto;
}
 .display-block {
     display: block;
}
 .display-inline-block {
     display: inline-block;
}
 .display-none {
     display: none;
}
 .table-title {
     padding: 0.71428571rem 0;
     border-top: 0.07142857rem solid @listBorderColorNo8;
}
 .table-action-bar{
     line-height: 40 / @font-size-normal !important;
     height: 40 / @font-size-normal !important;
     .left-bars{
         line-height: 40 / @font-size-normal !important;
         height: 40 / @font-size-normal !important;
         .button-groups{
             line-height: 40 / @font-size-normal !important;
             height: 40 / @font-size-normal !important;
        }
    }
}
 .m-pos-abs {
     position: absolute;
}
 .m-pos-static {
     position: static;
}
 .m-pos-r {
     position: relative;
}
/* top */
 .m-top-0 {
     top: 0;
}
 .m-top-2 {
     top: 2/@font-size-normal;
}
 .m-top-5 {
     top: 5/@font-size-normal;
}
 .m-top-10 {
     top: 10/@font-size-normal;
}
 .m-top-15 {
     top: 15/@font-size-normal;
}
 .m-top-20 {
     top: 20/@font-size-normal;
}
 .m-top-72 {
     top: 72/@font-size-normal;
}
 .m-top-90 {
     top: 90/@font-size-normal;
}
 .m-top-130 {
     top: 130/@font-size-normal;
}
/* bottom */
 .m-bottom-0 {
     bottom: 0;
}
 .m-bottom-2-4 {
     bottom: 2.4/@font-size-normal;
}
 .m-bottom-3 {
     bottom: 3/@font-size-normal;
}
 .m-bottom-40 {
     bottom: 40/@font-size-normal;
}
 .m-bottom-200 {
     bottom: 200/@font-size-normal;
}
 .m-bottom-262 {
     bottom: 262/@font-size-normal;
}
/* left */
 .m-left-0 {
     left: 0;
}
 .m-left-10p {
     left: 10%;
}
/* right */
 .m-right-0 {
     right: 0/@font-size-normal;
}
 .m-right-16 {
     right: 16/@font-size-normal;
}
 .m-right-84 {
     right: 84/@font-size-normal;
}
 .m-right-124 {
     right: 124/@font-size-normal;
}
 .m-topmax {
     z-index: 10004;
}
 .m-float-none {
     float: none;
}
 .m-float-left {
     float: left;
}
 .m-float-right {
     float: right;
}
 .m-clear-both {
     clear: both;
}
 .m-hor-center {
     position: absolute;
     left: 50%;
     transform: translate3d(-50%, 0, 0);
     -webkit-transform: translate3d(-50%, 0, 0);
}
 .m-ver-center {
     position: absolute;
     top: 50%;
     transform: translate3d(0, -50%, 0);
     -webkit-transform: translate3d(0, -50%, 0);
}
 .m-hor-ver-center {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate3d(-50%, -50%, 0);
     -webkit-transform: translate3d(-50%, -50%, 0);
}
 HTML, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
     border: none;
     font-family: "Microsoft YaHei";
     margin: 0;
     padding: 0;
}
 html, body {
     height: 100%;
     width: 100%;
     background-color: @bodyBgColorNo16;
}
 address, caption, cite, code, dfn, em, strong, th, var {
     font-style: normal;
     font-weight: normal;
}
 a {
     text-decoration: none;
}
 input::-ms-clear {
     display: none;
}
 input::-ms-reveal {
     display: none;
}
 input {
     -webkit-appearance: none;
     margin: 0;
     outline: none;
     padding: 0;
}
 input::-webkit-input-placeholder {
     color: #ccc;
}
 input::-ms-input-placeholder {
     color: #ccc;
}
 input::-moz-placeholder {
     color: #ccc;
}
 input[type=submit], input[type=button] {
     cursor: pointer;
}
 button[disabled], input[disabled] {
     cursor: default;
}
 img {
     border: none;
}
 ul, ol, li {
     list-style-type: none;
}
/*公共方法*/
 .clearfix::after{
     content: "";
     display: block;
     clear: both;
}
 .clear {
     clear: both;
}
 .clearleft {
     clear: left;
}
 .clearright {
     clear: right;
}
 .floatleft {
     float: left;
}
 .floatright {
     float: right;
}
 .cursor {
     cursor: pointer;
}
/* Document ========================================================================== */
/** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */
 html {
     line-height: 1.15;
    /* 1 */
     -webkit-text-size-adjust: 100%;
    /* 2 */
}
/* Sections ========================================================================== */
/** * Remove the margin in all browsers. */
 body {
     margin: 0;
}
/** * Render the `main` element consistently in IE. */
 main {
     display: block;
}
/** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */
 h1 {
     font-size: 2em;
     margin: 0.67em 0;
}
/* Grouping content ========================================================================== */
/** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */
 hr {
     box-sizing: content-box;
    /* 1 */
     height: 0;
    /* 1 */
     overflow: visible;
    /* 2 */
}
/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */
 pre {
     font-family: monospace, monospace;
    /* 1 */
     font-size: 1em;
    /* 2 */
}
/* Text-level semantics ========================================================================== */
/** * Remove the gray background on active links in IE 10. */
 a {
     background-color: transparent;
}
/** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
 abbr[title] {
     border-bottom: none;
    /* 1 */
     text-decoration: underline;
    /* 2 */
     text-decoration: underline dotted;
    /* 2 */
}
/** * Add the correct font weight in Chrome, Edge, and Safari. */
 b, strong {
     font-weight: bolder;
}
/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */
 code, kbd, samp {
     font-family: monospace, monospace;
    /* 1 */
     font-size: 1em;
    /* 2 */
}
/** * Add the correct font size in all browsers. */
 small {
     font-size: 80%;
}
/** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */
 sub, sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
}
 sub {
     bottom: -0.25em;
}
 sup {
     top: -0.5em;
}
/* Embedded content ========================================================================== */
/** * Remove the border on images inside links in IE 10. */
 img {
     border-style: none;
}
/* Forms ========================================================================== */
/** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */
 button, input, optgroup, select, textarea {
     font-family: inherit;
    /* 1 */
     font-size: 100%;
    /* 1 */
     line-height: 1.15;
    /* 1 */
     margin: 0;
    /* 2 */
}
/** * Show the overflow in IE. * 1. Show the overflow in Edge. */
 button, input {
    /* 1 */
     overflow: visible;
}
/** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */
 button, select {
    /* 1 */
     text-transform: none;
}
/** * Correct the inability to style clickable types in iOS and Safari. */
 button, [type="button"], [type="reset"], [type="submit"] {
     -webkit-appearance: button;
}
/** * Remove the inner border and padding in Firefox. */
 button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
     border-style: none;
     padding: 0;
}
/** * Restore the focus styles unset by the previous rule. */
 button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
     outline: 0.07142857rem dotted ButtonText;
}
/** * Correct the padding in Firefox. */
 fieldset {
     padding: 0.35em 0.75em 0.625em;
}
/** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */
 legend {
     box-sizing: border-box;
    /* 1 */
     color: inherit;
    /* 2 */
     display: table;
    /* 1 */
     max-width: 100%;
    /* 1 */
     padding: 0;
    /* 3 */
     white-space: normal;
    /* 1 */
}
/** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */
 progress {
     vertical-align: baseline;
}
/** * Remove the default vertical scrollbar in IE 10+. */
 textarea {
     overflow: auto;
}
/** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */
 [type="checkbox"], [type="radio"] {
     box-sizing: border-box;
    /* 1 */
     padding: 0;
    /* 2 */
}
/** * Correct the cursor style of increment and decrement buttons in Chrome. */
 [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
     height: auto;
}
/** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */
 [type="search"] {
     -webkit-appearance: textfield;
    /* 1 */
     outline-offset: -0.14285714rem;
    /* 2 */
}
/** * Remove the inner padding in Chrome and Safari on macOS. */
 [type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
}
/** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */
 ::-webkit-file-upload-button {
     -webkit-appearance: button;
    /* 1 */
     font: inherit;
    /* 2 */
}
/* Interactive ========================================================================== */
/* * Add the correct display in Edge, IE 10+, and Firefox. */
 details {
     display: block;
}
/* * Add the correct display in all browsers. */
 summary {
     display: list-item;
}
/* Misc ========================================================================== */
/** * Add the correct display in IE 10+. */
 template {
     display: none;
}
/** * Add the correct display in IE 10. */
 [hidden] {
     display: none;
}
 .ant-menu-submenu-popup {
     li[pagename='Equipment'] {
         width: 200 / @px-unit !important;
         height: 200 / @px-unit !important;
         .card-style-equipment {
             width: 160/@px-unit;
             height: 196/@px-unit;
             padding: 24/@px-unit;
        }
         .card-dash {
             border-style: dashed;
        }
         .card-style-equipment-icon {
             width: 42/@px-unit;
             height: 42/@px-unit;
             background: rgb(240, 240, 240);
             border-radius: 50%;
             font-size: 42/@px-unit;
        }
         .card-height220 {
             height: 220/@px-unit;
        }
         .ant-card-body {
             padding: 0 !important;
             text-align: center;
        }
         .ant-card-meta-title {
             margin-top: 8/@px-unit;
             margin-bottom: 0;
        }
         position: relative;
         .hover-icon {
             background: rgba(204, 204, 204, 0.4);
             position: absolute;
             bottom: 0;
             right: 0;
             left: 0;
             color: red;
             opacity: 0;
        }
         &:hover .hover-icon{
             opacity: 1;
        }
         .card_add_height {
             height: 108/@px-unit !important;
             position: relative;
             [role=img] {
                 position: absolute;
                 left: 50%;
                 top: 50%;
                 transform: translate(-50%, -50%);
            }
             svg {
                 width: 0.5em;
            }
        }
    }
     li[pagename='Equipment'].ant-menu-item-selected {
         .ant-card {
             border: 2/@px-unit solid rgb(24, 144, 255);
             .ant-card-meta-title {
                 color: rgb(24, 144, 255);
            }
        }
    }
     li[pagename='SchemeSelect'] {
         width: 220 / @px-unit !important;
         height: 230 / @px-unit !important;
         .card-style-img {
             width: 220/@px-unit;
             height: 230/@px-unit;
             border-style: none none solid none;
        }
         margin-bottom: 5 / @px-unit;
         padding: 0;
         .ant-card {
             margin: 0;
        }
         .ant-card-body {
             padding: 0 !important;
             text-align: center;
        }
         img {
             height: 200/@px-unit;
        }
    }
     li[pagename='SchemeSelect'].ant-menu-item-selected {
         .ant-card {
             background-color: rgb(241, 249, 255);
             img {
                 opacity: 1 !important;
            }
             .ant-card-meta-title {
                 color: @btnNormalColorNo1;
            }
        }
    }
}
/**字体相关*/
 .m-fw-normal {
     font-weight: normal;
}
 .m-fw-bold {
     font-weight: bold;
}
 .m-fs-small {
     font-size: small;
}
 .m-fs-12 {
     font-size: 12/@font-size-normal;
}
 .m-fs-14 {
     font-size: 14/@font-size-normal;
}
 .m-fs-15 {
     font-size: 15/@font-size-normal;
}
 .m-fs-16 {
     font-size: 16/@font-size-normal;
}
 .m-fs-17 {
     font-size: 17/@font-size-normal;
}
 .m-fs-18 {
     font-size: 18/@font-size-normal;
}
 .m-fs-43 {
     font-size: 43/@font-size-normal;
}
/* line-height */
 .m-lh-22 {
     line-height: 22/@font-size-normal;
}
 .m-lh-24 {
     line-height: 24/@font-size-normal;
}
 .m-lh-26 {
     line-height: 26/@font-size-normal;
}
 .m-lh-28 {
     line-height: 28/@font-size-normal;
}
 .m-lh-30 {
     line-height: 30/@font-size-normal;
}
 .m-lh-32 {
     line-height: 32/@font-size-normal;
}
 .m-lh-35 {
     line-height: 35/@font-size-normal;
}
 .m-lh-40 {
     line-height: 40/@font-size-normal;
}
 .m-lh-43 {
     line-height: 43/@font-size-normal;
}
 .m-lh-48 {
     line-height: 48/@font-size-normal;
}
 .m-lh-56 {
     line-height: 56/@font-size-normal;
}
 .m-lh-64 {
     line-height: 64/@font-size-normal;
}
 .m-lh-90vh {
     line-height: 90vh;
}
 .font-disabled {
     color: @disableColorNo7;
}
/* 鼠标的css */
/* 默认 箭头 */
 .m-cursor-default {
     cursor: default;
}
/* 手形 */
 .m-cursor-pointer {
     cursor: pointer;
}
/* 十字 */
 .m-cursor-crosshair {
     cursor: crosshair;
}
/* 移动 */
 .m-cursor-move {
     cursor: move;
}
/* 文本 */
 .m-cursor-text {
     cursor: text;
}
/* 等待 沙漏 */
 .m-cursor-wait {
     cursor: wait;
}
/* 帮助 一个问号或者气球 */
 .m-cursor-help {
     cursor: help;
}
/* 禁用 */
 .m-cursor-notAllowed {
     cursor: not-allowed;
}
 .m-vertical-top {
     vertical-align: top;
}
 .m-vertical-middle {
     vertical-align: middle;
}
 .m-vertical-bottom {
     vertical-align: bottom;
}
 .m-vertical-text-bottom {
     vertical-align: text-bottom;
}
 .m-text-center {
     text-align: center;
}
 .m-text-left {
     text-align: left;
}
 .m-text-right {
     text-align: right;
}
 .m-inline-block {
     display: inline-block;
}
 .m-flex {
     display: flex;
}
 .m-visibility-hidden {
     visibility: hidden;
}
 .m-overflow-hidden {
     overflow: hidden;
}
 .m-overflow-initial {
     overflow: initial;
}
 .m-opacity-0 {
     opacity: 0;
}
 .m-opacity-half {
     opacity: 0.5;
}
 .m-ws-nowrap {
     white-space: nowrap;
}
 .m-ws-preline {
     white-space: pre-line;
}
 .m-text-ellipsis {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     vertical-align: middle;
}
/*行人*/
 .pedestrianLight-status00 {
     img {
         content: url("/static/media/greenLightPED.c524c2ff.png");
    }
}
 .pedestrianLight-status01 {
     img {
         content: url("/static/media/redLightPED.3e18e7f0.png");
    }
}
/*直行*/
 .light-status00 {
     img {
         content: url("/static/media/straightGreen.6085e846.png");
    }
}
 .light-status01 {
     img {
         content: url("/static/media/straightRed.753ca5a2.png");
    }
}
 .light-status02 {
     img {
         content: url("/static/media/straightYellow.747f07b0.png");
    }
}
/*左转*/
 .light-status10 {
     img {
         content: url("/static/media/turnLeftGreen.cd6f2995.png");
    }
}
 .light-status11 {
     img {
         content: url("/static/media/turnLeftRed.16d004af.png");
    }
}
 .light-status12 {
     img {
         content: url("/static/media/turnLeftYellow.d71ad147.png");
    }
}
/*右转*/
 .light-status20 {
     img {
         content: url("/static/media/turnRightGreen.7dcce2c5.png");
    }
}
 .light-status21 {
     img {
         content: url("/static/media/turnRightRed.9ddaf24e.png");
    }
}
 .light-status22 {
     img {
         content: url("/static/media/turnRightYellow.95ba4068.png");
    }
}
/*掉头*/
 .light-status30 {
     img {
         content: url("/static/media/turnAroundGreen.8566553a.png");
    }
}
 .light-status31 {
     img {
         content: url("/static/media/turnAroundRed.3b544cf9.png");
    }
}
 .light-status32 {
     img {
         content: url("/static/media/turnAroundYellow.3c2c6aed.png");
    }
}
 .light-status00, .light-status10, .light-status20, .light-status30 {
     color: rgb(82, 196, 26);
}
 .light-status01, .light-status11, .light-status21, .light-status31 {
     color: rgb(245, 34, 45);
}
 .light-status02, .light-status12, .light-status22, .light-status32 {
     color: yellow;
}
 .light-mark {
     margin-right: 8/@px-unit;
     display: inline-block;
     width: 8/@px-unit;
     height: 8/@px-unit;
     border-radius: 50%;
     &.normal,&.timing {
         background: #52c41a;
    }
     &.event {
         background: #fcac15;
    }
     &.alarm, &.alarmlocal {
         background: #f5222d;
    }
     &.manual {
         background: #00FFF7;
    }
}
 .m-icon-style {
     font-size: 20/@px-unit;
     position: relative;
     top: 2/@px-unit;
}
/*该颜色和之后的项目一致，采用20基础色*/
/*各组件less引入主题然后赋值给自己的实际变量值*/
 @btnNormalColorNo1: #1890ff;
 @btnHoverColorNo2: #40a9ff;
 @btnPressedColorNo3: #096dd9;
 @topBackColor:#2374E7;
 @titleColorNo4: #272727;
 @textColorNo5: #272727;
 @formContentColorNo6: #565656;
 @disableColorNo7: #8f8f8f;
 @listBorderColorNo8: #e8e8e8;
 @dividerColorNo9: #e8e8e8;
 @inputBorderColorNo10: #d9d9d9;
 @disableInputBgColorNo11:#f5f5f5;
 @firstNavBgColorNo12: #001529;
 @secondNavBgColorNo13: #ffffff;
 @secondNavHoverColorNo14: #e6f7ff;
 @contentBgColorNo15: #ffffff;
 @bodyBgColorNo16: #f0f2f5;
 @homePageNo1:#ffffff;
 @homePageNo2:#f0f2f5;
 @homePageNo3:#f0f0f0;
 @errorColorNo17: #f5222d;
 @warnColorNo18: #fcac15;
 @successColorNo19: #52c41a;
 @linkColorNo20: #1890ff;
 @main_background_color: #F0F2F5;
 @disableNumberInputFontColor: rgba(0, 0, 0, 0.25);
/**三方库的变量需要如下用标签包裹起来**/
/**antd**/
 @font-size-base: 0.85714286rem;
 @table-padding-vertical: 0.35714286rem;
 @table-padding-horizontal: 0.35714286rem;
 @text-color: @textColorNo5;
 @primary-color: @btnNormalColorNo1;
 @panelBackgroundColor:#fafafa;
/**antd**/
/*TabMenu一级导航*/
 @topMenuTabActiveColor:#ffffff;
 @topMenuTabColor:#a6adb4;
 @tabArrowColor:@contentBgColorNo15;
 @tabArrowHoverColor:@btnNormalColorNo1;
 @tabCloseColor:@contentBgColorNo15;
 @tabBackGroundColor:@firstNavBgColorNo12;
 @tabMenuTabHoverColor:#ffffff;
 @tabDividerColor: rgba(255, 255, 255, 0.2);
/*MenuView主页菜单*/
 @MenuViewPageSwitch:#AFC6E1;
 @MenuViewActivePageSwitch:@linkColorNo20;
 @MenuViewItemLineColor:#81B6FC;
 @MenuViewBackGroundColor:@homePageNo1;
 @MenuViewItemMessageColor:@disableColorNo7;
 @MenuViewItemHoverColor:#ECF4FF;
 @MenuViewCarouselColor:#7DB1EC;
/*sideMenu二级导航*/
 @sideMenuBackGroundColor:@secondNavBgColorNo13;
 @sideMenuSelectedColor:#ECF4FF;
/*login 登录*/
 @loginForgetPasswordHoverColor:#ffffff;
 @loginIconColor:@btnHoverColorNo2;
/*页面相关*/
 @font-size-normal: 12rem;
/*换肤相关颜色*/