@text-color: fade(@black, 65%);
@menu-item-active-bg: #00a335;
@body-background: #F0F2F5;
@border-color-base: hsv(0, 0, 85%);
@component-background: #fff;
@heading-color: fade(#000, 85%);
@border-color-split: hsv(0, 0, 91%);
@disabled-color: fade(#000, 25%);
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
.bezierEasingMixin() {
@functions: ~`(function() {
  var NEWTON_ITERATIONS = 4;
  var NEWTON_MIN_SLOPE = 0.001;
  var SUBDIVISION_PRECISION = 0.0000001;
  var SUBDIVISION_MAX_ITERATIONS = 10;

  var kSplineTableSize = 11;
  var kSampleStepSize = 1.0 / (kSplineTableSize - 1.0);

  var float32ArraySupported = typeof Float32Array === 'function';

  function A (aA1, aA2) { return 1.0 - 3.0 * aA2 + 3.0 * aA1; }
  function B (aA1, aA2) { return 3.0 * aA2 - 6.0 * aA1; }
  function C (aA1)      { return 3.0 * aA1; }

  // Returns x(t) given t, x1, and x2, or y(t) given t, y1, and y2.
  function calcBezier (aT, aA1, aA2) { return ((A(aA1, aA2) * aT + B(aA1, aA2)) * aT + C(aA1)) * aT; }

  // Returns dx/dt given t, x1, and x2, or dy/dt given t, y1, and y2.
  function getSlope (aT, aA1, aA2) { return 3.0 * A(aA1, aA2) * aT * aT + 2.0 * B(aA1, aA2) * aT + C(aA1); }

  function binarySubdivide (aX, aA, aB, mX1, mX2) {
    var currentX, currentT, i = 0;
    do {
      currentT = aA + (aB - aA) / 2.0;
      currentX = calcBezier(currentT, mX1, mX2) - aX;
      if (currentX > 0.0) {
        aB = currentT;
      } else {
        aA = currentT;
      }
    } while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i < SUBDIVISION_MAX_ITERATIONS);
    return currentT;
  }

  function newtonRaphsonIterate (aX, aGuessT, mX1, mX2) {
   for (var i = 0; i < NEWTON_ITERATIONS; ++i) {
     var currentSlope = getSlope(aGuessT, mX1, mX2);
     if (currentSlope === 0.0) {
       return aGuessT;
     }
     var currentX = calcBezier(aGuessT, mX1, mX2) - aX;
     aGuessT -= currentX / currentSlope;
   }
   return aGuessT;
  }

  var BezierEasing = function (mX1, mY1, mX2, mY2) {
    if (!(0 <= mX1 && mX1 <= 1 && 0 <= mX2 && mX2 <= 1)) {
      throw new Error('bezier x values must be in [0, 1] range');
    }

    // Precompute samples table
    var sampleValues = float32ArraySupported ? new Float32Array(kSplineTableSize) : new Array(kSplineTableSize);
    if (mX1 !== mY1 || mX2 !== mY2) {
      for (var i = 0; i < kSplineTableSize; ++i) {
        sampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);
      }
    }

    function getTForX (aX) {
      var intervalStart = 0.0;
      var currentSample = 1;
      var lastSample = kSplineTableSize - 1;

      for (; currentSample !== lastSample && sampleValues[currentSample] <= aX; ++currentSample) {
        intervalStart += kSampleStepSize;
      }
      --currentSample;

      // Interpolate to provide an initial guess for t
      var dist = (aX - sampleValues[currentSample]) / (sampleValues[currentSample + 1] - sampleValues[currentSample]);
      var guessForT = intervalStart + dist * kSampleStepSize;

      var initialSlope = getSlope(guessForT, mX1, mX2);
      if (initialSlope >= NEWTON_MIN_SLOPE) {
        return newtonRaphsonIterate(aX, guessForT, mX1, mX2);
      } else if (initialSlope === 0.0) {
        return guessForT;
      } else {
        return binarySubdivide(aX, intervalStart, intervalStart + kSampleStepSize, mX1, mX2);
      }
    }

    return function BezierEasing (x) {
      if (mX1 === mY1 && mX2 === mY2) {
        return x; // linear
      }
      // Because JavaScript number are imprecise, we should guarantee the extremes are right.
      if (x === 0) {
        return 0;
      }
      if (x === 1) {
        return 1;
      }
      return calcBezier(getTForX(x), mY1, mY2);
    };
  };

  this.colorEasing = BezierEasing(0.26, 0.09, 0.37, 0.18);
  // less 3 requires a return
  return '';
})()`;
}
// It is hacky way to make this function will be compiled preferentially by less
// resolve error: `ReferenceError: colorPalette is not defined`
// https://github.com/ant-design/ant-motion/issues/44
.bezierEasingMixin();

/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tinyColorMixin() {
@functions: ~`(function() {
// TinyColor v1.4.1
// https://github.com/bgrins/TinyColor
// 2016-07-07, Brian Grinstead, MIT License
var trimLeft = /^\s+/,
    trimRight = /\s+$/,
    tinyCounter = 0,
    mathRound = Math.round,
    mathMin = Math.min,
    mathMax = Math.max,
    mathRandom = Math.random;

function tinycolor (color, opts) {

    color = (color) ? color : '';
    opts = opts || { };

    // If input is already a tinycolor, return itself
    if (color instanceof tinycolor) {
       return color;
    }
    // If we are called as a function, call using new instead
    if (!(this instanceof tinycolor)) {
        return new tinycolor(color, opts);
    }

    var rgb = inputToRGB(color);
    this._originalInput = color,
    this._r = rgb.r,
    this._g = rgb.g,
    this._b = rgb.b,
    this._a = rgb.a,
    this._roundA = mathRound(100*this._a) / 100,
    this._format = opts.format || rgb.format;
    this._gradientType = opts.gradientType;

    // Don't let the range of [0,255] come back in [0,1].
    // Potentially lose a little bit of precision here, but will fix issues where
    // .5 gets interpreted as half of the total, instead of half of 1
    // If it was supposed to be 128, this was already taken care of by inputToRgb
    if (this._r < 1) { this._r = mathRound(this._r); }
    if (this._g < 1) { this._g = mathRound(this._g); }
    if (this._b < 1) { this._b = mathRound(this._b); }

    this._ok = rgb.ok;
    this._tc_id = tinyCounter++;
}

tinycolor.prototype = {
    isDark: function() {
        return this.getBrightness() < 128;
    },
    isLight: function() {
        return !this.isDark();
    },
    isValid: function() {
        return this._ok;
    },
    getOriginalInput: function() {
      return this._originalInput;
    },
    getFormat: function() {
        return this._format;
    },
    getAlpha: function() {
        return this._a;
    },
    getBrightness: function() {
        //http://www.w3.org/TR/AERT#color-contrast
        var rgb = this.toRgb();
        return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000;
    },
    getLuminance: function() {
        //http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef
        var rgb = this.toRgb();
        var RsRGB, GsRGB, BsRGB, R, G, B;
        RsRGB = rgb.r/255;
        GsRGB = rgb.g/255;
        BsRGB = rgb.b/255;

        if (RsRGB <= 0.03928) {R = RsRGB / 12.92;} else {R = Math.pow(((RsRGB + 0.055) / 1.055), 2.4);}
        if (GsRGB <= 0.03928) {G = GsRGB / 12.92;} else {G = Math.pow(((GsRGB + 0.055) / 1.055), 2.4);}
        if (BsRGB <= 0.03928) {B = BsRGB / 12.92;} else {B = Math.pow(((BsRGB + 0.055) / 1.055), 2.4);}
        return (0.2126 * R) + (0.7152 * G) + (0.0722 * B);
    },
    setAlpha: function(value) {
        this._a = boundAlpha(value);
        this._roundA = mathRound(100*this._a) / 100;
        return this;
    },
    toHsv: function() {
        var hsv = rgbToHsv(this._r, this._g, this._b);
        return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this._a };
    },
    toHsvString: function() {
        var hsv = rgbToHsv(this._r, this._g, this._b);
        var h = mathRound(hsv.h * 360), s = mathRound(hsv.s * 100), v = mathRound(hsv.v * 100);
        return (this._a == 1) ?
          "hsv("  + h + ", " + s + "%, " + v + "%)" :
          "hsva(" + h + ", " + s + "%, " + v + "%, "+ this._roundA + ")";
    },
    toHsl: function() {
        var hsl = rgbToHsl(this._r, this._g, this._b);
        return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this._a };
    },
    toHslString: function() {
        var hsl = rgbToHsl(this._r, this._g, this._b);
        var h = mathRound(hsl.h * 360), s = mathRound(hsl.s * 100), l = mathRound(hsl.l * 100);
        return (this._a == 1) ?
          "hsl("  + h + ", " + s + "%, " + l + "%)" :
          "hsla(" + h + ", " + s + "%, " + l + "%, "+ this._roundA + ")";
    },
    toHex: function(allow3Char) {
        return rgbToHex(this._r, this._g, this._b, allow3Char);
    },
    toHexString: function(allow3Char) {
        return '#' + this.toHex(allow3Char);
    },
    toHex8: function(allow4Char) {
        return rgbaToHex(this._r, this._g, this._b, this._a, allow4Char);
    },
    toHex8String: function(allow4Char) {
        return '#' + this.toHex8(allow4Char);
    },
    toRgb: function() {
        return { r: mathRound(this._r), g: mathRound(this._g), b: mathRound(this._b), a: this._a };
    },
    toRgbString: function() {
        return (this._a == 1) ?
          "rgb("  + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ")" :
          "rgba(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ", " + this._roundA + ")";
    },
    toPercentageRgb: function() {
        return { r: mathRound(bound01(this._r, 255) * 100) + "%", g: mathRound(bound01(this._g, 255) * 100) + "%", b: mathRound(bound01(this._b, 255) * 100) + "%", a: this._a };
    },
    toPercentageRgbString: function() {
        return (this._a == 1) ?
          "rgb("  + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%)" :
          "rgba(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%, " + this._roundA + ")";
    },
    toName: function() {
        if (this._a === 0) {
            return "transparent";
        }

        if (this._a < 1) {
            return false;
        }

        return hexNames[rgbToHex(this._r, this._g, this._b, true)] || false;
    },
    toFilter: function(secondColor) {
        var hex8String = '#' + rgbaToArgbHex(this._r, this._g, this._b, this._a);
        var secondHex8String = hex8String;
        var gradientType = this._gradientType ? "GradientType = 1, " : "";

        if (secondColor) {
            var s = tinycolor(secondColor);
            secondHex8String = '#' + rgbaToArgbHex(s._r, s._g, s._b, s._a);
        }

        return "progid:DXImageTransform.Microsoft.gradient("+gradientType+"startColorstr="+hex8String+",endColorstr="+secondHex8String+")";
    },
    toString: function(format) {
        var formatSet = !!format;
        format = format || this._format;

        var formattedString = false;
        var hasAlpha = this._a < 1 && this._a >= 0;
        var needsAlphaFormat = !formatSet && hasAlpha && (format === "hex" || format === "hex6" || format === "hex3" || format === "hex4" || format === "hex8" || format === "name");

        if (needsAlphaFormat) {
            // Special case for "transparent", all other non-alpha formats
            // will return rgba when there is transparency.
            if (format === "name" && this._a === 0) {
                return this.toName();
            }
            return this.toRgbString();
        }
        if (format === "rgb") {
            formattedString = this.toRgbString();
        }
        if (format === "prgb") {
            formattedString = this.toPercentageRgbString();
        }
        if (format === "hex" || format === "hex6") {
            formattedString = this.toHexString();
        }
        if (format === "hex3") {
            formattedString = this.toHexString(true);
        }
        if (format === "hex4") {
            formattedString = this.toHex8String(true);
        }
        if (format === "hex8") {
            formattedString = this.toHex8String();
        }
        if (format === "name") {
            formattedString = this.toName();
        }
        if (format === "hsl") {
            formattedString = this.toHslString();
        }
        if (format === "hsv") {
            formattedString = this.toHsvString();
        }

        return formattedString || this.toHexString();
    },
    clone: function() {
        return tinycolor(this.toString());
    },

    _applyModification: function(fn, args) {
        var color = fn.apply(null, [this].concat([].slice.call(args)));
        this._r = color._r;
        this._g = color._g;
        this._b = color._b;
        this.setAlpha(color._a);
        return this;
    },
    lighten: function() {
        return this._applyModification(lighten, arguments);
    },
    brighten: function() {
        return this._applyModification(brighten, arguments);
    },
    darken: function() {
        return this._applyModification(darken, arguments);
    },
    desaturate: function() {
        return this._applyModification(desaturate, arguments);
    },
    saturate: function() {
        return this._applyModification(saturate, arguments);
    },
    greyscale: function() {
        return this._applyModification(greyscale, arguments);
    },
    spin: function() {
        return this._applyModification(spin, arguments);
    },

    _applyCombination: function(fn, args) {
        return fn.apply(null, [this].concat([].slice.call(args)));
    },
    analogous: function() {
        return this._applyCombination(analogous, arguments);
    },
    complement: function() {
        return this._applyCombination(complement, arguments);
    },
    monochromatic: function() {
        return this._applyCombination(monochromatic, arguments);
    },
    splitcomplement: function() {
        return this._applyCombination(splitcomplement, arguments);
    },
    triad: function() {
        return this._applyCombination(triad, arguments);
    },
    tetrad: function() {
        return this._applyCombination(tetrad, arguments);
    }
};

// If input is an object, force 1 into "1.0" to handle ratios properly
// String input requires "1.0" as input, so 1 will be treated as 1
tinycolor.fromRatio = function(color, opts) {
    if (typeof color == "object") {
        var newColor = {};
        for (var i in color) {
            if (color.hasOwnProperty(i)) {
                if (i === "a") {
                    newColor[i] = color[i];
                }
                else {
                    newColor[i] = convertToPercentage(color[i]);
                }
            }
        }
        color = newColor;
    }

    return tinycolor(color, opts);
};

// Given a string or object, convert that input to RGB
// Possible string inputs:
//
//     "red"
//     "#f00" or "f00"
//     "#ff0000" or "ff0000"
//     "#ff000000" or "ff000000"
//     "rgb 255 0 0" or "rgb (255, 0, 0)"
//     "rgb 1.0 0 0" or "rgb (1, 0, 0)"
//     "rgba (255, 0, 0, 1)" or "rgba 255, 0, 0, 1"
//     "rgba (1.0, 0, 0, 1)" or "rgba 1.0, 0, 0, 1"
//     "hsl(0, 100%, 50%)" or "hsl 0 100% 50%"
//     "hsla(0, 100%, 50%, 1)" or "hsla 0 100% 50%, 1"
//     "hsv(0, 100%, 100%)" or "hsv 0 100% 100%"
//
function inputToRGB(color) {

    var rgb = { r: 0, g: 0, b: 0 };
    var a = 1;
    var s = null;
    var v = null;
    var l = null;
    var ok = false;
    var format = false;

    if (typeof color == "string") {
        color = stringInputToObject(color);
    }

    if (typeof color == "object") {
        if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {
            rgb = rgbToRgb(color.r, color.g, color.b);
            ok = true;
            format = String(color.r).substr(-1) === "%" ? "prgb" : "rgb";
        }
        else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {
            s = convertToPercentage(color.s);
            v = convertToPercentage(color.v);
            rgb = hsvToRgb(color.h, s, v);
            ok = true;
            format = "hsv";
        }
        else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {
            s = convertToPercentage(color.s);
            l = convertToPercentage(color.l);
            rgb = hslToRgb(color.h, s, l);
            ok = true;
            format = "hsl";
        }

        if (color.hasOwnProperty("a")) {
            a = color.a;
        }
    }

    a = boundAlpha(a);

    return {
        ok: ok,
        format: color.format || format,
        r: mathMin(255, mathMax(rgb.r, 0)),
        g: mathMin(255, mathMax(rgb.g, 0)),
        b: mathMin(255, mathMax(rgb.b, 0)),
        a: a
    };
}

// Conversion Functions
// --------------------

// rgbToHsl, rgbToHsv, hslToRgb, hsvToRgb modified from:
// <http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript>

// rgbToRgb
// Handle bounds / percentage checking to conform to CSS color spec
// <http://www.w3.org/TR/css3-color/>
// *Assumes:* r, g, b in [0, 255] or [0, 1]
// *Returns:* { r, g, b } in [0, 255]
function rgbToRgb(r, g, b){
    return {
        r: bound01(r, 255) * 255,
        g: bound01(g, 255) * 255,
        b: bound01(b, 255) * 255
    };
}

// rgbToHsl
// Converts an RGB color value to HSL.
// *Assumes:* r, g, and b are contained in [0, 255] or [0, 1]
// *Returns:* { h, s, l } in [0,1]
function rgbToHsl(r, g, b) {

    r = bound01(r, 255);
    g = bound01(g, 255);
    b = bound01(b, 255);

    var max = mathMax(r, g, b), min = mathMin(r, g, b);
    var h, s, l = (max + min) / 2;

    if(max == min) {
        h = s = 0; // achromatic
    }
    else {
        var d = max - min;
        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
        switch(max) {
            case r: h = (g - b) / d + (g < b ? 6 : 0); break;
            case g: h = (b - r) / d + 2; break;
            case b: h = (r - g) / d + 4; break;
        }

        h /= 6;
    }

    return { h: h, s: s, l: l };
}

// hslToRgb
// Converts an HSL color value to RGB.
// *Assumes:* h is contained in [0, 1] or [0, 360] and s and l are contained [0, 1] or [0, 100]
// *Returns:* { r, g, b } in the set [0, 255]
function hslToRgb(h, s, l) {
    var r, g, b;

    h = bound01(h, 360);
    s = bound01(s, 100);
    l = bound01(l, 100);

    function hue2rgb(p, q, t) {
        if(t < 0) t += 1;
        if(t > 1) t -= 1;
        if(t < 1/6) return p + (q - p) * 6 * t;
        if(t < 1/2) return q;
        if(t < 2/3) return p + (q - p) * (2/3 - t) * 6;
        return p;
    }

    if(s === 0) {
        r = g = b = l; // achromatic
    }
    else {
        var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
        var p = 2 * l - q;
        r = hue2rgb(p, q, h + 1/3);
        g = hue2rgb(p, q, h);
        b = hue2rgb(p, q, h - 1/3);
    }

    return { r: r * 255, g: g * 255, b: b * 255 };
}

// rgbToHsv
// Converts an RGB color value to HSV
// *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1]
// *Returns:* { h, s, v } in [0,1]
function rgbToHsv(r, g, b) {

    r = bound01(r, 255);
    g = bound01(g, 255);
    b = bound01(b, 255);

    var max = mathMax(r, g, b), min = mathMin(r, g, b);
    var h, s, v = max;

    var d = max - min;
    s = max === 0 ? 0 : d / max;

    if(max == min) {
        h = 0; // achromatic
    }
    else {
        switch(max) {
            case r: h = (g - b) / d + (g < b ? 6 : 0); break;
            case g: h = (b - r) / d + 2; break;
            case b: h = (r - g) / d + 4; break;
        }
        h /= 6;
    }
    return { h: h, s: s, v: v };
}

// hsvToRgb
// Converts an HSV color value to RGB.
// *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100]
// *Returns:* { r, g, b } in the set [0, 255]
 function hsvToRgb(h, s, v) {

    h = bound01(h, 360) * 6;
    s = bound01(s, 100);
    v = bound01(v, 100);

    var i = Math.floor(h),
        f = h - i,
        p = v * (1 - s),
        q = v * (1 - f * s),
        t = v * (1 - (1 - f) * s),
        mod = i % 6,
        r = [v, q, p, p, t, v][mod],
        g = [t, v, v, q, p, p][mod],
        b = [p, p, t, v, v, q][mod];

    return { r: r * 255, g: g * 255, b: b * 255 };
}

// rgbToHex
// Converts an RGB color to hex
// Assumes r, g, and b are contained in the set [0, 255]
// Returns a 3 or 6 character hex
function rgbToHex(r, g, b, allow3Char) {

    var hex = [
        pad2(mathRound(r).toString(16)),
        pad2(mathRound(g).toString(16)),
        pad2(mathRound(b).toString(16))
    ];

    // Return a 3 character hex if possible
    if (allow3Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1)) {
        return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0);
    }

    return hex.join("");
}

// rgbaToHex
// Converts an RGBA color plus alpha transparency to hex
// Assumes r, g, b are contained in the set [0, 255] and
// a in [0, 1]. Returns a 4 or 8 character rgba hex
function rgbaToHex(r, g, b, a, allow4Char) {

    var hex = [
        pad2(mathRound(r).toString(16)),
        pad2(mathRound(g).toString(16)),
        pad2(mathRound(b).toString(16)),
        pad2(convertDecimalToHex(a))
    ];

    // Return a 4 character hex if possible
    if (allow4Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1) && hex[3].charAt(0) == hex[3].charAt(1)) {
        return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0);
    }

    return hex.join("");
}

// rgbaToArgbHex
// Converts an RGBA color to an ARGB Hex8 string
// Rarely used, but required for "toFilter()"
function rgbaToArgbHex(r, g, b, a) {

    var hex = [
        pad2(convertDecimalToHex(a)),
        pad2(mathRound(r).toString(16)),
        pad2(mathRound(g).toString(16)),
        pad2(mathRound(b).toString(16))
    ];

    return hex.join("");
}

// equals
// Can be called with any tinycolor input
tinycolor.equals = function (color1, color2) {
    if (!color1 || !color2) { return false; }
    return tinycolor(color1).toRgbString() == tinycolor(color2).toRgbString();
};

tinycolor.random = function() {
    return tinycolor.fromRatio({
        r: mathRandom(),
        g: mathRandom(),
        b: mathRandom()
    });
};

// Modification Functions
// ----------------------
// Thanks to less.js for some of the basics here
// <https://github.com/cloudhead/less.js/blob/master/lib/less/functions.js>

function desaturate(color, amount) {
    amount = (amount === 0) ? 0 : (amount || 10);
    var hsl = tinycolor(color).toHsl();
    hsl.s -= amount / 100;
    hsl.s = clamp01(hsl.s);
    return tinycolor(hsl);
}

function saturate(color, amount) {
    amount = (amount === 0) ? 0 : (amount || 10);
    var hsl = tinycolor(color).toHsl();
    hsl.s += amount / 100;
    hsl.s = clamp01(hsl.s);
    return tinycolor(hsl);
}

function greyscale(color) {
    return tinycolor(color).desaturate(100);
}

function lighten (color, amount) {
    amount = (amount === 0) ? 0 : (amount || 10);
    var hsl = tinycolor(color).toHsl();
    hsl.l += amount / 100;
    hsl.l = clamp01(hsl.l);
    return tinycolor(hsl);
}

function brighten(color, amount) {
    amount = (amount === 0) ? 0 : (amount || 10);
    var rgb = tinycolor(color).toRgb();
    rgb.r = mathMax(0, mathMin(255, rgb.r - mathRound(255 * - (amount / 100))));
    rgb.g = mathMax(0, mathMin(255, rgb.g - mathRound(255 * - (amount / 100))));
    rgb.b = mathMax(0, mathMin(255, rgb.b - mathRound(255 * - (amount / 100))));
    return tinycolor(rgb);
}

function darken (color, amount) {
    amount = (amount === 0) ? 0 : (amount || 10);
    var hsl = tinycolor(color).toHsl();
    hsl.l -= amount / 100;
    hsl.l = clamp01(hsl.l);
    return tinycolor(hsl);
}

// Spin takes a positive or negative amount within [-360, 360] indicating the change of hue.
// Values outside of this range will be wrapped into this range.
function spin(color, amount) {
    var hsl = tinycolor(color).toHsl();
    var hue = (hsl.h + amount) % 360;
    hsl.h = hue < 0 ? 360 + hue : hue;
    return tinycolor(hsl);
}

// Combination Functions
// ---------------------
// Thanks to jQuery xColor for some of the ideas behind these
// <https://github.com/infusion/jQuery-xcolor/blob/master/jquery.xcolor.js>

function complement(color) {
    var hsl = tinycolor(color).toHsl();
    hsl.h = (hsl.h + 180) % 360;
    return tinycolor(hsl);
}

function triad(color) {
    var hsl = tinycolor(color).toHsl();
    var h = hsl.h;
    return [
        tinycolor(color),
        tinycolor({ h: (h + 120) % 360, s: hsl.s, l: hsl.l }),
        tinycolor({ h: (h + 240) % 360, s: hsl.s, l: hsl.l })
    ];
}

function tetrad(color) {
    var hsl = tinycolor(color).toHsl();
    var h = hsl.h;
    return [
        tinycolor(color),
        tinycolor({ h: (h + 90) % 360, s: hsl.s, l: hsl.l }),
        tinycolor({ h: (h + 180) % 360, s: hsl.s, l: hsl.l }),
        tinycolor({ h: (h + 270) % 360, s: hsl.s, l: hsl.l })
    ];
}

function splitcomplement(color) {
    var hsl = tinycolor(color).toHsl();
    var h = hsl.h;
    return [
        tinycolor(color),
        tinycolor({ h: (h + 72) % 360, s: hsl.s, l: hsl.l}),
        tinycolor({ h: (h + 216) % 360, s: hsl.s, l: hsl.l})
    ];
}

function analogous(color, results, slices) {
    results = results || 6;
    slices = slices || 30;

    var hsl = tinycolor(color).toHsl();
    var part = 360 / slices;
    var ret = [tinycolor(color)];

    for (hsl.h = ((hsl.h - (part * results >> 1)) + 720) % 360; --results; ) {
        hsl.h = (hsl.h + part) % 360;
        ret.push(tinycolor(hsl));
    }
    return ret;
}

function monochromatic(color, results) {
    results = results || 6;
    var hsv = tinycolor(color).toHsv();
    var h = hsv.h, s = hsv.s, v = hsv.v;
    var ret = [];
    var modification = 1 / results;

    while (results--) {
        ret.push(tinycolor({ h: h, s: s, v: v}));
        v = (v + modification) % 1;
    }

    return ret;
}

// Utility Functions
// ---------------------

tinycolor.mix = function(color1, color2, amount) {
    amount = (amount === 0) ? 0 : (amount || 50);

    var rgb1 = tinycolor(color1).toRgb();
    var rgb2 = tinycolor(color2).toRgb();

    var p = amount / 100;

    var rgba = {
        r: ((rgb2.r - rgb1.r) * p) + rgb1.r,
        g: ((rgb2.g - rgb1.g) * p) + rgb1.g,
        b: ((rgb2.b - rgb1.b) * p) + rgb1.b,
        a: ((rgb2.a - rgb1.a) * p) + rgb1.a
    };

    return tinycolor(rgba);
};

// Readability Functions
// ---------------------
// <http://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef (WCAG Version 2)

// contrast
// Analyze the 2 colors and returns the color contrast defined by (WCAG Version 2)
tinycolor.readability = function(color1, color2) {
    var c1 = tinycolor(color1);
    var c2 = tinycolor(color2);
    return (Math.max(c1.getLuminance(),c2.getLuminance())+0.05) / (Math.min(c1.getLuminance(),c2.getLuminance())+0.05);
};

// isReadable
// Ensure that foreground and background color combinations meet WCAG2 guidelines.
// The third argument is an optional Object.
//      the 'level' property states 'AA' or 'AAA' - if missing or invalid, it defaults to 'AA';
//      the 'size' property states 'large' or 'small' - if missing or invalid, it defaults to 'small'.
// If the entire object is absent, isReadable defaults to {level:"AA",size:"small"}.

// *Example*
//    tinycolor.isReadable("#000", "#111") => false
//    tinycolor.isReadable("#000", "#111",{level:"AA",size:"large"}) => false
tinycolor.isReadable = function(color1, color2, wcag2) {
    var readability = tinycolor.readability(color1, color2);
    var wcag2Parms, out;

    out = false;

    wcag2Parms = validateWCAG2Parms(wcag2);
    switch (wcag2Parms.level + wcag2Parms.size) {
        case "AAsmall":
        case "AAAlarge":
            out = readability >= 4.5;
            break;
        case "AAlarge":
            out = readability >= 3;
            break;
        case "AAAsmall":
            out = readability >= 7;
            break;
    }
    return out;

};

// mostReadable
// Given a base color and a list of possible foreground or background
// colors for that base, returns the most readable color.
// Optionally returns Black or White if the most readable color is unreadable.
// *Example*
//    tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:false}).toHexString(); // "#112255"
//    tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:true}).toHexString();  // "#ffffff"
//    tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"large"}).toHexString(); // "#faf3f3"
//    tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"small"}).toHexString(); // "#ffffff"
tinycolor.mostReadable = function(baseColor, colorList, args) {
    var bestColor = null;
    var bestScore = 0;
    var readability;
    var includeFallbackColors, level, size ;
    args = args || {};
    includeFallbackColors = args.includeFallbackColors ;
    level = args.level;
    size = args.size;

    for (var i= 0; i < colorList.length ; i++) {
        readability = tinycolor.readability(baseColor, colorList[i]);
        if (readability > bestScore) {
            bestScore = readability;
            bestColor = tinycolor(colorList[i]);
        }
    }

    if (tinycolor.isReadable(baseColor, bestColor, {"level":level,"size":size}) || !includeFallbackColors) {
        return bestColor;
    }
    else {
        args.includeFallbackColors=false;
        return tinycolor.mostReadable(baseColor,["#fff", "#000"],args);
    }
};

// Big List of Colors
// ------------------
// <http://www.w3.org/TR/css3-color/#svg-color>
var names = tinycolor.names = {
    aliceblue: "f0f8ff",
    antiquewhite: "faebd7",
    aqua: "0ff",
    aquamarine: "7fffd4",
    azure: "f0ffff",
    beige: "f5f5dc",
    bisque: "ffe4c4",
    black: "000",
    blanchedalmond: "ffebcd",
    blue: "00f",
    blueviolet: "8a2be2",
    brown: "a52a2a",
    burlywood: "deb887",
    burntsienna: "ea7e5d",
    cadetblue: "5f9ea0",
    chartreuse: "7fff00",
    chocolate: "d2691e",
    coral: "ff7f50",
    cornflowerblue: "6495ed",
    cornsilk: "fff8dc",
    crimson: "dc143c",
    cyan: "0ff",
    darkblue: "00008b",
    darkcyan: "008b8b",
    darkgoldenrod: "b8860b",
    darkgray: "a9a9a9",
    darkgreen: "006400",
    darkgrey: "a9a9a9",
    darkkhaki: "bdb76b",
    darkmagenta: "8b008b",
    darkolivegreen: "556b2f",
    darkorange: "ff8c00",
    darkorchid: "9932cc",
    darkred: "8b0000",
    darksalmon: "e9967a",
    darkseagreen: "8fbc8f",
    darkslateblue: "483d8b",
    darkslategray: "2f4f4f",
    darkslategrey: "2f4f4f",
    darkturquoise: "00ced1",
    darkviolet: "9400d3",
    deeppink: "ff1493",
    deepskyblue: "00bfff",
    dimgray: "696969",
    dimgrey: "696969",
    dodgerblue: "1e90ff",
    firebrick: "b22222",
    floralwhite: "fffaf0",
    forestgreen: "228b22",
    fuchsia: "f0f",
    gainsboro: "dcdcdc",
    ghostwhite: "f8f8ff",
    gold: "ffd700",
    goldenrod: "daa520",
    gray: "808080",
    green: "008000",
    greenyellow: "adff2f",
    grey: "808080",
    honeydew: "f0fff0",
    hotpink: "ff69b4",
    indianred: "cd5c5c",
    indigo: "4b0082",
    ivory: "fffff0",
    khaki: "f0e68c",
    lavender: "e6e6fa",
    lavenderblush: "fff0f5",
    lawngreen: "7cfc00",
    lemonchiffon: "fffacd",
    lightblue: "add8e6",
    lightcoral: "f08080",
    lightcyan: "e0ffff",
    lightgoldenrodyellow: "fafad2",
    lightgray: "d3d3d3",
    lightgreen: "90ee90",
    lightgrey: "d3d3d3",
    lightpink: "ffb6c1",
    lightsalmon: "ffa07a",
    lightseagreen: "20b2aa",
    lightskyblue: "87cefa",
    lightslategray: "789",
    lightslategrey: "789",
    lightsteelblue: "b0c4de",
    lightyellow: "ffffe0",
    lime: "0f0",
    limegreen: "32cd32",
    linen: "faf0e6",
    magenta: "f0f",
    maroon: "800000",
    mediumaquamarine: "66cdaa",
    mediumblue: "0000cd",
    mediumorchid: "ba55d3",
    mediumpurple: "9370db",
    mediumseagreen: "3cb371",
    mediumslateblue: "7b68ee",
    mediumspringgreen: "00fa9a",
    mediumturquoise: "48d1cc",
    mediumvioletred: "c71585",
    midnightblue: "191970",
    mintcream: "f5fffa",
    mistyrose: "ffe4e1",
    moccasin: "ffe4b5",
    navajowhite: "ffdead",
    navy: "000080",
    oldlace: "fdf5e6",
    olive: "808000",
    olivedrab: "6b8e23",
    orange: "ffa500",
    orangered: "ff4500",
    orchid: "da70d6",
    palegoldenrod: "eee8aa",
    palegreen: "98fb98",
    paleturquoise: "afeeee",
    palevioletred: "db7093",
    papayawhip: "ffefd5",
    peachpuff: "ffdab9",
    peru: "cd853f",
    pink: "ffc0cb",
    plum: "dda0dd",
    powderblue: "b0e0e6",
    purple: "800080",
    rebeccapurple: "663399",
    red: "f00",
    rosybrown: "bc8f8f",
    royalblue: "4169e1",
    saddlebrown: "8b4513",
    salmon: "fa8072",
    sandybrown: "f4a460",
    seagreen: "2e8b57",
    seashell: "fff5ee",
    sienna: "a0522d",
    silver: "c0c0c0",
    skyblue: "87ceeb",
    slateblue: "6a5acd",
    slategray: "708090",
    slategrey: "708090",
    snow: "fffafa",
    springgreen: "00ff7f",
    steelblue: "4682b4",
    tan: "d2b48c",
    teal: "008080",
    thistle: "d8bfd8",
    tomato: "ff6347",
    turquoise: "40e0d0",
    violet: "ee82ee",
    wheat: "f5deb3",
    white: "fff",
    whitesmoke: "f5f5f5",
    yellow: "ff0",
    yellowgreen: "9acd32"
};

// Make it easy to access colors via hexNames[hex]
var hexNames = tinycolor.hexNames = flip(names);

// Utilities
// ---------

// { 'name1': 'val1' } becomes { 'val1': 'name1' }
function flip(o) {
    var flipped = { };
    for (var i in o) {
        if (o.hasOwnProperty(i)) {
            flipped[o[i]] = i;
        }
    }
    return flipped;
}

// Return a valid alpha value [0,1] with all invalid values being set to 1
function boundAlpha(a) {
    a = parseFloat(a);

    if (isNaN(a) || a < 0 || a > 1) {
        a = 1;
    }

    return a;
}

// Take input from [0, n] and return it as [0, 1]
function bound01(n, max) {
    if (isOnePointZero(n)) { n = "100%"; }

    var processPercent = isPercentage(n);
    n = mathMin(max, mathMax(0, parseFloat(n)));

    // Automatically convert percentage into number
    if (processPercent) {
        n = parseInt(n * max, 10) / 100;
    }

    // Handle floating point rounding errors
    if ((Math.abs(n - max) < 0.000001)) {
        return 1;
    }

    // Convert into [0, 1] range if it isn't already
    return (n % max) / parseFloat(max);
}

// Force a number between 0 and 1
function clamp01(val) {
    return mathMin(1, mathMax(0, val));
}

// Parse a base-16 hex value into a base-10 integer
function parseIntFromHex(val) {
    return parseInt(val, 16);
}

// Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1
// <http://stackoverflow.com/questions/7422072/javascript-how-to-detect-number-as-a-decimal-including-1-0>
function isOnePointZero(n) {
    return typeof n == "string" && n.indexOf('.') != -1 && parseFloat(n) === 1;
}

// Check to see if string passed in is a percentage
function isPercentage(n) {
    return typeof n === "string" && n.indexOf('%') != -1;
}

// Force a hex value to have 2 characters
function pad2(c) {
    return c.length == 1 ? '0' + c : '' + c;
}

// Replace a decimal with it's percentage value
function convertToPercentage(n) {
    if (n <= 1) {
        n = (n * 100) + "%";
    }

    return n;
}

// Converts a decimal to a hex value
function convertDecimalToHex(d) {
    return Math.round(parseFloat(d) * 255).toString(16);
}
// Converts a hex value to a decimal
function convertHexToDecimal(h) {
    return (parseIntFromHex(h) / 255);
}

var matchers = (function() {

    // <http://www.w3.org/TR/css3-values/#integers>
    var CSS_INTEGER = "[-\\+]?\\d+%?";

    // <http://www.w3.org/TR/css3-values/#number-value>
    var CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?";

    // Allow positive/negative integer/number.  Don't capture the either/or, just the entire outcome.
    var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";

    // Actual matching.
    // Parentheses and commas are optional, but not required.
    // Whitespace can take the place of commas or opening paren
    var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
    var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";

    return {
        CSS_UNIT: new RegExp(CSS_UNIT),
        rgb: new RegExp("rgb" + PERMISSIVE_MATCH3),
        rgba: new RegExp("rgba" + PERMISSIVE_MATCH4),
        hsl: new RegExp("hsl" + PERMISSIVE_MATCH3),
        hsla: new RegExp("hsla" + PERMISSIVE_MATCH4),
        hsv: new RegExp("hsv" + PERMISSIVE_MATCH3),
        hsva: new RegExp("hsva" + PERMISSIVE_MATCH4),
        hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
        hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
        hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
        hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
    };
})();

// isValidCSSUnit
// Take in a single string / number and check to see if it looks like a CSS unit
// (see matchers above for definition).
function isValidCSSUnit(color) {
    return !!matchers.CSS_UNIT.exec(color);
}

// stringInputToObject
// Permissive string parsing.  Take in a number of formats, and output an object
// based on detected format.  Returns { r, g, b } or { h, s, l } or { h, s, v}
function stringInputToObject(color) {

    color = color.replace(trimLeft, '').replace(trimRight, '').toLowerCase();
    var named = false;
    if (names[color]) {
        color = names[color];
        named = true;
    }
    else if (color == 'transparent') {
        return { r: 0, g: 0, b: 0, a: 0, format: "name" };
    }

    // Try to match string input using regular expressions.
    // Keep most of the number bounding out of this function - don't worry about [0,1] or [0,100] or [0,360]
    // Just return an object and let the conversion functions handle that.
    // This way the result will be the same whether the tinycolor is initialized with string or object.
    var match;
    if ((match = matchers.rgb.exec(color))) {
        return { r: match[1], g: match[2], b: match[3] };
    }
    if ((match = matchers.rgba.exec(color))) {
        return { r: match[1], g: match[2], b: match[3], a: match[4] };
    }
    if ((match = matchers.hsl.exec(color))) {
        return { h: match[1], s: match[2], l: match[3] };
    }
    if ((match = matchers.hsla.exec(color))) {
        return { h: match[1], s: match[2], l: match[3], a: match[4] };
    }
    if ((match = matchers.hsv.exec(color))) {
        return { h: match[1], s: match[2], v: match[3] };
    }
    if ((match = matchers.hsva.exec(color))) {
        return { h: match[1], s: match[2], v: match[3], a: match[4] };
    }
    if ((match = matchers.hex8.exec(color))) {
        return {
            r: parseIntFromHex(match[1]),
            g: parseIntFromHex(match[2]),
            b: parseIntFromHex(match[3]),
            a: convertHexToDecimal(match[4]),
            format: named ? "name" : "hex8"
        };
    }
    if ((match = matchers.hex6.exec(color))) {
        return {
            r: parseIntFromHex(match[1]),
            g: parseIntFromHex(match[2]),
            b: parseIntFromHex(match[3]),
            format: named ? "name" : "hex"
        };
    }
    if ((match = matchers.hex4.exec(color))) {
        return {
            r: parseIntFromHex(match[1] + '' + match[1]),
            g: parseIntFromHex(match[2] + '' + match[2]),
            b: parseIntFromHex(match[3] + '' + match[3]),
            a: convertHexToDecimal(match[4] + '' + match[4]),
            format: named ? "name" : "hex8"
        };
    }
    if ((match = matchers.hex3.exec(color))) {
        return {
            r: parseIntFromHex(match[1] + '' + match[1]),
            g: parseIntFromHex(match[2] + '' + match[2]),
            b: parseIntFromHex(match[3] + '' + match[3]),
            format: named ? "name" : "hex"
        };
    }

    return false;
}

function validateWCAG2Parms(parms) {
    // return valid WCAG2 parms for isReadable.
    // If input parms are invalid, return {"level":"AA", "size":"small"}
    var level, size;
    parms = parms || {"level":"AA", "size":"small"};
    level = (parms.level || "AA").toUpperCase();
    size = (parms.size || "small").toLowerCase();
    if (level !== "AA" && level !== "AAA") {
        level = "AA";
    }
    if (size !== "small" && size !== "large") {
        size = "small";
    }
    return {"level":level, "size":size};
}

this.tinycolor = tinycolor;

})()`;
}
// It is hacky way to make this function will be compiled preferentially by less
// resolve error: `ReferenceError: colorPalette is not defined`
// https://github.com/ant-design/ant-motion/issues/44
.tinyColorMixin();

// We create a very complex algorithm which take the place of original tint/shade color system
// to make sure no one can understand it 👻
// and create an entire color palette magicly by inputing just a single primary color.
// We are using bezier-curve easing function and some color manipulations like tint/shade/darken/spin
.colorPaletteMixin() {
@functions: ~`(function() {
  var hueStep = 2;
  var saturationStep = 16;
  var saturationStep2 = 5;
  var brightnessStep1 = 5;
  var brightnessStep2 = 15;
  var lightColorCount = 5;
  var darkColorCount = 4;

  var getHue = function(hsv, i, isLight) {
    var hue;
    if (hsv.h >= 60 && hsv.h <= 240) {
      hue = isLight ? hsv.h - hueStep * i : hsv.h + hueStep * i;
    } else {
      hue = isLight ? hsv.h + hueStep * i : hsv.h - hueStep * i;
    }
    if (hue < 0) {
      hue += 360;
    } else if (hue >= 360) {
      hue -= 360;
    }
    return Math.round(hue);
  };
  var getSaturation = function(hsv, i, isLight) {
    var saturation;
    if (isLight) {
      saturation = Math.round(hsv.s * 100) - saturationStep * i;
    } else if (i === darkColorCount) {
      saturation = Math.round(hsv.s * 100) + saturationStep;
    } else {
      saturation = Math.round(hsv.s * 100) + saturationStep2 * i;
    }
    if (saturation > 100) {
      saturation = 100;
    }
    if (isLight && i === lightColorCount && saturation > 10) {
      saturation = 10;
    }
    if (saturation < 6) {
      saturation = 6;
    }
    return Math.round(saturation);
  };
  var getValue = function(hsv, i, isLight) {
    if (isLight) {
      return Math.round(hsv.v * 100) + brightnessStep1 * i;
    }
    return Math.round(hsv.v * 100) - brightnessStep2 * i;
  };

  this.colorPalette = function(color, index) {
    var isLight = index <= 6;
    var hsv = tinycolor(color).toHsv();
    var i = isLight ? lightColorCount + 1 - index : index - lightColorCount - 1;
    return tinycolor({
      h: getHue(hsv, i, isLight),
      s: getSaturation(hsv, i, isLight),
      v: getValue(hsv, i, isLight),
    }).toHexString();
  };
})()`;
}
// It is hacky way to make this function will be compiled preferentially by less
// resolve error: `ReferenceError: colorPalette is not defined`
// https://github.com/ant-design/ant-motion/issues/44
.colorPaletteMixin();

// color palettes
@blue-1: color(~`colorPalette('@{blue-6}', 1) `);
@blue-2: color(~`colorPalette('@{blue-6}', 2) `);
@blue-3: color(~`colorPalette('@{blue-6}', 3) `);
@blue-4: color(~`colorPalette('@{blue-6}', 4) `);
@blue-5: color(~`colorPalette('@{blue-6}', 5) `);
@blue-6: #1890ff;
@blue-7: color(~`colorPalette('@{blue-6}', 7) `);
@blue-8: color(~`colorPalette('@{blue-6}', 8) `);
@blue-9: color(~`colorPalette('@{blue-6}', 9) `);
@blue-10: color(~`colorPalette('@{blue-6}', 10) `);

@purple-1: color(~`colorPalette('@{purple-6}', 1) `);
@purple-2: color(~`colorPalette('@{purple-6}', 2) `);
@purple-3: color(~`colorPalette('@{purple-6}', 3) `);
@purple-4: color(~`colorPalette('@{purple-6}', 4) `);
@purple-5: color(~`colorPalette('@{purple-6}', 5) `);
@purple-6: #722ed1;
@purple-7: color(~`colorPalette('@{purple-6}', 7) `);
@purple-8: color(~`colorPalette('@{purple-6}', 8) `);
@purple-9: color(~`colorPalette('@{purple-6}', 9) `);
@purple-10: color(~`colorPalette('@{purple-6}', 10) `);

@cyan-1: color(~`colorPalette('@{cyan-6}', 1) `);
@cyan-2: color(~`colorPalette('@{cyan-6}', 2) `);
@cyan-3: color(~`colorPalette('@{cyan-6}', 3) `);
@cyan-4: color(~`colorPalette('@{cyan-6}', 4) `);
@cyan-5: color(~`colorPalette('@{cyan-6}', 5) `);
@cyan-6: #13c2c2;
@cyan-7: color(~`colorPalette('@{cyan-6}', 7) `);
@cyan-8: color(~`colorPalette('@{cyan-6}', 8) `);
@cyan-9: color(~`colorPalette('@{cyan-6}', 9) `);
@cyan-10: color(~`colorPalette('@{cyan-6}', 10) `);

@green-1: color(~`colorPalette('@{green-6}', 1) `);
@green-2: color(~`colorPalette('@{green-6}', 2) `);
@green-3: color(~`colorPalette('@{green-6}', 3) `);
@green-4: color(~`colorPalette('@{green-6}', 4) `);
@green-5: color(~`colorPalette('@{green-6}', 5) `);
@green-6: #52c41a;
@green-7: color(~`colorPalette('@{green-6}', 7) `);
@green-8: color(~`colorPalette('@{green-6}', 8) `);
@green-9: color(~`colorPalette('@{green-6}', 9) `);
@green-10: color(~`colorPalette('@{green-6}', 10) `);

@magenta-1: color(~`colorPalette('@{magenta-6}', 1) `);
@magenta-2: color(~`colorPalette('@{magenta-6}', 2) `);
@magenta-3: color(~`colorPalette('@{magenta-6}', 3) `);
@magenta-4: color(~`colorPalette('@{magenta-6}', 4) `);
@magenta-5: color(~`colorPalette('@{magenta-6}', 5) `);
@magenta-6: #eb2f96;
@magenta-7: color(~`colorPalette('@{magenta-6}', 7) `);
@magenta-8: color(~`colorPalette('@{magenta-6}', 8) `);
@magenta-9: color(~`colorPalette('@{magenta-6}', 9) `);
@magenta-10: color(~`colorPalette('@{magenta-6}', 10) `);

// alias of magenta
@pink-1: color(~`colorPalette('@{pink-6}', 1) `);
@pink-2: color(~`colorPalette('@{pink-6}', 2) `);
@pink-3: color(~`colorPalette('@{pink-6}', 3) `);
@pink-4: color(~`colorPalette('@{pink-6}', 4) `);
@pink-5: color(~`colorPalette('@{pink-6}', 5) `);
@pink-6: #eb2f96;
@pink-7: color(~`colorPalette('@{pink-6}', 7) `);
@pink-8: color(~`colorPalette('@{pink-6}', 8) `);
@pink-9: color(~`colorPalette('@{pink-6}', 9) `);
@pink-10: color(~`colorPalette('@{pink-6}', 10) `);

@red-1: color(~`colorPalette('@{red-6}', 1) `);
@red-2: color(~`colorPalette('@{red-6}', 2) `);
@red-3: color(~`colorPalette('@{red-6}', 3) `);
@red-4: color(~`colorPalette('@{red-6}', 4) `);
@red-5: color(~`colorPalette('@{red-6}', 5) `);
@red-6: #f5222d;
@red-7: color(~`colorPalette('@{red-6}', 7) `);
@red-8: color(~`colorPalette('@{red-6}', 8) `);
@red-9: color(~`colorPalette('@{red-6}', 9) `);
@red-10: color(~`colorPalette('@{red-6}', 10) `);

@orange-1: color(~`colorPalette('@{orange-6}', 1) `);
@orange-2: color(~`colorPalette('@{orange-6}', 2) `);
@orange-3: color(~`colorPalette('@{orange-6}', 3) `);
@orange-4: color(~`colorPalette('@{orange-6}', 4) `);
@orange-5: color(~`colorPalette('@{orange-6}', 5) `);
@orange-6: #fa8c16;
@orange-7: color(~`colorPalette('@{orange-6}', 7) `);
@orange-8: color(~`colorPalette('@{orange-6}', 8) `);
@orange-9: color(~`colorPalette('@{orange-6}', 9) `);
@orange-10: color(~`colorPalette('@{orange-6}', 10) `);

@yellow-1: color(~`colorPalette('@{yellow-6}', 1) `);
@yellow-2: color(~`colorPalette('@{yellow-6}', 2) `);
@yellow-3: color(~`colorPalette('@{yellow-6}', 3) `);
@yellow-4: color(~`colorPalette('@{yellow-6}', 4) `);
@yellow-5: color(~`colorPalette('@{yellow-6}', 5) `);
@yellow-6: #fadb14;
@yellow-7: color(~`colorPalette('@{yellow-6}', 7) `);
@yellow-8: color(~`colorPalette('@{yellow-6}', 8) `);
@yellow-9: color(~`colorPalette('@{yellow-6}', 9) `);
@yellow-10: color(~`colorPalette('@{yellow-6}', 10) `);

@volcano-1: color(~`colorPalette('@{volcano-6}', 1) `);
@volcano-2: color(~`colorPalette('@{volcano-6}', 2) `);
@volcano-3: color(~`colorPalette('@{volcano-6}', 3) `);
@volcano-4: color(~`colorPalette('@{volcano-6}', 4) `);
@volcano-5: color(~`colorPalette('@{volcano-6}', 5) `);
@volcano-6: #fa541c;
@volcano-7: color(~`colorPalette('@{volcano-6}', 7) `);
@volcano-8: color(~`colorPalette('@{volcano-6}', 8) `);
@volcano-9: color(~`colorPalette('@{volcano-6}', 9) `);
@volcano-10: color(~`colorPalette('@{volcano-6}', 10) `);

@geekblue-1: color(~`colorPalette('@{geekblue-6}', 1) `);
@geekblue-2: color(~`colorPalette('@{geekblue-6}', 2) `);
@geekblue-3: color(~`colorPalette('@{geekblue-6}', 3) `);
@geekblue-4: color(~`colorPalette('@{geekblue-6}', 4) `);
@geekblue-5: color(~`colorPalette('@{geekblue-6}', 5) `);
@geekblue-6: #2f54eb;
@geekblue-7: color(~`colorPalette('@{geekblue-6}', 7) `);
@geekblue-8: color(~`colorPalette('@{geekblue-6}', 8) `);
@geekblue-9: color(~`colorPalette('@{geekblue-6}', 9) `);
@geekblue-10: color(~`colorPalette('@{geekblue-6}', 10) `);

@lime-1: color(~`colorPalette('@{lime-6}', 1) `);
@lime-2: color(~`colorPalette('@{lime-6}', 2) `);
@lime-3: color(~`colorPalette('@{lime-6}', 3) `);
@lime-4: color(~`colorPalette('@{lime-6}', 4) `);
@lime-5: color(~`colorPalette('@{lime-6}', 5) `);
@lime-6: #a0d911;
@lime-7: color(~`colorPalette('@{lime-6}', 7) `);
@lime-8: color(~`colorPalette('@{lime-6}', 8) `);
@lime-9: color(~`colorPalette('@{lime-6}', 9) `);
@lime-10: color(~`colorPalette('@{lime-6}', 10) `);

@gold-1: color(~`colorPalette('@{gold-6}', 1) `);
@gold-2: color(~`colorPalette('@{gold-6}', 2) `);
@gold-3: color(~`colorPalette('@{gold-6}', 3) `);
@gold-4: color(~`colorPalette('@{gold-6}', 4) `);
@gold-5: color(~`colorPalette('@{gold-6}', 5) `);
@gold-6: #faad14;
@gold-7: color(~`colorPalette('@{gold-6}', 7) `);
@gold-8: color(~`colorPalette('@{gold-6}', 8) `);
@gold-9: color(~`colorPalette('@{gold-6}', 9) `);
@gold-10: color(~`colorPalette('@{gold-6}', 10) `);

@preset-colors: pink, magenta, red, volcano, orange, yellow, gold, cyan, lime, green, blue, geekblue,
  purple;

// The prefix to use on all css classes from ant.
@ant-prefix: ant;

// An override for the html selector for theme prefixes
@html-selector: html;

// -------- Colors -----------
@primary-color: @blue-6;
@info-color: @blue-6;
@success-color: @green-6;
@processing-color: @blue-6;
@error-color: @red-6;
@highlight-color: @red-6;
@warning-color: @gold-6;
@normal-color: #d9d9d9;
@white: #fff;
@black: #000;

// Color used by default to control hover and active backgrounds and for
// alert info backgrounds.
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

// Base Scaffolding Variables
// ---

// Background color for `<body>`

// Base background color for most components

@font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
  'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
  'Segoe UI Emoji', 'Segoe UI Symbol';
@code-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;

@text-color-secondary: fade(@black, 45%);
@text-color-warning: @gold-7;
@text-color-danger: @red-7;
@text-color-inverse: @white;
@icon-color: inherit;
@icon-color-hover: fade(@black, 75%);

@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);
@text-selection-bg: @primary-color;
@font-variant-base: tabular-nums;
@font-feature-settings-base: 'tnum';
@font-size-base: 14px;
@font-size-lg: @font-size-base + 2px;
@font-size-sm: 12px;
@heading-1-size: ceil(@font-size-base * 2.71);
@heading-2-size: ceil(@font-size-base * 2.14);
@heading-3-size: ceil(@font-size-base * 1.71);
@heading-4-size: ceil(@font-size-base * 1.42);
@line-height-base: 1.5;
@border-radius-base: 4px;
@border-radius-sm: 2px;

// vertical paddings
@padding-lg: 24px; // containers
@padding-md: 16px; // small containers and buttons
@padding-sm: 12px; // Form controls and items
@padding-xs: 8px; // small items

// vertical padding for all form controls
@control-padding-horizontal: @padding-sm;
@control-padding-horizontal-sm: @padding-xs;

// The background colors for active and hover states for things like
// list items or table cells.
@item-active-bg: @primary-1;
@item-hover-bg: @primary-1;

// ICONFONT
@iconfont-css-prefix: anticon;

// LINK
@link-color: @primary-color;
@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);
@link-decoration: none;
@link-hover-decoration: none;

// Animation
@ease-base-out: cubic-bezier(0.7, 0.3, 0.1, 1);
@ease-base-in: cubic-bezier(0.9, 0, 0.3, 0.7);
@ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
@ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
@ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
@ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
@ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);
@ease-in-out-back: cubic-bezier(0.71, -0.46, 0.29, 1.46);
@ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
@ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.34);
@ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
@ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
@ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
@ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);

// Border color
 // base border outline a component
 // split border inside a component
@border-color-inverse: @white;
@border-width-base: 1px; // width of the border for a component
@border-style-base: solid; // style of a components border

// Outline
@outline-blur-size: 0;
@outline-width: 2px;
@outline-color: @primary-color;

@background-color-light: hsv(0, 0, 98%); // background of header and selected item
@background-color-base: hsv(0, 0, 96%); // Default grey background color

// Disabled states

@disabled-bg: @background-color-base;
@disabled-color-dark: fade(#fff, 35%);

// Shadow
@shadow-color: rgba(0, 0, 0, 0.15);
@shadow-color-inverse: @component-background;
@box-shadow-base: @shadow-1-down;
@shadow-1-up: 0 -2px 8px @shadow-color;
@shadow-1-down: 0 2px 8px @shadow-color;
@shadow-1-left: -2px 0 8px @shadow-color;
@shadow-1-right: 2px 0 8px @shadow-color;
@shadow-2: 0 4px 12px @shadow-color;

// Buttons
@btn-font-weight: 400;
@btn-border-radius-base: @border-radius-base;
@btn-border-radius-sm: @border-radius-base;
@btn-border-width: @border-width-base;
@btn-border-style: @border-style-base;
@btn-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
@btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
@btn-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);

@btn-primary-color: #fff;
@btn-primary-bg: @primary-color;

@btn-default-color: @text-color;
@btn-default-bg: #fff;
@btn-default-border: @border-color-base;

@btn-danger-color: @error-color;
@btn-danger-bg: @background-color-base;
@btn-danger-border: @border-color-base;

@btn-disable-color: @disabled-color;
@btn-disable-bg: @disabled-bg;
@btn-disable-border: @border-color-base;

@btn-padding-base: 0 @padding-md - 1px;
@btn-font-size-lg: @font-size-lg;
@btn-font-size-sm: @font-size-base;
@btn-padding-lg: @btn-padding-base;
@btn-padding-sm: 0 @padding-xs - 1px;

@btn-height-base: 32px;
@btn-height-lg: 40px;
@btn-height-sm: 24px;

@btn-circle-size: @btn-height-base;
@btn-circle-size-lg: @btn-height-lg;
@btn-circle-size-sm: @btn-height-sm;

@btn-group-border: @primary-5;

// Checkbox
@checkbox-size: 16px;
@checkbox-color: @primary-color;
@checkbox-check-color: #fff;
@checkbox-border-width: @border-width-base;

// Empty
@empty-font-size: @font-size-base;

// Radio
@radio-size: 16px;
@radio-dot-color: @primary-color;

// Radio buttons
@radio-button-bg: @btn-default-bg;
@radio-button-checked-bg: @btn-default-bg;
@radio-button-color: @btn-default-color;
@radio-button-hover-color: @primary-5;
@radio-button-active-color: @primary-7;

// Media queries breakpoints
// Extra small screen / phone
@screen-xs: 480px;
@screen-xs-min: @screen-xs;

// Small screen / tablet
@screen-sm: 576px;
@screen-sm-min: @screen-sm;

// Medium screen / desktop
@screen-md: 768px;
@screen-md-min: @screen-md;

// Large screen / wide desktop
@screen-lg: 992px;
@screen-lg-min: @screen-lg;

// Extra large screen / full hd
@screen-xl: 1200px;
@screen-xl-min: @screen-xl;

// Extra extra large screen / large desktop
@screen-xxl: 1600px;
@screen-xxl-min: @screen-xxl;

// provide a maximum
@screen-xs-max: (@screen-sm-min - 1px);
@screen-sm-max: (@screen-md-min - 1px);
@screen-md-max: (@screen-lg-min - 1px);
@screen-lg-max: (@screen-xl-min - 1px);
@screen-xl-max: (@screen-xxl-min - 1px);

// Grid system
@grid-columns: 24;
@grid-gutter-width: 0;

// Layout
@layout-body-background: #f0f2f5;
@layout-header-background: #001529;
@layout-footer-background: @layout-body-background;
@layout-header-height: 64px;
@layout-header-padding: 0 50px;
@layout-footer-padding: 24px 50px;
@layout-sider-background: @layout-header-background;
@layout-trigger-height: 48px;
@layout-trigger-background: #002140;
@layout-trigger-color: #fff;
@layout-zero-trigger-width: 36px;
@layout-zero-trigger-height: 42px;
// Layout light theme
@layout-sider-background-light: #fff;
@layout-trigger-background-light: #fff;
@layout-trigger-color-light: @text-color;

// z-index list, order by `z-index`
@zindex-table-fixed: auto;
@zindex-affix: 10;
@zindex-back-top: 10;
@zindex-badge: 10;
@zindex-picker-panel: 10;
@zindex-popup-close: 10;
@zindex-modal: 1000;
@zindex-modal-mask: 1000;
@zindex-message: 1010;
@zindex-notification: 1010;
@zindex-popover: 1030;
@zindex-dropdown: 1050;
@zindex-picker: 1050;
@zindex-tooltip: 1060;

// Animation
@animation-duration-slow: 0.3s; // Modal
@animation-duration-base: 0.2s;
@animation-duration-fast: 0.1s; // Tooltip

// Form
// ---
@label-required-color: @highlight-color;
@label-color: @heading-color;
@form-warning-input-bg: @input-bg;
@form-item-margin-bottom: 24px;
@form-item-trailing-colon: true;
@form-vertical-label-padding: 0 0 8px;
@form-vertical-label-margin: 0;
@form-error-input-bg: @input-bg;

// Input
// ---
@input-height-base: 32px;
@input-height-lg: 40px;
@input-height-sm: 24px;
@input-padding-horizontal: @control-padding-horizontal - 1px;
@input-padding-horizontal-base: @input-padding-horizontal;
@input-padding-horizontal-sm: @control-padding-horizontal-sm - 1px;
@input-padding-horizontal-lg: @input-padding-horizontal;
@input-padding-vertical-base: 4px;
@input-padding-vertical-sm: 1px;
@input-padding-vertical-lg: 6px;
@input-placeholder-color: hsv(0, 0, 75%);
@input-color: @text-color;
@input-border-color: @border-color-base;
@input-bg: #fff;
@input-number-handler-active-bg: #f4f4f4;
@input-addon-bg: @background-color-light;
@input-hover-border-color: @primary-color;
@input-disabled-bg: @disabled-bg;
@input-outline-offset: 0 0;

// Select
// ---
@select-border-color: @border-color-base;
@select-item-selected-font-weight: 600;

// Tooltip
// ---
// Tooltip max width
@tooltip-max-width: 250px;
// Tooltip text color
@tooltip-color: #fff;
// Tooltip background color
@tooltip-bg: rgba(0, 0, 0, 0.75);
// Tooltip arrow width
@tooltip-arrow-width: 5px;
// Tooltip distance with trigger
@tooltip-distance: @tooltip-arrow-width - 1px + 4px;
// Tooltip arrow color
@tooltip-arrow-color: @tooltip-bg;

// Popover
// ---
// Popover body background color
@popover-bg: #fff;
// Popover text color
@popover-color: @text-color;
// Popover maximum width
@popover-min-width: 177px;
// Popover arrow width
@popover-arrow-width: 6px;
// Popover arrow color
@popover-arrow-color: @popover-bg;
// Popover outer arrow width
// Popover outer arrow color
@popover-arrow-outer-color: @popover-bg;
// Popover distance with trigger
@popover-distance: @popover-arrow-width + 4px;

// Modal
// --
@modal-body-padding: 24px;
@modal-header-bg: @component-background;
@modal-footer-bg: transparent;
@modal-mask-bg: fade(@black, 65%);

// Progress
// --
@progress-default-color: @processing-color;
@progress-remaining-color: @background-color-base;
@progress-text-color: @text-color;

// Menu
// ---
@menu-inline-toplevel-item-height: 40px;
@menu-item-height: 40px;
@menu-collapsed-width: 80px;
@menu-bg: @component-background;
@menu-popup-bg: @component-background;
@menu-item-color: @text-color;
@menu-highlight-color: @primary-color;

@menu-item-active-border-width: 3px;
@menu-item-group-title-color: @text-color-secondary;
// dark theme
@menu-dark-color: @text-color-secondary-dark;
@menu-dark-bg: @layout-header-background;
@menu-dark-arrow-color: #fff;
@menu-dark-submenu-bg: #000c17;
@menu-dark-highlight-color: #fff;
@menu-dark-item-active-bg: @primary-color;

// Spin
// ---
@spin-dot-size-sm: 14px;
@spin-dot-size: 20px;
@spin-dot-size-lg: 32px;

// Table
// --
@table-header-bg: @background-color-light;
@table-header-color: @heading-color;
@table-header-sort-bg: @background-color-base;
@table-body-sort-bg: rgba(0, 0, 0, 0.01);
@table-row-hover-bg: @primary-1;
@table-selected-row-color: inherit;
@table-selected-row-bg: #fafafa;
@table-expanded-row-bg: #fbfbfb;
@table-padding-vertical: 16px;
@table-padding-horizontal: 16px;
@table-border-radius-base: @border-radius-base;

// Tag
// --
@tag-default-bg: @background-color-light;
@tag-default-color: @text-color;
@tag-font-size: @font-size-sm;

// TimePicker
// ---
@time-picker-panel-column-width: 56px;
@time-picker-panel-width: @time-picker-panel-column-width * 3;
@time-picker-selected-bg: @background-color-base;

// Carousel
// ---
@carousel-dot-width: 16px;
@carousel-dot-height: 3px;
@carousel-dot-active-width: 24px;

// Badge
// ---
@badge-height: 20px;
@badge-dot-size: 6px;
@badge-font-size: @font-size-sm;
@badge-font-weight: normal;
@badge-status-size: 6px;
@badge-text-color: @component-background;

// Rate
// ---
@rate-star-color: @yellow-6;
@rate-star-bg: @border-color-split;

// Card
// ---
@card-head-color: @heading-color;
@card-head-background: transparent;
@card-head-padding: 16px;
@card-inner-head-padding: 12px;
@card-padding-base: 24px;
@card-actions-background: @background-color-light;
@card-background: #cfd8dc;
@card-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
@card-radius: @border-radius-sm;

// Comment
// ---
@comment-padding-base: 16px 0;
@comment-nest-indent: 44px;
@comment-author-name-color: @text-color-secondary;
@comment-author-time-color: #ccc;
@comment-action-color: @text-color-secondary;
@comment-action-hover-color: #595959;

// Tabs
// ---
@tabs-card-head-background: @background-color-light;
@tabs-card-height: 40px;
@tabs-card-active-color: @primary-color;
@tabs-title-font-size: @font-size-base;
@tabs-title-font-size-lg: @font-size-lg;
@tabs-title-font-size-sm: @font-size-base;
@tabs-ink-bar-color: @primary-color;
@tabs-bar-margin: 0 0 16px 0;
@tabs-horizontal-margin: 0 32px 0 0;
@tabs-horizontal-padding: 12px 16px;
@tabs-horizontal-padding-lg: 16px;
@tabs-horizontal-padding-sm: 8px 16px;
@tabs-vertical-padding: 8px 24px;
@tabs-vertical-margin: 0 0 16px 0;
@tabs-scrolling-size: 32px;
@tabs-highlight-color: @primary-color;
@tabs-hover-color: @primary-5;
@tabs-active-color: @primary-7;

// BackTop
// ---
@back-top-color: #fff;
@back-top-bg: @text-color-secondary;
@back-top-hover-bg: @text-color;

// Avatar
// ---
@avatar-size-base: 32px;
@avatar-size-lg: 40px;
@avatar-size-sm: 24px;
@avatar-font-size-base: 18px;
@avatar-font-size-lg: 24px;
@avatar-font-size-sm: 14px;
@avatar-bg: #ccc;
@avatar-color: #fff;
@avatar-border-radius: @border-radius-base;

// Switch
// ---
@switch-height: 22px;
@switch-sm-height: 16px;
@switch-sm-checked-margin-left: -(@switch-sm-height - 3px);
@switch-disabled-opacity: 0.4;
@switch-color: @primary-color;
@switch-shadow-color: fade(#00230b, 20%);

// Pagination
// ---
@pagination-item-size: 32px;
@pagination-item-size-sm: 24px;
@pagination-font-family: Arial;
@pagination-font-weight-active: 500;
@pagination-item-bg-active: @component-background;

// PageHeader
// ---
@page-header-padding-horizontal: 24px;
@page-header-padding-vertical: 16px;

// Breadcrumb
// ---
@breadcrumb-base-color: @text-color-secondary;
@breadcrumb-last-item-color: @text-color;
@breadcrumb-font-size: @font-size-base;
@breadcrumb-icon-font-size: @font-size-base;
@breadcrumb-link-color: @text-color-secondary;
@breadcrumb-link-color-hover: @primary-5;
@breadcrumb-separator-color: @text-color-secondary;
@breadcrumb-separator-margin: 0 @padding-xs;

// Slider
// ---
@slider-margin: 14px 6px 10px;
@slider-rail-background-color: @background-color-base;
@slider-rail-background-color-hover: #e1e1e1;
@slider-track-background-color: @primary-3;
@slider-track-background-color-hover: @primary-4;
@slider-handle-color: @primary-3;
@slider-handle-color-hover: @primary-4;
@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-handle-color-tooltip-open: @primary-color;
@slider-dot-border-color: @border-color-split;
@slider-dot-border-color-active: tint(@primary-color, 50%);
@slider-disabled-color: @disabled-color;
@slider-disabled-background-color: @component-background;

// Tree
// ---
@tree-title-height: 24px;
@tree-child-padding: 18px;
@tree-directory-selected-color: #fff;
@tree-directory-selected-bg: @primary-color;

// Collapse
// ---
@collapse-header-padding: 12px 16px;
@collapse-header-padding-extra: 40px;
@collapse-header-bg: @background-color-light;
@collapse-content-padding: @padding-md;
@collapse-content-bg: @component-background;

// Skeleton
// ---
@skeleton-color: #f2f2f2;

// Transfer
// ---
@transfer-header-height: 40px;
@transfer-disabled-bg: @disabled-bg;
@transfer-list-height: 200px;

// Message
// ---
@message-notice-content-padding: 10px 16px;

// Motion
// ---
@wave-animation-width: 6px;

// Alert
// ---
@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
@alert-error-icon-color: @error-color;

// List
// ---
@list-header-background: transparent;
@list-footer-background: transparent;
@list-empty-text-padding: @padding-md;
@list-item-padding: @padding-sm 0;
@list-item-meta-margin-bottom: @padding-md;
@list-item-meta-avatar-margin-right: @padding-md;
@list-item-meta-title-margin-bottom: @padding-sm;

// Statistic
// ---
@statistic-title-font-size: @font-size-base;
@statistic-content-font-size: 24px;
@statistic-unit-font-size: 16px;
@statistic-font-family: Tahoma, 'Helvetica Neue', @font-family;

// Drawer
// ---
@drawer-header-padding: 16px 24px;
@drawer-body-padding: 24px;



@primary-color:#00a335;

@font-size-base:14px;
@success-color:#52c41a;
@error-color:#f5222d;
@disabled-bg: hsv(0, 0, 96%);







/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* stylelint-disable at-rule-no-unknown */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  color: #272727;
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-variant: tabular-nums;
  line-height: 1.5;
  background-color: @body-background;
  font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
  outline: none !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: @heading-color;
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: @menu-item-active-bg;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
}
a:active {
  color: color(~`colorPalette("@{menu-item-active-bg}", 7)`);
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  color: @disabled-color;
  cursor: not-allowed;
  pointer-events: none;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  color: rgba(0, 0, 0, 0.45);
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
::selection {
  color: @component-background;
  background: @menu-item-active-bg;
}
.clearfix {
  zoom: 1;
}
.clearfix::before,
.clearfix::after {
  display: table;
  content: '';
}
.clearfix::after {
  clear: both;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon[tabindex] {
  cursor: pointer;
}
.anticon-spin::before {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}
.anticon-spin {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}
.fade-enter,
.fade-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.fade-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.fade-enter.fade-enter-active,
.fade-appear.fade-appear-active {
  animation-name: antFadeIn;
  animation-play-state: running;
}
.fade-leave.fade-leave-active {
  animation-name: antFadeOut;
  animation-play-state: running;
  pointer-events: none;
}
.fade-enter,
.fade-appear {
  opacity: 0;
  animation-timing-function: linear;
}
.fade-leave {
  animation-timing-function: linear;
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.move-up-enter,
.move-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-up-enter.move-up-enter-active,
.move-up-appear.move-up-appear-active {
  animation-name: antMoveUpIn;
  animation-play-state: running;
}
.move-up-leave.move-up-leave-active {
  animation-name: antMoveUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.move-up-enter,
.move-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-up-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-down-enter,
.move-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-down-enter.move-down-enter-active,
.move-down-appear.move-down-appear-active {
  animation-name: antMoveDownIn;
  animation-play-state: running;
}
.move-down-leave.move-down-leave-active {
  animation-name: antMoveDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.move-down-enter,
.move-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-down-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-left-enter,
.move-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-left-enter.move-left-enter-active,
.move-left-appear.move-left-appear-active {
  animation-name: antMoveLeftIn;
  animation-play-state: running;
}
.move-left-leave.move-left-leave-active {
  animation-name: antMoveLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.move-left-enter,
.move-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-left-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-right-enter,
.move-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-right-enter.move-right-enter-active,
.move-right-appear.move-right-appear-active {
  animation-name: antMoveRightIn;
  animation-play-state: running;
}
.move-right-leave.move-right-leave-active {
  animation-name: antMoveRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.move-right-enter,
.move-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-right-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@keyframes antMoveDownIn {
  0% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveDownOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveLeftIn {
  0% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveLeftOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveRightIn {
  0% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveRightOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveUpIn {
  0% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveUpOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes loadingCircle {
  100% {
    transform: rotate(360deg);
  }
}
[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
  position: relative;
}
html {
  --antd-wave-shadow-color: @menu-item-active-bg;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  box-shadow: 0 0 0 0 @menu-item-active-bg;
  box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  opacity: 0.2;
  animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
@keyframes waveEffect {
  100% {
    box-shadow: 0 0 0 @menu-item-active-bg;
    box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
.slide-up-enter,
.slide-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-up-enter.slide-up-enter-active,
.slide-up-appear.slide-up-appear-active {
  animation-name: antSlideUpIn;
  animation-play-state: running;
}
.slide-up-leave.slide-up-leave-active {
  animation-name: antSlideUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.slide-up-enter,
.slide-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-up-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-down-enter,
.slide-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-down-enter.slide-down-enter-active,
.slide-down-appear.slide-down-appear-active {
  animation-name: antSlideDownIn;
  animation-play-state: running;
}
.slide-down-leave.slide-down-leave-active {
  animation-name: antSlideDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.slide-down-enter,
.slide-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-left-enter,
.slide-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-left-enter.slide-left-enter-active,
.slide-left-appear.slide-left-appear-active {
  animation-name: antSlideLeftIn;
  animation-play-state: running;
}
.slide-left-leave.slide-left-leave-active {
  animation-name: antSlideLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.slide-left-enter,
.slide-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-left-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-right-enter,
.slide-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-right-enter.slide-right-enter-active,
.slide-right-appear.slide-right-appear-active {
  animation-name: antSlideRightIn;
  animation-play-state: running;
}
.slide-right-leave.slide-right-leave-active {
  animation-name: antSlideRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.slide-right-enter,
.slide-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-right-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes antSlideUpIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideDownIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes antSlideDownOut {
  0% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes antSlideLeftIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideLeftOut {
  0% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideRightIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes antSlideRightOut {
  0% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
}
.swing-enter,
.swing-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.swing-enter.swing-enter-active,
.swing-appear.swing-appear-active {
  animation-name: antSwingIn;
  animation-play-state: running;
}
@keyframes antSwingIn {
  0%,
  100% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-10px);
  }
  40% {
    transform: translateX(10px);
  }
  60% {
    transform: translateX(-5px);
  }
  80% {
    transform: translateX(5px);
  }
}
.zoom-enter,
.zoom-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-enter.zoom-enter-active,
.zoom-appear.zoom-appear-active {
  animation-name: antZoomIn;
  animation-play-state: running;
}
.zoom-leave.zoom-leave-active {
  animation-name: antZoomOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-enter,
.zoom-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-enter,
.zoom-big-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-enter.zoom-big-enter-active,
.zoom-big-appear.zoom-big-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.zoom-big-leave.zoom-big-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-big-enter,
.zoom-big-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-fast-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-fast-enter.zoom-big-fast-enter-active,
.zoom-big-fast-appear.zoom-big-fast-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.zoom-big-fast-leave.zoom-big-fast-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-fast-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-up-enter,
.zoom-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-up-enter.zoom-up-enter-active,
.zoom-up-appear.zoom-up-appear-active {
  animation-name: antZoomUpIn;
  animation-play-state: running;
}
.zoom-up-leave.zoom-up-leave-active {
  animation-name: antZoomUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-up-enter,
.zoom-up-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-up-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-down-enter,
.zoom-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-down-enter.zoom-down-enter-active,
.zoom-down-appear.zoom-down-appear-active {
  animation-name: antZoomDownIn;
  animation-play-state: running;
}
.zoom-down-leave.zoom-down-leave-active {
  animation-name: antZoomDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-down-enter,
.zoom-down-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-down-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-left-enter,
.zoom-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-left-enter.zoom-left-enter-active,
.zoom-left-appear.zoom-left-appear-active {
  animation-name: antZoomLeftIn;
  animation-play-state: running;
}
.zoom-left-leave.zoom-left-leave-active {
  animation-name: antZoomLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-left-enter,
.zoom-left-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-left-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-right-enter,
.zoom-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-right-enter.zoom-right-enter-active,
.zoom-right-appear.zoom-right-appear-active {
  animation-name: antZoomRightIn;
  animation-play-state: running;
}
.zoom-right-leave.zoom-right-leave-active {
  animation-name: antZoomRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-right-enter,
.zoom-right-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-right-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@keyframes antZoomIn {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes antZoomBigIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomBigOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes antZoomUpIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
}
@keyframes antZoomUpOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes antZoomLeftIn {
  0% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
}
@keyframes antZoomLeftOut {
  0% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes antZoomRightIn {
  0% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}
@keyframes antZoomRightOut {
  0% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes antZoomDownIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}
@keyframes antZoomDownOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
.ant-motion-collapse-legacy {
  overflow: hidden;
}
.ant-motion-collapse-legacy-active {
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
  overflow: hidden;
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-affix {
  position: fixed;
  z-index: 10;
}
.ant-alert {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  padding: 8px 15px 8px 37px;
  border-radius: 4px;
}
.ant-alert.ant-alert-no-icon {
  padding: 8px 15px;
}
.ant-alert.ant-alert-closable {
  padding-right: 30px;
}
.ant-alert-icon {
  position: absolute;
  top: 11.5px;
  left: 16px;
}
.ant-alert-description {
  display: none;
  font-size: 14px;
  line-height: 22px;
}
.ant-alert-success {
  background-color: #f6ffed;
  border: 1px solid #b7eb8f;
}
.ant-alert-success .ant-alert-icon {
  color: #52c41a;
}
.ant-alert-info {
  background-color: #e6f7ff;
  border: 1px solid #91d5ff;
}
.ant-alert-info .ant-alert-icon {
  color: #1890ff;
}
.ant-alert-warning {
  background-color: #fffbe6;
  border: 1px solid #ffe58f;
}
.ant-alert-warning .ant-alert-icon {
  color: #faad14;
}
.ant-alert-error {
  background-color: color(~`colorPalette("@{border-color-split}", 4)`);
  border: 1px solid #ffa39e;
}
.ant-alert-error .ant-alert-icon {
  color: #f5222d;
}
.ant-alert-close-icon {
  position: absolute;
  top: 8px;
  right: 16px;
  overflow: hidden;
  font-size: 12px;
  line-height: 22px;
  cursor: pointer;
}
.ant-alert-close-icon .anticon-close {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-alert-close-icon .anticon-close:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-close-text {
  position: absolute;
  right: 16px;
}
.ant-alert-with-description {
  position: relative;
  padding: 15px 15px 15px 64px;
  color: #272727;
  line-height: 1.5;
  border-radius: 4px;
}
.ant-alert-with-description.ant-alert-no-icon {
  padding: 15px;
}
.ant-alert-with-description .ant-alert-icon {
  position: absolute;
  top: 16px;
  left: 24px;
  font-size: 24px;
}
.ant-alert-with-description .ant-alert-close-icon {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 14px;
  cursor: pointer;
}
.ant-alert-with-description .ant-alert-message {
  display: block;
  margin-bottom: 4px;
  color: @heading-color;
  font-size: 16px;
}
.ant-alert-with-description .ant-alert-description {
  display: block;
}
.ant-alert.ant-alert-close {
  height: 0 !important;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  transform-origin: 50% 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-alert-slide-up-leave {
  animation: antAlertSlideUpOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-fill-mode: both;
}
.ant-alert-banner {
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
}
@keyframes antAlertSlideUpIn {
  0% {
    transform: scaleY(0);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antAlertSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
.ant-anchor {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  padding-left: 2px;
}
.ant-anchor-wrapper {
  margin-left: -4px;
  padding-left: 4px;
  overflow: auto;
  background-color: #ffffff;
}
.ant-anchor-ink {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.ant-anchor-ink::before {
  position: relative;
  display: block;
  width: 2px;
  height: 100%;
  margin: 0 auto;
  background-color: @border-color-split;
  content: ' ';
}
.ant-anchor-ink-ball {
  position: absolute;
  left: 50%;
  display: none;
  width: 8px;
  height: 8px;
  background-color: #ffffff;
  border: 2px solid @menu-item-active-bg;
  border-radius: 8px;
  transform: translateX(-50%);
  transition: top 0.3s ease-in-out;
}
.ant-anchor-ink-ball.visible {
  display: inline-block;
}
.ant-anchor.fixed .ant-anchor-ink .ant-anchor-ink-ball {
  display: none;
}
.ant-anchor-link {
  padding: 7px 0 7px 16px;
  line-height: 1.143;
}
.ant-anchor-link-title {
  position: relative;
  display: block;
  margin-bottom: 6px;
  overflow: hidden;
  color: #272727;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.ant-anchor-link-title:only-child {
  margin-bottom: 0;
}
.ant-anchor-link-active > .ant-anchor-link-title {
  color: @menu-item-active-bg;
}
.ant-anchor-link .ant-anchor-link {
  padding-top: 5px;
  padding-bottom: 5px;
}
.ant-select-auto-complete {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-select-auto-complete.ant-select .ant-select-selection {
  border: 0;
  box-shadow: none;
}
.ant-select-auto-complete.ant-select .ant-select-selection__rendered {
  height: 100%;
  margin-right: 0;
  margin-left: 0;
  line-height: 32px;
}
.ant-select-auto-complete.ant-select .ant-select-selection__placeholder {
  margin-right: 12px;
  margin-left: 12px;
}
.ant-select-auto-complete.ant-select .ant-select-selection--single {
  height: auto;
}
.ant-select-auto-complete.ant-select .ant-select-search--inline {
  position: static;
  float: left;
}
.ant-select-auto-complete.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered {
  margin-right: 0 !important;
}
.ant-select-auto-complete.ant-select .ant-input {
  height: 32px;
  line-height: 1.5;
  background: transparent;
  border-width: 1px;
}
.ant-select-auto-complete.ant-select .ant-input:focus,
.ant-select-auto-complete.ant-select .ant-input:hover {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-right-width: 1px !important;
}
.ant-select-auto-complete.ant-select .ant-input[disabled] {
  color: @disabled-color;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
  background-color: transparent;
}
.ant-select-auto-complete.ant-select .ant-input[disabled]:hover {
  border-color: color(~`colorPalette("@{border-color-base}", 5)`);
  border-right-width: 1px !important;
}
.ant-select-auto-complete.ant-select-lg .ant-select-selection__rendered {
  line-height: 40px;
}
.ant-select-auto-complete.ant-select-lg .ant-input {
  height: 40px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.ant-select-auto-complete.ant-select-sm .ant-select-selection__rendered {
  line-height: 24px;
}
.ant-select-auto-complete.ant-select-sm .ant-input {
  height: 24px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.ant-input-group > .ant-select-auto-complete .ant-select-search__field.ant-input-affix-wrapper {
  display: inline;
  float: none;
}
.ant-avatar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: @component-background;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background: #ccc;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
}
.ant-avatar-image {
  background: transparent;
}
.ant-avatar-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar.ant-avatar-icon {
  font-size: 18px;
}
.ant-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
}
.ant-avatar-lg-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar-lg.ant-avatar-icon {
  font-size: 24px;
}
.ant-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
}
.ant-avatar-sm-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar-sm.ant-avatar-icon {
  font-size: 14px;
}
.ant-avatar-square {
  border-radius: 4px;
}
.ant-avatar > img {
  display: block;
  width: 100%;
  height: 100%;
}
.ant-back-top {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  right: 100px;
  bottom: 50px;
  z-index: 10;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.ant-back-top-content {
  width: 40px;
  height: 40px;
  overflow: hidden;
  color: @component-background;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 20px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-back-top-content:hover {
  background-color: #272727;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-back-top-icon {
  width: 14px;
  height: 16px;
  margin: 12px auto;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAACWwljjAAAABGdBTUEAALGPC/xhBQAAAbtJREFUWAntmMtKw0AUhhMvS5cuxILgQlRUpIggIoKIIoigG1eC+AA+jo+i6FIXBfeuXIgoeKVeitVWJX5HWhhDksnUpp3FDPyZk3Nm5nycmZKkXhAEOXSA3lG7muTeRzmfy6HneUvIhnYkQK+Q9NhAA0Opg0vBEhjBKHiyb8iGMyQMOYuK41BcBSypAL+MYXSKjtFAW7EAGEO3qN4uMQbbAkXiSfRQJ1H6a+yhlkKRcAoVFYiweYNjtCVQJJpBz2GCiPt7fBOZQpFgDpUikse5HgnkM4Fi4QX0Fpc5wf9EbLqpUCy4jMoJSXWhFwbMNgWKhVbRhy5jirhs9fy/oFhgHVVTJEs7RLZ8sSEoJm6iz7SZDMbJ+/OKERQTttCXQRLToRUmrKWCYuA2+jbN0MB4OQobYShfdTCgn/sL1K36M7TLrN3n+758aPy2rrpR6+/od5E8tf/A1uLS9aId5T7J3CNYihkQ4D9PiMdMC7mp4rjB9kjFjZp8BlnVHJBuO1yFXIV0FdDF3RlyFdJVQBdv5AxVdIsq8apiZ2PyYO1EVykesGfZEESsCkweyR8MUW+V8uJ1gkYipmpdP1pm2aJVPEGzAAAAAElFTkSuQmCC) 100%/100% no-repeat;
}
@media screen and (max-width: 768px) {
  .ant-back-top {
    right: 60px;
  }
}
@media screen and (max-width: 480px) {
  .ant-back-top {
    right: 20px;
  }
}
.ant-badge {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  color: unset;
  line-height: 1;
}
.ant-badge-count {
  z-index: 10;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  color: #ffffff;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  text-align: center;
  background: #f5222d;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #ffffff;
}
.ant-badge-count a,
.ant-badge-count a:hover {
  color: #ffffff;
}
.ant-badge-multiple-words {
  padding: 0 8px;
}
.ant-badge-dot {
  z-index: 10;
  width: 6px;
  height: 6px;
  background: #f5222d;
  border-radius: 100%;
  box-shadow: 0 0 0 1px #ffffff;
}
.ant-badge-count,
.ant-badge-dot,
.ant-badge .ant-scroll-number-custom-component {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
}
.ant-badge-status {
  line-height: inherit;
  vertical-align: baseline;
}
.ant-badge-status-dot {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-radius: 50%;
}
.ant-badge-status-success {
  background-color: #52c41a;
}
.ant-badge-status-processing {
  position: relative;
  background-color: #1890ff;
}
.ant-badge-status-processing::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 50%;
  animation: antStatusProcessing 1.2s infinite ease-in-out;
  content: '';
}
.ant-badge-status-default {
  background-color: @border-color-base;
}
.ant-badge-status-error {
  background-color: #f5222d;
}
.ant-badge-status-warning {
  background-color: #faad14;
}
.ant-badge-status-pink {
  background: #eb2f96;
}
.ant-badge-status-magenta {
  background: #eb2f96;
}
.ant-badge-status-red {
  background: #f5222d;
}
.ant-badge-status-volcano {
  background: #fa541c;
}
.ant-badge-status-orange {
  background: #fa8c16;
}
.ant-badge-status-yellow {
  background: #fadb14;
}
.ant-badge-status-gold {
  background: #faad14;
}
.ant-badge-status-cyan {
  background: #13c2c2;
}
.ant-badge-status-lime {
  background: #a0d911;
}
.ant-badge-status-green {
  background: #52c41a;
}
.ant-badge-status-blue {
  background: #1890ff;
}
.ant-badge-status-geekblue {
  background: #2f54eb;
}
.ant-badge-status-purple {
  background: #722ed1;
}
.ant-badge-status-text {
  margin-left: 8px;
  color: #272727;
  font-size: 14px;
}
.ant-badge-zoom-appear,
.ant-badge-zoom-enter {
  animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  animation-fill-mode: both;
}
.ant-badge-zoom-leave {
  animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  animation-fill-mode: both;
}
.ant-badge-not-a-wrapper:not(.ant-badge-status) {
  vertical-align: middle;
}
.ant-badge-not-a-wrapper .ant-scroll-number {
  position: relative;
  top: auto;
  display: block;
}
.ant-badge-not-a-wrapper .ant-badge-count {
  transform: none;
}
@keyframes antStatusProcessing {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.4);
    opacity: 0;
  }
}
.ant-scroll-number {
  overflow: hidden;
}
.ant-scroll-number-only {
  display: inline-block;
  height: 20px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-scroll-number-only > p {
  height: 20px;
  margin: 0;
}
.ant-scroll-number-symbol {
  vertical-align: top;
}
@keyframes antZoomBadgeIn {
  0% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
  100% {
    transform: scale(1) translate(50%, -50%);
  }
}
@keyframes antZoomBadgeOut {
  0% {
    transform: scale(1) translate(50%, -50%);
  }
  100% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
}
.ant-breadcrumb {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-breadcrumb .anticon {
  font-size: 14px;
}
.ant-breadcrumb a {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-breadcrumb a:hover {
  color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
}
.ant-breadcrumb > span:last-child {
  color: #272727;
}
.ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
  display: none;
}
.ant-breadcrumb-separator {
  margin: 0 8px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-breadcrumb-link > .anticon + span {
  margin-left: 4px;
}
.ant-breadcrumb-overlay-link > .anticon {
  margin-left: 4px;
}
.ant-btn {
  line-height: 1.499;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 4px;
  color: #272727;
  background-color: @component-background;
  border-color: @border-color-base;
}
.ant-btn > .anticon {
  line-height: 1;
}
.ant-btn,
.ant-btn:active,
.ant-btn:focus {
  outline: 0;
}
.ant-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-btn:not([disabled]):active {
  outline: 0;
  box-shadow: none;
}
.ant-btn.disabled,
.ant-btn[disabled] {
  cursor: not-allowed;
}
.ant-btn.disabled > *,
.ant-btn[disabled] > * {
  pointer-events: none;
}
.ant-btn-lg {
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px;
}
.ant-btn-sm {
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
}
.ant-btn > a:only-child {
  color: currentColor;
}
.ant-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus {
  color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  background-color: @component-background;
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
}
.ant-btn:hover > a:only-child,
.ant-btn:focus > a:only-child {
  color: currentColor;
}
.ant-btn:hover > a:only-child::after,
.ant-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:active,
.ant-btn.active {
  color: color(~`colorPalette("@{menu-item-active-bg}", 7)`);
  background-color: @component-background;
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 7)`);
}
.ant-btn:active > a:only-child,
.ant-btn.active > a:only-child {
  color: currentColor;
}
.ant-btn:active > a:only-child::after,
.ant-btn.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-disabled,
.ant-btn.disabled,
.ant-btn[disabled],
.ant-btn-disabled:hover,
.ant-btn.disabled:hover,
.ant-btn[disabled]:hover,
.ant-btn-disabled:focus,
.ant-btn.disabled:focus,
.ant-btn[disabled]:focus,
.ant-btn-disabled:active,
.ant-btn.disabled:active,
.ant-btn[disabled]:active,
.ant-btn-disabled.active,
.ant-btn.disabled.active,
.ant-btn[disabled].active {
  color: @disabled-color;
  background-color: #f5f5f5;
  border-color: @border-color-base;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-disabled > a:only-child,
.ant-btn.disabled > a:only-child,
.ant-btn[disabled] > a:only-child,
.ant-btn-disabled:hover > a:only-child,
.ant-btn.disabled:hover > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn-disabled:focus > a:only-child,
.ant-btn.disabled:focus > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn-disabled:active > a:only-child,
.ant-btn.disabled:active > a:only-child,
.ant-btn[disabled]:active > a:only-child,
.ant-btn-disabled.active > a:only-child,
.ant-btn.disabled.active > a:only-child,
.ant-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-disabled > a:only-child::after,
.ant-btn.disabled > a:only-child::after,
.ant-btn[disabled] > a:only-child::after,
.ant-btn-disabled:hover > a:only-child::after,
.ant-btn.disabled:hover > a:only-child::after,
.ant-btn[disabled]:hover > a:only-child::after,
.ant-btn-disabled:focus > a:only-child::after,
.ant-btn.disabled:focus > a:only-child::after,
.ant-btn[disabled]:focus > a:only-child::after,
.ant-btn-disabled:active > a:only-child::after,
.ant-btn.disabled:active > a:only-child::after,
.ant-btn[disabled]:active > a:only-child::after,
.ant-btn-disabled.active > a:only-child::after,
.ant-btn.disabled.active > a:only-child::after,
.ant-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active,
.ant-btn.active {
  text-decoration: none;
  background: @component-background;
}
.ant-btn > i,
.ant-btn > span {
  display: inline-block;
  pointer-events: none;
}
.ant-btn-primary {
  color: @component-background;
  background-color: @menu-item-active-bg;
  border-color: @menu-item-active-bg;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: @component-background;
  background-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
}
.ant-btn-primary:hover > a:only-child,
.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-primary:hover > a:only-child::after,
.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:active,
.ant-btn-primary.active {
  color: @component-background;
  background-color: color(~`colorPalette("@{menu-item-active-bg}", 7)`);
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 7)`);
}
.ant-btn-primary:active > a:only-child,
.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-primary:active > a:only-child::after,
.ant-btn-primary.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary-disabled,
.ant-btn-primary.disabled,
.ant-btn-primary[disabled],
.ant-btn-primary-disabled:hover,
.ant-btn-primary.disabled:hover,
.ant-btn-primary[disabled]:hover,
.ant-btn-primary-disabled:focus,
.ant-btn-primary.disabled:focus,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary-disabled:active,
.ant-btn-primary.disabled:active,
.ant-btn-primary[disabled]:active,
.ant-btn-primary-disabled.active,
.ant-btn-primary.disabled.active,
.ant-btn-primary[disabled].active {
  color: @disabled-color;
  background-color: #f5f5f5;
  border-color: @border-color-base;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-primary-disabled > a:only-child,
.ant-btn-primary.disabled > a:only-child,
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-primary[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-left-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: @border-color-base;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  border-right-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: @border-color-base;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-left-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-left-color: @border-color-base;
}
.ant-btn-ghost {
  color: #272727;
  background-color: transparent;
  border-color: @border-color-base;
}
.ant-btn-ghost > a:only-child {
  color: currentColor;
}
.ant-btn-ghost > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
  color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  background-color: transparent;
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
}
.ant-btn-ghost:hover > a:only-child,
.ant-btn-ghost:focus > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:hover > a:only-child::after,
.ant-btn-ghost:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:active,
.ant-btn-ghost.active {
  color: color(~`colorPalette("@{menu-item-active-bg}", 7)`);
  background-color: transparent;
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 7)`);
}
.ant-btn-ghost:active > a:only-child,
.ant-btn-ghost.active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:active > a:only-child::after,
.ant-btn-ghost.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost-disabled,
.ant-btn-ghost.disabled,
.ant-btn-ghost[disabled],
.ant-btn-ghost-disabled:hover,
.ant-btn-ghost.disabled:hover,
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost-disabled:focus,
.ant-btn-ghost.disabled:focus,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost-disabled:active,
.ant-btn-ghost.disabled:active,
.ant-btn-ghost[disabled]:active,
.ant-btn-ghost-disabled.active,
.ant-btn-ghost.disabled.active,
.ant-btn-ghost[disabled].active {
  color: @disabled-color;
  background-color: #f5f5f5;
  border-color: @border-color-base;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-ghost-disabled > a:only-child,
.ant-btn-ghost.disabled > a:only-child,
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost-disabled:hover > a:only-child,
.ant-btn-ghost.disabled:hover > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost-disabled:focus > a:only-child,
.ant-btn-ghost.disabled:focus > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost-disabled:active > a:only-child,
.ant-btn-ghost.disabled:active > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child,
.ant-btn-ghost-disabled.active > a:only-child,
.ant-btn-ghost.disabled.active > a:only-child,
.ant-btn-ghost[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost-disabled > a:only-child::after,
.ant-btn-ghost.disabled > a:only-child::after,
.ant-btn-ghost[disabled] > a:only-child::after,
.ant-btn-ghost-disabled:hover > a:only-child::after,
.ant-btn-ghost.disabled:hover > a:only-child::after,
.ant-btn-ghost[disabled]:hover > a:only-child::after,
.ant-btn-ghost-disabled:focus > a:only-child::after,
.ant-btn-ghost.disabled:focus > a:only-child::after,
.ant-btn-ghost[disabled]:focus > a:only-child::after,
.ant-btn-ghost-disabled:active > a:only-child::after,
.ant-btn-ghost.disabled:active > a:only-child::after,
.ant-btn-ghost[disabled]:active > a:only-child::after,
.ant-btn-ghost-disabled.active > a:only-child::after,
.ant-btn-ghost.disabled.active > a:only-child::after,
.ant-btn-ghost[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed {
  color: #272727;
  background-color: @component-background;
  border-color: @border-color-base;
  border-style: dashed;
}
.ant-btn-dashed > a:only-child {
  color: currentColor;
}
.ant-btn-dashed > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
  color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  background-color: @component-background;
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
}
.ant-btn-dashed:hover > a:only-child,
.ant-btn-dashed:focus > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:hover > a:only-child::after,
.ant-btn-dashed:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:active,
.ant-btn-dashed.active {
  color: color(~`colorPalette("@{menu-item-active-bg}", 7)`);
  background-color: @component-background;
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 7)`);
}
.ant-btn-dashed:active > a:only-child,
.ant-btn-dashed.active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:active > a:only-child::after,
.ant-btn-dashed.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed-disabled,
.ant-btn-dashed.disabled,
.ant-btn-dashed[disabled],
.ant-btn-dashed-disabled:hover,
.ant-btn-dashed.disabled:hover,
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed-disabled:focus,
.ant-btn-dashed.disabled:focus,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed-disabled:active,
.ant-btn-dashed.disabled:active,
.ant-btn-dashed[disabled]:active,
.ant-btn-dashed-disabled.active,
.ant-btn-dashed.disabled.active,
.ant-btn-dashed[disabled].active {
  color: @disabled-color;
  background-color: #f5f5f5;
  border-color: @border-color-base;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dashed-disabled > a:only-child,
.ant-btn-dashed.disabled > a:only-child,
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed-disabled:hover > a:only-child,
.ant-btn-dashed.disabled:hover > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed-disabled:focus > a:only-child,
.ant-btn-dashed.disabled:focus > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed-disabled:active > a:only-child,
.ant-btn-dashed.disabled:active > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child,
.ant-btn-dashed-disabled.active > a:only-child,
.ant-btn-dashed.disabled.active > a:only-child,
.ant-btn-dashed[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed-disabled > a:only-child::after,
.ant-btn-dashed.disabled > a:only-child::after,
.ant-btn-dashed[disabled] > a:only-child::after,
.ant-btn-dashed-disabled:hover > a:only-child::after,
.ant-btn-dashed.disabled:hover > a:only-child::after,
.ant-btn-dashed[disabled]:hover > a:only-child::after,
.ant-btn-dashed-disabled:focus > a:only-child::after,
.ant-btn-dashed.disabled:focus > a:only-child::after,
.ant-btn-dashed[disabled]:focus > a:only-child::after,
.ant-btn-dashed-disabled:active > a:only-child::after,
.ant-btn-dashed.disabled:active > a:only-child::after,
.ant-btn-dashed[disabled]:active > a:only-child::after,
.ant-btn-dashed-disabled.active > a:only-child::after,
.ant-btn-dashed.disabled.active > a:only-child::after,
.ant-btn-dashed[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger {
  color: #f5222d;
  background-color: #f5f5f5;
  border-color: @border-color-base;
}
.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:hover {
  color: @component-background;
  background-color: #ff4d4f;
  border-color: #ff4d4f;
}
.ant-btn-danger:hover > a:only-child {
  color: currentColor;
}
.ant-btn-danger:hover > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:focus {
  color: #ff4d4f;
  background-color: #ffffff;
  border-color: #ff4d4f;
}
.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:active,
.ant-btn-danger.active {
  color: @component-background;
  background-color: #cf1322;
  border-color: #cf1322;
}
.ant-btn-danger:active > a:only-child,
.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-danger:active > a:only-child::after,
.ant-btn-danger.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger-disabled,
.ant-btn-danger.disabled,
.ant-btn-danger[disabled],
.ant-btn-danger-disabled:hover,
.ant-btn-danger.disabled:hover,
.ant-btn-danger[disabled]:hover,
.ant-btn-danger-disabled:focus,
.ant-btn-danger.disabled:focus,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger-disabled:active,
.ant-btn-danger.disabled:active,
.ant-btn-danger[disabled]:active,
.ant-btn-danger-disabled.active,
.ant-btn-danger.disabled.active,
.ant-btn-danger[disabled].active {
  color: @disabled-color;
  background-color: #f5f5f5;
  border-color: @border-color-base;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-danger-disabled > a:only-child,
.ant-btn-danger.disabled > a:only-child,
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-danger[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link {
  color: @menu-item-active-bg;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus {
  color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  background-color: transparent;
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
}
.ant-btn-link:hover > a:only-child,
.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-link:hover > a:only-child::after,
.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:active,
.ant-btn-link.active {
  color: color(~`colorPalette("@{menu-item-active-bg}", 7)`);
  background-color: transparent;
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 7)`);
}
.ant-btn-link:active > a:only-child,
.ant-btn-link.active > a:only-child {
  color: currentColor;
}
.ant-btn-link:active > a:only-child::after,
.ant-btn-link.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
  color: @disabled-color;
  background-color: #f5f5f5;
  border-color: @border-color-base;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
  border-color: transparent;
}
.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
  color: @disabled-color;
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-round {
  height: 32px;
  padding: 0 16px;
  font-size: 16px;
  border-radius: 32px;
}
.ant-btn-round.ant-btn-lg {
  height: 40px;
  padding: 0 20px;
  font-size: 18px;
  border-radius: 40px;
}
.ant-btn-round.ant-btn-sm {
  height: 24px;
  padding: 0 12px;
  font-size: 14px;
  border-radius: 24px;
}
.ant-btn-circle,
.ant-btn-circle-outline {
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 16px;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-lg,
.ant-btn-circle-outline.ant-btn-lg {
  width: 40px;
  height: 40px;
  padding: 0;
  font-size: 18px;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-sm,
.ant-btn-circle-outline.ant-btn-sm {
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 14px;
  border-radius: 50%;
}
.ant-btn::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 1;
  display: none;
  background: #ffffff;
  border-radius: inherit;
  opacity: 0.35;
  transition: opacity 0.2s;
  content: '';
  pointer-events: none;
}
.ant-btn .anticon {
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn .anticon.anticon-plus > svg,
.ant-btn .anticon.anticon-minus > svg {
  shape-rendering: optimizeSpeed;
}
.ant-btn.ant-btn-loading {
  position: relative;
  pointer-events: none;
}
.ant-btn.ant-btn-loading::before {
  display: block;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 29px;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon:not(:last-child) {
  margin-left: -14px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 24px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon {
  margin-left: -17px;
}
.ant-btn-group {
  position: relative;
  display: inline-block;
}
.ant-btn-group > .ant-btn,
.ant-btn-group > span > .ant-btn {
  position: relative;
}
.ant-btn-group > .ant-btn:hover,
.ant-btn-group > span > .ant-btn:hover,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > span > .ant-btn:focus,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > span > .ant-btn:active,
.ant-btn-group > .ant-btn.active,
.ant-btn-group > span > .ant-btn.active {
  z-index: 2;
}
.ant-btn-group > .ant-btn:disabled,
.ant-btn-group > span > .ant-btn:disabled {
  z-index: 0;
}
.ant-btn-group-lg > .ant-btn,
.ant-btn-group-lg > span > .ant-btn {
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 0;
  line-height: 38px;
}
.ant-btn-group-sm > .ant-btn,
.ant-btn-group-sm > span > .ant-btn {
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 0;
  line-height: 22px;
}
.ant-btn-group-sm > .ant-btn > .anticon,
.ant-btn-group-sm > span > .ant-btn > .anticon {
  font-size: 14px;
}
.ant-btn-group .ant-btn + .ant-btn,
.ant-btn + .ant-btn-group,
.ant-btn-group span + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group > span + span,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group {
  margin-left: -1px;
}
.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  border-left-color: transparent;
}
.ant-btn-group .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn:first-child,
.ant-btn-group > span:first-child > .ant-btn {
  margin-left: 0;
}
.ant-btn-group > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group-sm > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-btn-group > .ant-btn-group {
  float: left;
}
.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  padding-right: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  padding-left: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn:not(.ant-btn-circle):not(.ant-btn-circle-outline).ant-btn-icon-only {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-btn:focus > span,
.ant-btn:active > span {
  position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 8px;
}
.ant-btn-background-ghost {
  color: #ffffff;
  background: transparent !important;
  border-color: #ffffff;
}
.ant-btn-background-ghost.ant-btn-primary {
  color: @menu-item-active-bg;
  background-color: transparent;
  border-color: @menu-item-active-bg;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
  color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  background-color: transparent;
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:active,
.ant-btn-background-ghost.ant-btn-primary.active {
  color: color(~`colorPalette("@{menu-item-active-bg}", 7)`);
  background-color: transparent;
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 7)`);
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary-disabled,
.ant-btn-background-ghost.ant-btn-primary.disabled,
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary-disabled:hover,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary-disabled:active,
.ant-btn-background-ghost.ant-btn-primary.disabled:active,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active,
.ant-btn-background-ghost.ant-btn-primary-disabled.active,
.ant-btn-background-ghost.ant-btn-primary.disabled.active,
.ant-btn-background-ghost.ant-btn-primary[disabled].active {
  color: @disabled-color;
  background-color: #f5f5f5;
  border-color: @border-color-base;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger {
  color: #f5222d;
  background-color: transparent;
  border-color: #f5222d;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
  color: #ff4d4f;
  background-color: transparent;
  border-color: #ff4d4f;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:active,
.ant-btn-background-ghost.ant-btn-danger.active {
  color: #cf1322;
  background-color: transparent;
  border-color: #cf1322;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger-disabled,
.ant-btn-background-ghost.ant-btn-danger.disabled,
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger-disabled:hover,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger-disabled:active,
.ant-btn-background-ghost.ant-btn-danger.disabled:active,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active,
.ant-btn-background-ghost.ant-btn-danger-disabled.active,
.ant-btn-background-ghost.ant-btn-danger.disabled.active,
.ant-btn-background-ghost.ant-btn-danger[disabled].active {
  color: @disabled-color;
  background-color: #f5f5f5;
  border-color: @border-color-base;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link {
  color: @menu-item-active-bg;
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  color: #ffffff;
}
.ant-btn-background-ghost.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-link:focus {
  color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  background-color: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link:active,
.ant-btn-background-ghost.ant-btn-link.active {
  color: color(~`colorPalette("@{menu-item-active-bg}", 7)`);
  background-color: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-link:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link-disabled,
.ant-btn-background-ghost.ant-btn-link.disabled,
.ant-btn-background-ghost.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-link-disabled:hover,
.ant-btn-background-ghost.ant-btn-link.disabled:hover,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover,
.ant-btn-background-ghost.ant-btn-link-disabled:focus,
.ant-btn-background-ghost.ant-btn-link.disabled:focus,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-link-disabled:active,
.ant-btn-background-ghost.ant-btn-link.disabled:active,
.ant-btn-background-ghost.ant-btn-link[disabled]:active,
.ant-btn-background-ghost.ant-btn-link-disabled.active,
.ant-btn-background-ghost.ant-btn-link.disabled.active,
.ant-btn-background-ghost.ant-btn-link[disabled].active {
  color: @disabled-color;
  background-color: #f5f5f5;
  border-color: @border-color-base;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-two-chinese-chars::first-letter {
  letter-spacing: 0.34em;
}
.ant-btn-two-chinese-chars > *:not(.anticon) {
  margin-right: -0.34em;
  letter-spacing: 0.34em;
}
.ant-btn-block {
  width: 100%;
}
.ant-btn:empty {
  vertical-align: top;
}
a.ant-btn {
  line-height: 30px;
}
a.ant-btn-lg {
  line-height: 38px;
}
a.ant-btn-sm {
  line-height: 22px;
}
.ant-fullcalendar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  border-top: 1px solid @border-color-base;
  outline: none;
}
.ant-select.ant-fullcalendar-year-select {
  min-width: 90px;
}
.ant-select.ant-fullcalendar-year-select.ant-select-sm {
  min-width: 70px;
}
.ant-select.ant-fullcalendar-month-select {
  min-width: 80px;
  margin-left: 8px;
}
.ant-select.ant-fullcalendar-month-select.ant-select-sm {
  min-width: 70px;
}
.ant-fullcalendar-header {
  padding: 11px 16px 11px 0;
  text-align: right;
}
.ant-fullcalendar-header .ant-select-dropdown {
  text-align: left;
}
.ant-fullcalendar-header .ant-radio-group {
  margin-left: 8px;
  text-align: left;
}
.ant-fullcalendar-header label.ant-radio-button {
  height: 22px;
  padding: 0 10px;
  line-height: 20px;
}
.ant-fullcalendar-date-panel {
  position: relative;
  outline: none;
}
.ant-fullcalendar-calendar-body {
  padding: 8px 12px;
}
.ant-fullcalendar table {
  width: 100%;
  max-width: 100%;
  height: 256px;
  background-color: transparent;
  border-collapse: collapse;
}
.ant-fullcalendar table,
.ant-fullcalendar th,
.ant-fullcalendar td {
  border: 0;
}
.ant-fullcalendar td {
  position: relative;
}
.ant-fullcalendar-calendar-table {
  margin-bottom: 0;
  border-spacing: 0;
}
.ant-fullcalendar-column-header {
  width: 33px;
  padding: 0;
  line-height: 18px;
  text-align: center;
}
.ant-fullcalendar-column-header .ant-fullcalendar-column-header-inner {
  display: block;
  font-weight: normal;
}
.ant-fullcalendar-week-number-header .ant-fullcalendar-column-header-inner {
  display: none;
}
.ant-fullcalendar-month,
.ant-fullcalendar-date {
  text-align: center;
  transition: all 0.3s;
}
.ant-fullcalendar-value {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  padding: 0;
  color: #272727;
  line-height: 24px;
  background: transparent;
  border-radius: 2px;
  transition: all 0.3s;
}
.ant-fullcalendar-value:hover {
  background: color(~`colorPalette("@{menu-item-active-bg}", 1)`);
  cursor: pointer;
}
.ant-fullcalendar-value:active {
  color: @component-background;
  background: @menu-item-active-bg;
}
.ant-fullcalendar-month-panel-cell .ant-fullcalendar-value {
  width: 48px;
}
.ant-fullcalendar-today .ant-fullcalendar-value,
.ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value {
  box-shadow: 0 0 0 1px #00a335 inset;
}
.ant-fullcalendar-selected-day .ant-fullcalendar-value,
.ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value {
  color: @component-background;
  background: @menu-item-active-bg;
}
.ant-fullcalendar-disabled-cell-first-of-row .ant-fullcalendar-value {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-fullcalendar-disabled-cell-last-of-row .ant-fullcalendar-value {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-fullcalendar-last-month-cell .ant-fullcalendar-value,
.ant-fullcalendar-next-month-btn-day .ant-fullcalendar-value {
  color: @disabled-color;
}
.ant-fullcalendar-month-panel-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-fullcalendar-content {
  position: absolute;
  bottom: -9px;
  left: 0;
  width: 100%;
}
.ant-fullcalendar-fullscreen {
  border-top: 0;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-table {
  table-layout: fixed;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-header .ant-radio-group {
  margin-left: 16px;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-header label.ant-radio-button {
  height: 32px;
  line-height: 30px;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen .ant-fullcalendar-date {
  display: block;
  height: 116px;
  margin: 0 4px;
  padding: 4px 8px;
  color: #272727;
  text-align: left;
  border-top: 2px solid @border-color-split;
  transition: background 0.3s;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month:hover,
.ant-fullcalendar-fullscreen .ant-fullcalendar-date:hover {
  background: color(~`colorPalette("@{menu-item-active-bg}", 1)`);
  cursor: pointer;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month:active,
.ant-fullcalendar-fullscreen .ant-fullcalendar-date:active {
  background: color(~`colorPalette("@{menu-item-active-bg}", 2)`);
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-column-header {
  padding-right: 12px;
  padding-bottom: 5px;
  text-align: right;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-value {
  width: auto;
  text-align: right;
  background: transparent;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
  color: #272727;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-date {
  background: transparent;
  border-top-color: @menu-item-active-bg;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value,
.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
  box-shadow: none;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-date {
  background: color(~`colorPalette("@{menu-item-active-bg}", 1)`);
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value,
.ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-value {
  color: @menu-item-active-bg;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-last-month-cell .ant-fullcalendar-date,
.ant-fullcalendar-fullscreen .ant-fullcalendar-next-month-btn-day .ant-fullcalendar-date {
  color: @disabled-color;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-content {
  position: static;
  width: auto;
  height: 88px;
  overflow-y: auto;
}
.ant-fullcalendar-disabled-cell .ant-fullcalendar-date,
.ant-fullcalendar-disabled-cell .ant-fullcalendar-date:hover {
  cursor: not-allowed;
}
.ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date,
.ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date:hover {
  background: transparent;
}
.ant-fullcalendar-disabled-cell .ant-fullcalendar-value {
  width: auto;
  color: @disabled-color;
  border-radius: 0;
  cursor: not-allowed;
}
.ant-card {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  background: #ffffff;
  border-radius: 2px;
  transition: all 0.3s;
}
.ant-card-hoverable {
  cursor: pointer;
}
.ant-card-hoverable:hover {
  border-color: rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
}
.ant-card-bordered {
  border: 1px solid @border-color-split;
}
.ant-card-head {
  min-height: 48px;
  margin-bottom: -1px;
  padding: 0 24px;
  color: @heading-color;
  font-weight: 500;
  font-size: 16px;
  background: transparent;
  border-bottom: 1px solid @border-color-split;
  border-radius: 2px 2px 0 0;
  zoom: 1;
}
.ant-card-head::before,
.ant-card-head::after {
  display: table;
  content: '';
}
.ant-card-head::after {
  clear: both;
}
.ant-card-head::before,
.ant-card-head::after {
  display: table;
  content: '';
}
.ant-card-head::after {
  clear: both;
}
.ant-card-head-wrapper {
  display: flex;
  align-items: center;
}
.ant-card-head-title {
  display: inline-block;
  flex: 1;
  padding: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-head .ant-tabs {
  clear: both;
  margin-bottom: -17px;
  color: #272727;
  font-weight: normal;
  font-size: 14px;
}
.ant-card-head .ant-tabs-bar {
  border-bottom: 1px solid @border-color-split;
}
.ant-card-extra {
  float: right;
  margin-left: auto;
  padding: 16px 0;
  color: #272727;
  font-weight: normal;
  font-size: 14px;
}
.ant-card-body {
  padding: 24px;
  zoom: 1;
}
.ant-card-body::before,
.ant-card-body::after {
  display: table;
  content: '';
}
.ant-card-body::after {
  clear: both;
}
.ant-card-body::before,
.ant-card-body::after {
  display: table;
  content: '';
}
.ant-card-body::after {
  clear: both;
}
.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
  margin: -1px 0 0 -1px;
  padding: 0;
}
.ant-card-grid {
  float: left;
  width: 33.33%;
  padding: 24px;
  border: 0;
  border-radius: 0;
  box-shadow: 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8, 1px 1px 0 0 #e8e8e8, 1px 0 0 0 #e8e8e8 inset, 0 1px 0 0 #e8e8e8 inset;
  transition: all 0.3s;
}
.ant-card-grid:hover {
  position: relative;
  z-index: 1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
  min-height: 32px;
  padding-bottom: 0;
}
.ant-card-contain-tabs .ant-card-extra {
  padding-bottom: 0;
}
.ant-card-cover > * {
  display: block;
  width: 100%;
}
.ant-card-cover img {
  border-radius: 2px 2px 0 0;
}
.ant-card-actions {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fafafa;
  border-top: 1px solid @border-color-split;
  zoom: 1;
}
.ant-card-actions::before,
.ant-card-actions::after {
  display: table;
  content: '';
}
.ant-card-actions::after {
  clear: both;
}
.ant-card-actions::before,
.ant-card-actions::after {
  display: table;
  content: '';
}
.ant-card-actions::after {
  clear: both;
}
.ant-card-actions > li {
  float: left;
  margin: 12px 0;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
}
.ant-card-actions > li > span {
  position: relative;
  display: inline-block;
  min-width: 32px;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
}
.ant-card-actions > li > span:hover {
  color: @menu-item-active-bg;
  transition: color 0.3s;
}
.ant-card-actions > li > span > .anticon {
  font-size: 16px;
  line-height: 22px;
}
.ant-card-actions > li > span a {
  display: inline-block;
  width: 100%;
  color: rgba(0, 0, 0, 0.45);
  line-height: 22px;
}
.ant-card-actions > li > span a:hover {
  color: @menu-item-active-bg;
}
.ant-card-actions > li:not(:last-child) {
  border-right: 1px solid @border-color-split;
}
.ant-card-type-inner .ant-card-head {
  padding: 0 24px;
  background: #fafafa;
}
.ant-card-type-inner .ant-card-head-title {
  padding: 12px 0;
  font-size: 14px;
}
.ant-card-type-inner .ant-card-body {
  padding: 16px 24px;
}
.ant-card-type-inner .ant-card-extra {
  padding: 13.5px 0;
}
.ant-card-meta {
  margin: -4px 0;
  zoom: 1;
}
.ant-card-meta::before,
.ant-card-meta::after {
  display: table;
  content: '';
}
.ant-card-meta::after {
  clear: both;
}
.ant-card-meta::before,
.ant-card-meta::after {
  display: table;
  content: '';
}
.ant-card-meta::after {
  clear: both;
}
.ant-card-meta-avatar {
  float: left;
  padding-right: 16px;
}
.ant-card-meta-detail {
  overflow: hidden;
}
.ant-card-meta-detail > div:not(:last-child) {
  margin-bottom: 8px;
}
.ant-card-meta-title {
  overflow: hidden;
  color: @heading-color;
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-meta-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-card-loading {
  overflow: hidden;
}
.ant-card-loading .ant-card-body {
  user-select: none;
}
.ant-card-loading-content p {
  margin: 0;
}
.ant-card-loading-block {
  height: 14px;
  margin: 4px 0;
  background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
  background-size: 600% 600%;
  border-radius: 2px;
  animation: card-loading 1.4s ease infinite;
}
@keyframes card-loading {
  0%,
  100% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
.ant-card-small > .ant-card-head {
  min-height: 36px;
  padding: 0 12px;
  font-size: 14px;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
  padding: 8px 0;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
  padding: 8px 0;
  font-size: 14px;
}
.ant-card-small > .ant-card-body {
  padding: 12px;
}
.ant-carousel {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-carousel .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.ant-carousel .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.ant-carousel .slick-list:focus {
  outline: none;
}
.ant-carousel .slick-list.dragging {
  cursor: pointer;
}
.ant-carousel .slick-list .slick-slide {
  pointer-events: none;
}
.ant-carousel .slick-list .slick-slide.slick-active {
  pointer-events: auto;
}
.ant-carousel .slick-slider .slick-track,
.ant-carousel .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.ant-carousel .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.ant-carousel .slick-track::before,
.ant-carousel .slick-track::after {
  display: table;
  content: '';
}
.ant-carousel .slick-track::after {
  clear: both;
}
.slick-loading .ant-carousel .slick-track {
  visibility: hidden;
}
.ant-carousel .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .ant-carousel .slick-slide {
  float: right;
}
.ant-carousel .slick-slide img {
  display: block;
}
.ant-carousel .slick-slide.slick-loading img {
  display: none;
}
.ant-carousel .slick-slide.dragging img {
  pointer-events: none;
}
.ant-carousel .slick-initialized .slick-slide {
  display: block;
}
.ant-carousel .slick-loading .slick-slide {
  visibility: hidden;
}
.ant-carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.ant-carousel .slick-arrow.slick-hidden {
  display: none;
}
.ant-carousel .slick-prev,
.ant-carousel .slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.ant-carousel .slick-prev:hover,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-next:focus {
  color: transparent;
  background: transparent;
  outline: none;
}
.ant-carousel .slick-prev:hover::before,
.ant-carousel .slick-next:hover::before,
.ant-carousel .slick-prev:focus::before,
.ant-carousel .slick-next:focus::before {
  opacity: 1;
}
.ant-carousel .slick-prev.slick-disabled::before,
.ant-carousel .slick-next.slick-disabled::before {
  opacity: 0.25;
}
.ant-carousel .slick-prev {
  left: -25px;
}
.ant-carousel .slick-prev::before {
  content: '←';
}
.ant-carousel .slick-next {
  right: -25px;
}
.ant-carousel .slick-next::before {
  content: '→';
}
.ant-carousel .slick-dots {
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
}
.ant-carousel .slick-dots-bottom {
  bottom: 12px;
}
.ant-carousel .slick-dots-top {
  top: 12px;
}
.ant-carousel .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 2px;
  padding: 0;
  text-align: center;
  vertical-align: top;
}
.ant-carousel .slick-dots li button {
  display: block;
  width: 16px;
  height: 3px;
  padding: 0;
  color: transparent;
  font-size: 0;
  background: #ffffff;
  border: 0;
  border-radius: 1px;
  outline: none;
  cursor: pointer;
  opacity: 0.3;
  transition: all 0.5s;
}
.ant-carousel .slick-dots li button:hover,
.ant-carousel .slick-dots li button:focus {
  opacity: 0.75;
}
.ant-carousel .slick-dots li.slick-active button {
  width: 24px;
  background: #ffffff;
  opacity: 1;
}
.ant-carousel .slick-dots li.slick-active button:hover,
.ant-carousel .slick-dots li.slick-active button:focus {
  opacity: 1;
}
.ant-carousel-vertical .slick-dots {
  top: 50%;
  bottom: auto;
  width: 3px;
  height: auto;
  transform: translateY(-50%);
}
.ant-carousel-vertical .slick-dots-left {
  left: 12px;
}
.ant-carousel-vertical .slick-dots-right {
  right: 12px;
}
.ant-carousel-vertical .slick-dots li {
  margin: 0 2px;
  vertical-align: baseline;
}
.ant-carousel-vertical .slick-dots li button {
  width: 3px;
  height: 16px;
}
.ant-carousel-vertical .slick-dots li.slick-active button {
  width: 3px;
  height: 24px;
}
.ant-cascader {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-cascader-input.ant-input {
  position: static;
  width: 100%;
  background-color: transparent !important;
  cursor: pointer;
}
.ant-cascader-picker-show-search .ant-cascader-input.ant-input {
  position: relative;
}
.ant-cascader-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  background-color: #ffffff;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-cascader-picker-with-value .ant-cascader-picker-label {
  color: transparent;
}
.ant-cascader-picker-disabled {
  color: @disabled-color;
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-cascader-picker-disabled .ant-cascader-input {
  cursor: not-allowed;
}
.ant-cascader-picker:focus .ant-cascader-input {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(0, 163, 53, 0.2);
}
.ant-cascader-picker-show-search.ant-cascader-picker-focused {
  color: @disabled-color;
}
.ant-cascader-picker-label {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 20px;
  margin-top: -10px;
  padding: 0 12px;
  overflow: hidden;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-cascader-picker-clear {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 2;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: @disabled-color;
  font-size: 12px;
  line-height: 12px;
  background: #ffffff;
  cursor: pointer;
  opacity: 0;
  transition: color 0.3s ease, opacity 0.15s ease;
}
.ant-cascader-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-cascader-picker:hover .ant-cascader-picker-clear {
  opacity: 1;
}
.ant-cascader-picker-arrow {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 1;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: @disabled-color;
  font-size: 12px;
  line-height: 12px;
  transition: transform 0.2s;
}
.ant-cascader-picker-arrow.ant-cascader-picker-arrow-expand {
  transform: rotate(180deg);
}
.ant-cascader-picker-label:hover + .ant-cascader-input {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-right-width: 1px !important;
}
.ant-cascader-picker-small .ant-cascader-picker-clear,
.ant-cascader-picker-small .ant-cascader-picker-arrow {
  right: 8px;
}
.ant-cascader-menus {
  position: absolute;
  z-index: 1050;
  font-size: 14px;
  white-space: nowrap;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-cascader-menus ul,
.ant-cascader-menus ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-cascader-menus-empty,
.ant-cascader-menus-hidden {
  display: none;
}
.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-bottomLeft,
.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-bottomLeft {
  animation-name: antSlideUpIn;
}
.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-topLeft,
.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-topLeft {
  animation-name: antSlideDownIn;
}
.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-bottomLeft {
  animation-name: antSlideUpOut;
}
.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-topLeft {
  animation-name: antSlideDownOut;
}
.ant-cascader-menu {
  display: inline-block;
  min-width: 111px;
  height: 180px;
  margin: 0;
  padding: 0;
  overflow: auto;
  vertical-align: top;
  list-style: none;
  border-right: 1px solid @border-color-split;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.ant-cascader-menu:first-child {
  border-radius: 4px 0 0 4px;
}
.ant-cascader-menu:last-child {
  margin-right: -1px;
  border-right-color: transparent;
  border-radius: 0 4px 4px 0;
}
.ant-cascader-menu:only-child {
  border-radius: 4px;
}
.ant-cascader-menu-item {
  padding: 5px 12px;
  line-height: 22px;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-cascader-menu-item:hover {
  background: color(~`colorPalette("@{menu-item-active-bg}", 1)`);
}
.ant-cascader-menu-item-disabled {
  color: @disabled-color;
  cursor: not-allowed;
}
.ant-cascader-menu-item-disabled:hover {
  background: transparent;
}
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  font-weight: 600;
  background-color: #fafafa;
}
.ant-cascader-menu-item-expand {
  position: relative;
  padding-right: 24px;
}
.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-expand .ant-cascader-menu-item-loading-icon {
  display: inline-block;
  font-size: 12px;
  font-size: 10px ;
  transform: scale(0.83333333) rotate(0deg);
  position: absolute;
  right: 12px;
  color: rgba(0, 0, 0, 0.45);
}
:root .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
:root .ant-cascader-menu-item-expand .ant-cascader-menu-item-loading-icon {
  font-size: 12px;
}
.ant-cascader-menu-item .ant-cascader-menu-item-keyword {
  color: #f5222d;
}
@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: @menu-item-active-bg;
}
.ant-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid @menu-item-active-bg;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: both;
  content: '';
}
.ant-checkbox:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox::after {
  visibility: visible;
}
.ant-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: @component-background;
  border: 1px solid @border-color-base;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid @component-background;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-checkbox-checked .ant-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid @component-background;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: @menu-item-active-bg;
  border-color: @menu-item-active-bg;
}
.ant-checkbox-disabled {
  cursor: not-allowed;
}
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: @disabled-color;
  animation-name: none;
}
.ant-checkbox-disabled .ant-checkbox-input {
  cursor: not-allowed;
}
.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-checkbox-disabled .ant-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-checkbox-disabled + span {
  color: @disabled-color;
  cursor: not-allowed;
}
.ant-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 8px;
}
.ant-checkbox-wrapper + span,
.ant-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}
.ant-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 0;
}
.ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: @component-background;
  border-color: @border-color-base;
}
.ant-checkbox-indeterminate .ant-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: @menu-item-active-bg;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
  background-color: @disabled-color;
  border-color: @disabled-color;
}
.ant-collapse {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  background-color: #fafafa;
  border: 1px solid @border-color-base;
  border-bottom: 0;
  border-radius: 4px;
}
.ant-collapse > .ant-collapse-item {
  border-bottom: 1px solid @border-color-base;
}
.ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  border-radius: 0 0 4px 4px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  padding: 12px 16px;
  padding-left: 40px;
  color: @heading-color;
  line-height: 22px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 16px;
  display: inline-block;
  margin-top: 2px;
  font-size: 12px;
  line-height: 46px;
  transform: translateY(-50%);
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow > * {
  line-height: 1;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  display: inline-block;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow::before {
  display: none;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow-icon {
  display: block;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  transition: transform 0.24s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
  float: right;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
  outline: none;
}
.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
  padding-left: 12px;
}
.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
  padding: 12px 16px;
  padding-right: 40px;
}
.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  right: 16px;
  left: initial;
}
.ant-collapse-anim-active {
  transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-collapse-content {
  overflow: hidden;
  color: #272727;
  background-color: #ffffff;
  border-top: 1px solid @border-color-base;
}
.ant-collapse-content > .ant-collapse-content-box {
  padding: 16px;
}
.ant-collapse-content-inactive {
  display: none;
}
.ant-collapse-item:last-child > .ant-collapse-content {
  border-radius: 0 0 4px 4px;
}
.ant-collapse-borderless {
  background-color: #ffffff;
  border: 0;
}
.ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 1px solid @border-color-base;
}
.ant-collapse-borderless > .ant-collapse-item:last-child,
.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 4px;
}
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
  color: @disabled-color;
  cursor: not-allowed;
}
.ant-comment {
  position: relative;
}
.ant-comment-inner {
  display: flex;
  padding: 16px 0;
}
.ant-comment-avatar {
  position: relative;
  flex-shrink: 0;
  margin-right: 12px;
  cursor: pointer;
}
.ant-comment-avatar img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.ant-comment-content {
  position: relative;
  flex: 1 1 auto;
  min-width: 1px;
  font-size: 14px;
  word-wrap: break-word;
}
.ant-comment-content-author {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 4px;
  font-size: 14px;
}
.ant-comment-content-author > a,
.ant-comment-content-author > span {
  height: 18px;
  padding-right: 8px;
  font-size: 12px;
  line-height: 18px;
}
.ant-comment-content-author-name {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  transition: color 0.3s;
}
.ant-comment-content-author-name > * {
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-content-author-name > *:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-content-author-time {
  color: #ccc;
  white-space: nowrap;
  cursor: auto;
}
.ant-comment-content-detail p {
  white-space: pre-wrap;
}
.ant-comment-actions {
  margin-top: 12px;
  padding-left: 0;
}
.ant-comment-actions > li {
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-actions > li > span {
  padding-right: 10px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  cursor: pointer;
  transition: color 0.3s;
  user-select: none;
}
.ant-comment-actions > li > span:hover {
  color: #595959;
}
.ant-comment-nested {
  margin-left: 44px;
}
.ant-calendar-picker-container {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1050;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-calendar-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  outline: none;
  cursor: text;
  transition: opacity 0.3s;
}
.ant-calendar-picker-input {
  outline: none;
}
.ant-calendar-picker-input.ant-input-sm {
  padding-top: 0;
  padding-bottom: 0;
}
.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: @menu-item-active-bg;
}
.ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(0, 163, 53, 0.2);
}
.ant-calendar-picker-clear,
.ant-calendar-picker-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  font-size: 12px;
  line-height: 14px;
  transition: all 0.3s;
  user-select: none;
}
.ant-calendar-picker-clear {
  z-index: 2;
  color: @disabled-color;
  font-size: 14px;
  background: @component-background;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
}
.ant-calendar-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-calendar-picker:hover .ant-calendar-picker-clear {
  opacity: 1;
  pointer-events: auto;
}
.ant-calendar-picker-icon {
  display: inline-block;
  color: @disabled-color;
  font-size: 14px;
  line-height: 1;
}
.ant-calendar-picker-small .ant-calendar-picker-clear,
.ant-calendar-picker-small .ant-calendar-picker-icon {
  right: 8px;
}
.ant-calendar {
  position: relative;
  width: 280px;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  list-style: none;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid @component-background;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-calendar-input-wrap {
  height: 34px;
  padding: 6px 10px;
  border-bottom: 1px solid @border-color-split;
}
.ant-calendar-input {
  width: 100%;
  height: 22px;
  color: #272727;
  background: @component-background;
  border: 0;
  outline: 0;
  cursor: auto;
}
.ant-calendar-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-week-number {
  width: 286px;
}
.ant-calendar-week-number-cell {
  text-align: center;
}
.ant-calendar-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid @border-color-split;
  user-select: none;
}
.ant-calendar-header a:hover {
  color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
}
.ant-calendar-header .ant-calendar-century-select,
.ant-calendar-header .ant-calendar-decade-select,
.ant-calendar-header .ant-calendar-year-select,
.ant-calendar-header .ant-calendar-month-select {
  display: inline-block;
  padding: 0 2px;
  color: @heading-color;
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-header .ant-calendar-century-select-arrow,
.ant-calendar-header .ant-calendar-decade-select-arrow,
.ant-calendar-header .ant-calendar-year-select-arrow,
.ant-calendar-header .ant-calendar-month-select-arrow {
  display: none;
}
.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-prev-month-btn,
.ant-calendar-header .ant-calendar-next-month-btn,
.ant-calendar-header .ant-calendar-prev-year-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-prev-year-btn {
  left: 7px;
}
.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after {
  content: '«';
}
.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  right: 7px;
}
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  content: '»';
}
.ant-calendar-header .ant-calendar-prev-month-btn {
  left: 29px;
}
.ant-calendar-header .ant-calendar-prev-month-btn::after {
  content: '‹';
}
.ant-calendar-header .ant-calendar-next-month-btn {
  right: 29px;
}
.ant-calendar-header .ant-calendar-next-month-btn::after {
  content: '›';
}
.ant-calendar-body {
  padding: 8px 12px;
}
.ant-calendar table {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
}
.ant-calendar table,
.ant-calendar th,
.ant-calendar td {
  text-align: center;
  border: 0;
}
.ant-calendar-calendar-table {
  margin-bottom: 0;
  border-spacing: 0;
}
.ant-calendar-column-header {
  width: 33px;
  padding: 6px 0;
  line-height: 18px;
  text-align: center;
}
.ant-calendar-column-header .ant-calendar-column-header-inner {
  display: block;
  font-weight: normal;
}
.ant-calendar-week-number-header .ant-calendar-column-header-inner {
  display: none;
}
.ant-calendar-cell {
  height: 30px;
  padding: 3px 0;
}
.ant-calendar-date {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  padding: 0;
  color: #272727;
  line-height: 22px;
  text-align: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.ant-calendar-date-panel {
  position: relative;
  outline: none;
}
.ant-calendar-date:hover {
  background: color(~`colorPalette("@{menu-item-active-bg}", 1)`);
  cursor: pointer;
}
.ant-calendar-date:active {
  color: @component-background;
  background: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
}
.ant-calendar-today .ant-calendar-date {
  color: @menu-item-active-bg;
  font-weight: bold;
  border-color: @menu-item-active-bg;
}
.ant-calendar-last-month-cell .ant-calendar-date,
.ant-calendar-next-month-btn-day .ant-calendar-date {
  color: @disabled-color;
}
.ant-calendar-selected-day .ant-calendar-date {
  background: #ccedd7;
}
.ant-calendar-selected-date .ant-calendar-date,
.ant-calendar-selected-start-date .ant-calendar-date,
.ant-calendar-selected-end-date .ant-calendar-date {
  color: @component-background;
  background: @menu-item-active-bg;
  border: 1px solid transparent;
}
.ant-calendar-selected-date .ant-calendar-date:hover,
.ant-calendar-selected-start-date .ant-calendar-date:hover,
.ant-calendar-selected-end-date .ant-calendar-date:hover {
  background: @menu-item-active-bg;
}
.ant-calendar-disabled-cell .ant-calendar-date {
  position: relative;
  width: auto;
  color: @disabled-color;
  background: #f5f5f5;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: not-allowed;
}
.ant-calendar-disabled-cell .ant-calendar-date:hover {
  background: #f5f5f5;
}
.ant-calendar-disabled-cell.ant-calendar-selected-day .ant-calendar-date::before {
  position: absolute;
  top: -1px;
  left: 5px;
  width: 24px;
  height: 24px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  content: '';
}
.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date {
  position: relative;
  padding-right: 5px;
  padding-left: 5px;
}
.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date::before {
  position: absolute;
  top: -1px;
  left: 5px;
  width: 24px;
  height: 24px;
  border: 1px solid @disabled-color;
  border-radius: 2px;
  content: ' ';
}
.ant-calendar-disabled-cell-first-of-row .ant-calendar-date {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-calendar-disabled-cell-last-of-row .ant-calendar-date {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-calendar-footer {
  padding: 0 12px;
  line-height: 38px;
  border-top: 1px solid @border-color-split;
}
.ant-calendar-footer:empty {
  border-top: 0;
}
.ant-calendar-footer-btn {
  display: block;
  text-align: center;
}
.ant-calendar-footer-extra {
  text-align: left;
}
.ant-calendar .ant-calendar-today-btn,
.ant-calendar .ant-calendar-clear-btn {
  display: inline-block;
  margin: 0 0 0 8px;
  text-align: center;
}
.ant-calendar .ant-calendar-today-btn-disabled,
.ant-calendar .ant-calendar-clear-btn-disabled {
  color: @disabled-color;
  cursor: not-allowed;
}
.ant-calendar .ant-calendar-today-btn:only-child,
.ant-calendar .ant-calendar-clear-btn:only-child {
  margin: 0;
}
.ant-calendar .ant-calendar-clear-btn {
  position: absolute;
  top: 7px;
  right: 5px;
  display: none;
  width: 20px;
  height: 20px;
  margin: 0;
  overflow: hidden;
  line-height: 20px;
  text-align: center;
  text-indent: -76px;
}
.ant-calendar .ant-calendar-clear-btn::after {
  display: inline-block;
  width: 20px;
  color: @disabled-color;
  font-size: 14px;
  line-height: 1;
  text-indent: 43px;
  transition: color 0.3s ease;
}
.ant-calendar .ant-calendar-clear-btn:hover::after {
  color: rgba(0, 0, 0, 0.45);
}
.ant-calendar .ant-calendar-ok-btn {
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 0 15px;
  color: @component-background;
  background-color: @menu-item-active-bg;
  border-color: @menu-item-active-bg;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
  line-height: 22px;
}
.ant-calendar .ant-calendar-ok-btn > .anticon {
  line-height: 1;
}
.ant-calendar .ant-calendar-ok-btn,
.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn:focus {
  outline: 0;
}
.ant-calendar .ant-calendar-ok-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-calendar .ant-calendar-ok-btn:not([disabled]):active {
  outline: 0;
  box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled] {
  cursor: not-allowed;
}
.ant-calendar .ant-calendar-ok-btn.disabled > *,
.ant-calendar .ant-calendar-ok-btn[disabled] > * {
  pointer-events: none;
}
.ant-calendar .ant-calendar-ok-btn-lg {
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px;
}
.ant-calendar .ant-calendar-ok-btn-sm {
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
}
.ant-calendar .ant-calendar-ok-btn > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn:hover,
.ant-calendar .ant-calendar-ok-btn:focus {
  color: @component-background;
  background-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
}
.ant-calendar .ant-calendar-ok-btn:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn.active {
  color: @component-background;
  background-color: color(~`colorPalette("@{menu-item-active-bg}", 7)`);
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 7)`);
}
.ant-calendar .ant-calendar-ok-btn:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn-disabled,
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled],
.ant-calendar .ant-calendar-ok-btn-disabled:hover,
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
.ant-calendar .ant-calendar-ok-btn-disabled:focus,
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
.ant-calendar .ant-calendar-ok-btn-disabled:active,
.ant-calendar .ant-calendar-ok-btn.disabled:active,
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
.ant-calendar .ant-calendar-ok-btn-disabled.active,
.ant-calendar .ant-calendar-ok-btn.disabled.active,
.ant-calendar .ant-calendar-ok-btn[disabled].active {
  color: @disabled-color;
  background-color: #f5f5f5;
  border-color: @border-color-base;
  text-shadow: none;
  box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn-disabled,
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled],
.ant-calendar .ant-calendar-ok-btn-disabled:hover,
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
.ant-calendar .ant-calendar-ok-btn-disabled:focus,
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
.ant-calendar .ant-calendar-ok-btn-disabled:active,
.ant-calendar .ant-calendar-ok-btn.disabled:active,
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
.ant-calendar .ant-calendar-ok-btn-disabled.active,
.ant-calendar .ant-calendar-ok-btn.disabled.active,
.ant-calendar .ant-calendar-ok-btn[disabled].active {
  color: @disabled-color;
  background-color: #f5f5f5;
  border-color: @border-color-base;
  text-shadow: none;
  box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar-range-picker-input {
  width: 44%;
  height: 99%;
  text-align: center;
  background-color: transparent;
  border: 0;
  outline: 0;
}
.ant-calendar-range-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-range-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range-picker-input[disabled] {
  cursor: not-allowed;
}
.ant-calendar-range-picker-separator {
  display: inline-block;
  min-width: 10px;
  height: 100%;
  color: rgba(0, 0, 0, 0.45);
  white-space: nowrap;
  text-align: center;
  vertical-align: top;
  pointer-events: none;
}
.ant-calendar-range {
  width: 552px;
  overflow: hidden;
}
.ant-calendar-range .ant-calendar-date-panel::after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: '.';
}
.ant-calendar-range-part {
  position: relative;
  width: 50%;
}
.ant-calendar-range-left {
  float: left;
}
.ant-calendar-range-left .ant-calendar-time-picker-inner {
  border-right: 1px solid @border-color-split;
}
.ant-calendar-range-right {
  float: right;
}
.ant-calendar-range-right .ant-calendar-time-picker-inner {
  border-left: 1px solid @border-color-split;
}
.ant-calendar-range-middle {
  position: absolute;
  left: 50%;
  z-index: 1;
  height: 34px;
  margin: 1px 0 0 0;
  padding: 0 200px 0 0;
  color: rgba(0, 0, 0, 0.45);
  line-height: 34px;
  text-align: center;
  transform: translateX(-50%);
  pointer-events: none;
}
.ant-calendar-range-right .ant-calendar-date-input-wrap {
  margin-left: -90px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-range-middle {
  padding: 0 10px 0 0;
  transform: translateX(-50%);
}
.ant-calendar-range.ant-calendar-time .ant-calendar-range-right .ant-calendar-date-input-wrap {
  margin-left: 0;
}
.ant-calendar-range .ant-calendar-input-wrap {
  position: relative;
  height: 34px;
}
.ant-calendar-range .ant-calendar-input,
.ant-calendar-range .ant-calendar-time-picker-input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: #272727;
  font-size: 14px;
  line-height: 1.5;
  background-color: @component-background;
  background-image: none;
  border: 1px solid @border-color-base;
  border-radius: 4px;
  transition: all 0.3s;
  height: 24px;
  padding-right: 0;
  padding-left: 0;
  border: 0;
  box-shadow: none;
}
.ant-calendar-range .ant-calendar-input::-moz-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-range .ant-calendar-input:-ms-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range .ant-calendar-input::-webkit-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range .ant-calendar-input:hover,
.ant-calendar-range .ant-calendar-time-picker-input:hover {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-right-width: 1px !important;
}
.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(0, 163, 53, 0.2);
}
.ant-calendar-range .ant-calendar-input-disabled,
.ant-calendar-range .ant-calendar-time-picker-input-disabled {
  color: @disabled-color;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-calendar-range .ant-calendar-input-disabled:hover,
.ant-calendar-range .ant-calendar-time-picker-input-disabled:hover {
  border-color: color(~`colorPalette("@{border-color-base}", 5)`);
  border-right-width: 1px !important;
}
.ant-calendar-range .ant-calendar-input[disabled],
.ant-calendar-range .ant-calendar-time-picker-input[disabled] {
  color: @disabled-color;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-calendar-range .ant-calendar-input[disabled]:hover,
.ant-calendar-range .ant-calendar-time-picker-input[disabled]:hover {
  border-color: color(~`colorPalette("@{border-color-base}", 5)`);
  border-right-width: 1px !important;
}
textarea.ant-calendar-range .ant-calendar-input,
textarea.ant-calendar-range .ant-calendar-time-picker-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-calendar-range .ant-calendar-input-lg,
.ant-calendar-range .ant-calendar-time-picker-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-calendar-range .ant-calendar-input-sm,
.ant-calendar-range .ant-calendar-time-picker-input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  box-shadow: none;
}
.ant-calendar-range .ant-calendar-time-picker-icon {
  display: none;
}
.ant-calendar-range.ant-calendar-week-number {
  width: 574px;
}
.ant-calendar-range.ant-calendar-week-number .ant-calendar-range-part {
  width: 286px;
}
.ant-calendar-range .ant-calendar-year-panel,
.ant-calendar-range .ant-calendar-month-panel,
.ant-calendar-range .ant-calendar-decade-panel {
  top: 34px;
}
.ant-calendar-range .ant-calendar-month-panel .ant-calendar-year-panel {
  top: 0;
}
.ant-calendar-range .ant-calendar-decade-panel-table,
.ant-calendar-range .ant-calendar-year-panel-table,
.ant-calendar-range .ant-calendar-month-panel-table {
  height: 208px;
}
.ant-calendar-range .ant-calendar-in-range-cell {
  position: relative;
  border-radius: 0;
}
.ant-calendar-range .ant-calendar-in-range-cell > div {
  position: relative;
  z-index: 1;
}
.ant-calendar-range .ant-calendar-in-range-cell::before {
  position: absolute;
  top: 4px;
  right: 0;
  bottom: 4px;
  left: 0;
  display: block;
  background: color(~`colorPalette("@{menu-item-active-bg}", 1)`);
  border: 0;
  border-radius: 0;
  content: '';
}
.ant-calendar-range .ant-calendar-footer-extra {
  float: left;
}
div.ant-calendar-range-quick-selector {
  text-align: left;
}
div.ant-calendar-range-quick-selector > a {
  margin-right: 8px;
}
.ant-calendar-range .ant-calendar-header,
.ant-calendar-range .ant-calendar-month-panel-header,
.ant-calendar-range .ant-calendar-year-panel-header {
  border-bottom: 0;
}
.ant-calendar-range .ant-calendar-body,
.ant-calendar-range .ant-calendar-month-panel-body,
.ant-calendar-range .ant-calendar-year-panel-body {
  border-top: 1px solid @border-color-split;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker {
  top: 68px;
  z-index: 2;
  width: 100%;
  height: 207px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-panel {
  height: 267px;
  margin-top: -34px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-inner {
  height: 100%;
  padding-top: 40px;
  background: none;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox {
  display: inline-block;
  height: 100%;
  background-color: #ffffff;
  border-top: 1px solid @border-color-split;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select {
  height: 100%;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select ul {
  max-height: 100%;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
  margin-right: 8px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-today-btn {
  height: 22px;
  margin: 8px 12px;
  line-height: 22px;
}
.ant-calendar-range-with-ranges.ant-calendar-time .ant-calendar-time-picker {
  height: 233px;
}
.ant-calendar-range.ant-calendar-show-time-picker .ant-calendar-body {
  border-top-color: transparent;
}
.ant-calendar-time-picker {
  position: absolute;
  top: 40px;
  width: 100%;
  background-color: #ffffff;
}
.ant-calendar-time-picker-panel {
  position: absolute;
  z-index: 1050;
  width: 100%;
}
.ant-calendar-time-picker-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  list-style: none;
  background-color: #ffffff;
  background-clip: padding-box;
  outline: none;
}
.ant-calendar-time-picker-combobox {
  width: 100%;
}
.ant-calendar-time-picker-column-1,
.ant-calendar-time-picker-column-1 .ant-calendar-time-picker-select {
  width: 100%;
}
.ant-calendar-time-picker-column-2 .ant-calendar-time-picker-select {
  width: 50%;
}
.ant-calendar-time-picker-column-3 .ant-calendar-time-picker-select {
  width: 33.33%;
}
.ant-calendar-time-picker-column-4 .ant-calendar-time-picker-select {
  width: 25%;
}
.ant-calendar-time-picker-input-wrap {
  display: none;
}
.ant-calendar-time-picker-select {
  position: relative;
  float: left;
  box-sizing: border-box;
  height: 226px;
  overflow: hidden;
  font-size: 14px;
  border-right: 1px solid @border-color-split;
}
.ant-calendar-time-picker-select:hover {
  overflow-y: auto;
}
.ant-calendar-time-picker-select:first-child {
  margin-left: 0;
  border-left: 0;
}
.ant-calendar-time-picker-select:last-child {
  border-right: 0;
}
.ant-calendar-time-picker-select ul {
  box-sizing: border-box;
  width: 100%;
  max-height: 206px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-calendar-time-picker-select li {
  box-sizing: content-box;
  width: 100%;
  height: 24px;
  margin: 0;
  padding-left: 32px;
  line-height: 24px;
  list-style: none;
  cursor: pointer;
  transition: background 0.3s ease;
  user-select: none;
}
.ant-calendar-time-picker-select li:last-child::after {
  display: block;
  height: 202px;
  content: '';
}
.ant-calendar-time-picker-select li:hover {
  background: color(~`colorPalette("@{menu-item-active-bg}", 1)`);
}
li.ant-calendar-time-picker-select-option-selected {
  font-weight: bold;
  background: #f5f5f5;
}
li.ant-calendar-time-picker-select-option-disabled {
  color: @disabled-color;
}
li.ant-calendar-time-picker-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
.ant-calendar-time .ant-calendar-day-select {
  display: inline-block;
  padding: 0 2px;
  color: @heading-color;
  font-weight: 500;
  line-height: 34px;
}
.ant-calendar-time .ant-calendar-footer {
  position: relative;
  height: auto;
}
.ant-calendar-time .ant-calendar-footer-btn {
  text-align: right;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-today-btn {
  float: left;
  margin: 0;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
  display: inline-block;
  margin-right: 8px;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled {
  color: @disabled-color;
}
.ant-calendar-month-panel {
  position: absolute;
  top: 1px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #ffffff;
  border-radius: 4px;
  outline: none;
}
.ant-calendar-month-panel > div {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ant-calendar-month-panel-hidden {
  display: none;
}
.ant-calendar-month-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid @border-color-split;
  user-select: none;
}
.ant-calendar-month-panel-header a:hover {
  color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: @heading-color;
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select-arrow {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn {
  left: 7px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
  content: '«';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  right: 7px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  content: '»';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn {
  left: 29px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::after {
  content: '‹';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn {
  right: 29px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
  content: '›';
}
.ant-calendar-month-panel-body {
  flex: 1;
}
.ant-calendar-month-panel-footer {
  border-top: 1px solid @border-color-split;
}
.ant-calendar-month-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}
.ant-calendar-month-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
  color: @component-background;
  background: @menu-item-active-bg;
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
  color: @component-background;
  background: @menu-item-active-bg;
}
.ant-calendar-month-panel-cell {
  text-align: center;
}
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {
  color: @disabled-color;
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-calendar-month-panel-month {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 8px;
  color: #272727;
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.ant-calendar-month-panel-month:hover {
  background: color(~`colorPalette("@{menu-item-active-bg}", 1)`);
  cursor: pointer;
}
.ant-calendar-year-panel {
  position: absolute;
  top: 1px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #ffffff;
  border-radius: 4px;
  outline: none;
}
.ant-calendar-year-panel > div {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ant-calendar-year-panel-hidden {
  display: none;
}
.ant-calendar-year-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid @border-color-split;
  user-select: none;
}
.ant-calendar-year-panel-header a:hover {
  color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: @heading-color;
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select-arrow {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn {
  left: 7px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
  content: '«';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  right: 7px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  content: '»';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn {
  left: 29px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::after {
  content: '‹';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn {
  right: 29px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
  content: '›';
}
.ant-calendar-year-panel-body {
  flex: 1;
}
.ant-calendar-year-panel-footer {
  border-top: 1px solid @border-color-split;
}
.ant-calendar-year-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}
.ant-calendar-year-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-calendar-year-panel-cell {
  text-align: center;
}
.ant-calendar-year-panel-year {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 8px;
  color: #272727;
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.ant-calendar-year-panel-year:hover {
  background: color(~`colorPalette("@{menu-item-active-bg}", 1)`);
  cursor: pointer;
}
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year {
  color: @component-background;
  background: @menu-item-active-bg;
}
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
  color: @component-background;
  background: @menu-item-active-bg;
}
.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,
.ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year {
  color: @disabled-color;
  user-select: none;
}
.ant-calendar-decade-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 4px;
  outline: none;
}
.ant-calendar-decade-panel-hidden {
  display: none;
}
.ant-calendar-decade-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid @border-color-split;
  user-select: none;
}
.ant-calendar-decade-panel-header a:hover {
  color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: @heading-color;
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select-arrow {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn {
  left: 7px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
  content: '«';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  right: 7px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  content: '»';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn {
  left: 29px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::after {
  content: '‹';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn {
  right: 29px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
  content: '›';
}
.ant-calendar-decade-panel-body {
  flex: 1;
}
.ant-calendar-decade-panel-footer {
  border-top: 1px solid @border-color-split;
}
.ant-calendar-decade-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}
.ant-calendar-decade-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-calendar-decade-panel-cell {
  white-space: nowrap;
  text-align: center;
}
.ant-calendar-decade-panel-decade {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 6px;
  color: #272727;
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.ant-calendar-decade-panel-decade:hover {
  background: color(~`colorPalette("@{menu-item-active-bg}", 1)`);
  cursor: pointer;
}
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade {
  color: @component-background;
  background: @menu-item-active-bg;
}
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover {
  color: @component-background;
  background: @menu-item-active-bg;
}
.ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade,
.ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade {
  color: @disabled-color;
  user-select: none;
}
.ant-calendar-month .ant-calendar-month-header-wrap {
  position: relative;
  height: 288px;
}
.ant-calendar-month .ant-calendar-month-panel,
.ant-calendar-month .ant-calendar-year-panel {
  top: 0;
  height: 100%;
}
.ant-calendar-week-number-cell {
  opacity: 0.5;
}
.ant-calendar-week-number .ant-calendar-body tr {
  cursor: pointer;
  transition: all 0.3s;
}
.ant-calendar-week-number .ant-calendar-body tr:hover {
  background: color(~`colorPalette("@{menu-item-active-bg}", 1)`);
}
.ant-calendar-week-number .ant-calendar-body tr.ant-calendar-active-week {
  font-weight: bold;
  background: color(~`colorPalette("@{menu-item-active-bg}", 2)`);
}
.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day .ant-calendar-date,
.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day:hover .ant-calendar-date {
  color: #272727;
  background: transparent;
}
.ant-descriptions-title {
  margin-bottom: 20px;
  color: @heading-color;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
}
.ant-descriptions-view {
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
}
.ant-descriptions-view table {
  width: 100%;
}
.ant-descriptions-row > td {
  padding-bottom: 16px;
}
.ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-item-label {
  color: @heading-color;
  font-size: 14px;
  line-height: 1.5;
  white-space: nowrap;
}
.ant-descriptions-item-label::after {
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
  content: ':';
}
.ant-descriptions-item-content {
  display: table-cell;
  color: #272727;
  font-size: 14px;
  line-height: 1.5;
}
.ant-descriptions-item {
  padding-bottom: 0;
}
.ant-descriptions-item > span {
  display: inline-block;
}
.ant-descriptions-item .ant-descriptions-item-label {
  float: left;
  padding: 0 !important;
}
.ant-descriptions-item .ant-descriptions-item-content {
  float: left;
  padding: 0 !important;
}
.ant-descriptions .ant-descriptions-item-label,
.ant-descriptions .ant-descriptions-item-content {
  padding: 16px 24px;
}
.ant-descriptions.bordered.middle .ant-descriptions-item-label,
.ant-descriptions.bordered.middle .ant-descriptions-item-content {
  padding: 12px 24px;
}
.ant-descriptions.bordered.small .ant-descriptions-item-label,
.ant-descriptions.bordered.small .ant-descriptions-item-content {
  padding: 8px 16px;
}
.ant-descriptions.bordered .ant-descriptions-view {
  border: 1px solid @border-color-split;
}
.ant-descriptions.bordered .ant-descriptions-item-label,
.ant-descriptions.bordered .ant-descriptions-item-content {
  border-right: 1px solid @border-color-split;
}
.ant-descriptions.bordered .ant-descriptions-item-label:last-child,
.ant-descriptions.bordered .ant-descriptions-item-content:last-child {
  border-right: none;
}
.ant-descriptions.bordered .ant-descriptions-row {
  border-bottom: 1px solid @border-color-split;
}
.ant-descriptions.bordered .ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions.bordered .ant-descriptions-item-label {
  background-color: #fafafa;
}
.ant-descriptions.bordered .ant-descriptions-item-label::after {
  display: none;
}
.ant-divider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  background: @border-color-split;
}
.ant-divider,
.ant-divider-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  width: 1px;
  height: 0.9em;
  margin: 0 8px;
  vertical-align: middle;
}
.ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 24px 0;
}
.ant-divider-horizontal.ant-divider-with-text,
.ant-divider-horizontal.ant-divider-with-text-left,
.ant-divider-horizontal.ant-divider-with-text-right {
  display: table;
  margin: 16px 0;
  color: @heading-color;
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-align: center;
  background: transparent;
}
.ant-divider-horizontal.ant-divider-with-text::before,
.ant-divider-horizontal.ant-divider-with-text-left::before,
.ant-divider-horizontal.ant-divider-with-text-right::before,
.ant-divider-horizontal.ant-divider-with-text::after,
.ant-divider-horizontal.ant-divider-with-text-left::after,
.ant-divider-horizontal.ant-divider-with-text-right::after {
  position: relative;
  top: 50%;
  display: table-cell;
  width: 50%;
  border-top: 1px solid @border-color-split;
  transform: translateY(50%);
  content: '';
}
.ant-divider-horizontal.ant-divider-with-text-left .ant-divider-inner-text,
.ant-divider-horizontal.ant-divider-with-text-right .ant-divider-inner-text {
  display: inline-block;
  padding: 0 10px;
}
.ant-divider-horizontal.ant-divider-with-text-left::before {
  top: 50%;
  width: 5%;
}
.ant-divider-horizontal.ant-divider-with-text-left::after {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::before {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::after {
  top: 50%;
  width: 5%;
}
.ant-divider-inner-text {
  display: inline-block;
  padding: 0 24px;
}
.ant-divider-dashed {
  background: none;
  border-top: 1px dashed @border-color-split;
}
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed {
  border-top: 0;
}
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::after,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::after {
  border-style: dashed none none;
}
.ant-drawer {
  position: fixed;
  z-index: 1000;
  width: 0%;
  height: 100%;
}
.ant-drawer > * {
  transition: transform 0.3s cubic-bezier(0.9, 0, 0.3, 0.7), box-shadow 0.3s cubic-bezier(0.9, 0, 0.3, 0.7);
}
.ant-drawer-content-wrapper {
  position: fixed;
}
.ant-drawer .ant-drawer-content {
  width: 100%;
  height: 100%;
}
.ant-drawer-left,
.ant-drawer-right {
  top: 0;
  width: 0%;
  height: 100%;
}
.ant-drawer-left .ant-drawer-content-wrapper,
.ant-drawer-right .ant-drawer-content-wrapper {
  height: 100%;
}
.ant-drawer-left.ant-drawer-open,
.ant-drawer-right.ant-drawer-open {
  width: 100%;
}
.ant-drawer-left.ant-drawer-open.no-mask,
.ant-drawer-right.ant-drawer-open.no-mask {
  width: 0%;
}
.ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-right {
  right: 0;
}
.ant-drawer-right .ant-drawer-content-wrapper {
  right: 0;
}
.ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-top,
.ant-drawer-bottom {
  left: 0;
  width: 100%;
  height: 0%;
}
.ant-drawer-top .ant-drawer-content-wrapper,
.ant-drawer-bottom .ant-drawer-content-wrapper {
  width: 100%;
}
.ant-drawer-top.ant-drawer-open,
.ant-drawer-bottom.ant-drawer-open {
  height: 100%;
}
.ant-drawer-top.ant-drawer-open.no-mask,
.ant-drawer-bottom.ant-drawer-open.no-mask {
  height: 0%;
}
.ant-drawer-top {
  top: 0;
}
.ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-bottom {
  bottom: 0;
}
.ant-drawer-bottom .ant-drawer-content-wrapper {
  bottom: 0;
}
.ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer.ant-drawer-open .ant-drawer-mask {
  height: 100%;
  opacity: 0.3;
  transition: none;
  animation: antdDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-title {
  margin: 0;
  color: @heading-color;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.ant-drawer-content {
  position: relative;
  z-index: 1;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 0;
}
.ant-drawer-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: block;
  width: 56px;
  height: 56px;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
  text-rendering: auto;
}
.ant-drawer-close:focus,
.ant-drawer-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-drawer-header {
  position: relative;
  padding: 16px 24px;
  color: #272727;
  background: #ffffff;
  border-bottom: 1px solid @border-color-split;
  border-radius: 4px 4px 0 0;
}
.ant-drawer-header-no-title {
  color: #272727;
  background: #ffffff;
}
.ant-drawer-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
}
.ant-drawer-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: @text-color;
  opacity: 0;
  filter: alpha(opacity=50);
  transition: opacity 0.3s linear, height 0s ease 0.3s;
}
.ant-drawer-open {
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-open-content {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
@keyframes antdDrawerFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.3;
  }
}
.ant-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}
.ant-dropdown::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: -7px;
  left: -7px;
  z-index: -9999;
  opacity: 0.0001;
  content: ' ';
}
.ant-dropdown-wrap {
  position: relative;
}
.ant-dropdown-wrap .ant-btn > .anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px ;
  transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-wrap .ant-btn > .anticon-down {
  font-size: 12px;
}
.ant-dropdown-wrap .anticon-down::before {
  transition: transform 0.2s;
}
.ant-dropdown-wrap-open .anticon-down::before {
  transform: rotate(180deg);
}
.ant-dropdown-hidden,
.ant-dropdown-menu-hidden {
  display: none;
}
.ant-dropdown-menu {
  position: relative;
  margin: 0;
  padding: 4px 0;
  text-align: left;
  list-style-type: none;
  background-color: #ffffff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate3d(0, 0, 0);
}
.ant-dropdown-menu-item-group-title {
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.45);
  transition: all 0.3s;
}
.ant-dropdown-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
}
.ant-dropdown-menu-submenu-popup > .ant-dropdown-menu {
  transform-origin: 0 0;
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  clear: both;
  margin: 0;
  padding: 5px 12px;
  color: #272727;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-dropdown-menu-item > .anticon:first-child,
.ant-dropdown-menu-submenu-title > .anticon:first-child {
  min-width: 12px;
  margin-right: 8px;
}
.ant-dropdown-menu-item > a,
.ant-dropdown-menu-submenu-title > a {
  display: block;
  margin: -5px -12px;
  padding: 5px 12px;
  color: #272727;
  transition: all 0.3s;
}
.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected,
.ant-dropdown-menu-item-selected > a,
.ant-dropdown-menu-submenu-title-selected > a {
  color: @menu-item-active-bg;
  background-color: color(~`colorPalette("@{menu-item-active-bg}", 1)`);
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
  background-color: color(~`colorPalette("@{menu-item-active-bg}", 1)`);
}
.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-submenu-title-disabled {
  color: @disabled-color;
  cursor: not-allowed;
}
.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-submenu-title-disabled:hover {
  color: @disabled-color;
  background-color: #ffffff;
  cursor: not-allowed;
}
.ant-dropdown-menu-item-divider,
.ant-dropdown-menu-submenu-title-divider {
  height: 1px;
  margin: 4px 0;
  overflow: hidden;
  line-height: 0;
  background-color: @border-color-split;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow {
  position: absolute;
  right: 8px;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: rgba(0, 0, 0, 0.45);
  font-style: normal;
  display: inline-block;
  font-size: 12px;
  font-size: 10px ;
  transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
:root .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  font-size: 12px;
}
.ant-dropdown-menu-submenu-title {
  padding-right: 26px;
}
.ant-dropdown-menu-submenu-vertical {
  position: relative;
}
.ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 100%;
  margin-left: 4px;
  transform-origin: 0 0;
}
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: @disabled-color;
  background-color: #ffffff;
  cursor: not-allowed;
}
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomRight,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topRight,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-dropdown-trigger > .anticon.anticon-down,
.ant-dropdown-link > .anticon.anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px ;
  transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-trigger > .anticon.anticon-down,
:root .ant-dropdown-link > .anticon.anticon-down {
  font-size: 12px;
}
.ant-dropdown-button {
  white-space: nowrap;
}
.ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child) {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-dropdown-button .anticon.anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px ;
  transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-button .anticon.anticon-down {
  font-size: 12px;
}
.ant-dropdown-menu-dark,
.ant-dropdown-menu-dark .ant-dropdown-menu {
  background: #001529;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover {
  color: @component-background;
  background: transparent;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
  color: @component-background;
  background: @menu-item-active-bg;
}
.ant-empty {
  margin: 0 8px;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}
.ant-empty-image {
  height: 100px;
  margin-bottom: 8px;
}
.ant-empty-image img {
  height: 100%;
}
.ant-empty-description {
  margin: 0;
}
.ant-empty-footer {
  margin-top: 16px;
}
.ant-empty-normal {
  margin: 32px 0;
  color: @disabled-color;
}
.ant-empty-normal .ant-empty-image {
  height: 40px;
}
.ant-empty-small {
  margin: 8px 0;
  color: @disabled-color;
}
.ant-empty-small .ant-empty-image {
  height: 35px;
}
.ant-form {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-form legend {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  line-height: inherit;
  border: 0;
  border-bottom: 1px solid @border-color-base;
}
.ant-form label {
  font-size: 14px;
}
.ant-form input[type='search'] {
  box-sizing: border-box;
}
.ant-form input[type='radio'],
.ant-form input[type='checkbox'] {
  line-height: normal;
}
.ant-form input[type='file'] {
  display: block;
}
.ant-form input[type='range'] {
  display: block;
  width: 100%;
}
.ant-form select[multiple],
.ant-form select[size] {
  height: auto;
}
.ant-form input[type='file']:focus,
.ant-form input[type='radio']:focus,
.ant-form input[type='checkbox']:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ant-form output {
  display: block;
  padding-top: 15px;
  color: #272727;
  font-size: 14px;
  line-height: 1.5;
}
.ant-form-item-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.ant-form-hide-required-mark .ant-form-item-required::before {
  display: none;
}
.ant-form-item-label > label {
  color: @heading-color;
}
.ant-form-item-label > label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.ant-form-item-label > label.ant-form-item-no-colon::after {
  content: ' ';
}
input[type='radio'][disabled],
input[type='checkbox'][disabled],
input[type='radio'].disabled,
input[type='checkbox'].disabled {
  cursor: not-allowed;
}
.ant-radio-inline.disabled,
.ant-radio-vertical.disabled,
.ant-checkbox-inline.disabled,
.ant-checkbox-vertical.disabled {
  cursor: not-allowed;
}
.ant-radio.disabled label,
.ant-checkbox.disabled label {
  cursor: not-allowed;
}
.ant-form-item {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  margin-bottom: 24px;
  vertical-align: top;
}
.ant-form-item label {
  position: relative;
}
.ant-form-item label > .anticon {
  font-size: 14px;
  vertical-align: top;
}
.ant-form-item-control {
  position: relative;
  line-height: 40px;
  zoom: 1;
}
.ant-form-item-control::before,
.ant-form-item-control::after {
  display: table;
  content: '';
}
.ant-form-item-control::after {
  clear: both;
}
.ant-form-item-control::before,
.ant-form-item-control::after {
  display: table;
  content: '';
}
.ant-form-item-control::after {
  clear: both;
}
.ant-form-item-children {
  position: relative;
}
.ant-form-item-with-help {
  margin-bottom: 5px;
}
.ant-form-item-label {
  display: inline-block;
  overflow: hidden;
  line-height: 39.9999px;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
}
.ant-form-item-label-left {
  text-align: left;
}
.ant-form-item .ant-switch {
  margin: 2px 0 4px;
}
.ant-form-explain,
.ant-form-extra {
  clear: both;
  min-height: 22px;
  margin-top: -2px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5;
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-form-explain {
  margin-bottom: -1px;
}
.ant-form-extra {
  padding-top: 4px;
}
.ant-form-text {
  display: inline-block;
  padding-right: 8px;
}
.ant-form-split {
  display: block;
  text-align: center;
}
form .has-feedback .ant-input {
  padding-right: 24px;
}
form .has-feedback .ant-input-password-icon {
  margin-right: 18px;
}
form .has-feedback > .ant-select .ant-select-arrow,
form .has-feedback > .ant-select .ant-select-selection__clear,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection__clear {
  right: 28px;
}
form .has-feedback > .ant-select .ant-select-selection-selected-value,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value {
  padding-right: 42px;
}
form .has-feedback .ant-cascader-picker-arrow {
  margin-right: 17px;
}
form .has-feedback .ant-cascader-picker-clear {
  right: 28px;
}
form .has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
  right: 28px;
}
form .has-feedback .ant-calendar-picker-icon,
form .has-feedback .ant-time-picker-icon,
form .has-feedback .ant-calendar-picker-clear,
form .has-feedback .ant-time-picker-clear {
  right: 28px;
}
form .ant-mentions,
form textarea.ant-input {
  height: auto;
  margin-bottom: 4px;
}
form .ant-upload {
  background: transparent;
}
form input[type='radio'],
form input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
form .ant-radio-inline,
form .ant-checkbox-inline {
  display: inline-block;
  margin-left: 8px;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
form .ant-radio-inline:first-child,
form .ant-checkbox-inline:first-child {
  margin-left: 0;
}
form .ant-checkbox-vertical,
form .ant-radio-vertical {
  display: block;
}
form .ant-checkbox-vertical + .ant-checkbox-vertical,
form .ant-radio-vertical + .ant-radio-vertical {
  margin-left: 0;
}
form .ant-input-number + .ant-form-text {
  margin-left: 8px;
}
form .ant-input-number-handler-wrap {
  z-index: 2;
}
form .ant-select,
form .ant-cascader-picker {
  width: 100%;
}
form .ant-input-group .ant-select,
form .ant-input-group .ant-cascader-picker {
  width: auto;
}
form :not(.ant-input-group-wrapper) > .ant-input-group,
form .ant-input-group-wrapper {
  position: relative;
  top: -1px;
  display: inline-block;
  vertical-align: middle;
}
.ant-input-group-wrap .ant-select-selection {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group-wrap .ant-select-selection:hover {
  border-color: @border-color-base;
}
.ant-input-group-wrap .ant-select-selection--single {
  height: 40px;
  margin-left: -1px;
  background-color: rgba(0, 0, 0, 0.07);
}
.ant-input-group-wrap .ant-select-selection--single .ant-select-selection__rendered {
  padding-right: 25px;
  padding-left: 8px;
  line-height: 30px;
}
.ant-input-group-wrap .ant-select-open .ant-select-selection {
  border-color: @border-color-base;
  box-shadow: none;
}
.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
  display: block;
  margin: 0;
  padding: 0 0 8px;
  line-height: 1.5;
  white-space: initial;
  text-align: left;
}
.ant-form-vertical .ant-form-item-label label::after,
.ant-col-24.ant-form-item-label label::after,
.ant-col-xl-24.ant-form-item-label label::after {
  display: none;
}
.ant-form-vertical .ant-form-item {
  padding-bottom: 8px;
}
.ant-form-vertical .ant-form-item-control {
  line-height: 1.5;
}
.ant-form-vertical .ant-form-explain {
  margin-top: 2px;
  margin-bottom: -5px;
}
.ant-form-vertical .ant-form-extra {
  margin-top: 2px;
  margin-bottom: -4px;
}
@media (max-width: 575px) {
  .ant-form-item-label,
  .ant-form-item-control-wrapper {
    display: block;
    width: 100%;
  }
  .ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-form-item-label label::after {
    display: none;
  }
  .ant-col-xs-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xs-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .ant-col-sm-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-sm-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 991px) {
  .ant-col-md-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-md-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 1199px) {
  .ant-col-lg-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-lg-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 1599px) {
  .ant-col-xl-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xl-24.ant-form-item-label label::after {
    display: none;
  }
}
.ant-form-inline .ant-form-item {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 0;
}
.ant-form-inline .ant-form-item-with-help {
  margin-bottom: 24px;
}
.ant-form-inline .ant-form-item > .ant-form-item-control-wrapper,
.ant-form-inline .ant-form-item > .ant-form-item-label {
  display: inline-block;
  vertical-align: top;
}
.ant-form-inline .ant-form-text {
  display: inline-block;
}
.ant-form-inline .has-feedback {
  display: inline-block;
}
.has-success.has-feedback .ant-form-item-children-icon,
.has-warning.has-feedback .ant-form-item-children-icon,
.has-error.has-feedback .ant-form-item-children-icon,
.is-validating.has-feedback .ant-form-item-children-icon {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  width: 32px;
  height: 20px;
  margin-top: -10px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  visibility: visible;
  animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  pointer-events: none;
}
.has-success.has-feedback .ant-form-item-children-icon svg,
.has-warning.has-feedback .ant-form-item-children-icon svg,
.has-error.has-feedback .ant-form-item-children-icon svg,
.is-validating.has-feedback .ant-form-item-children-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.has-success.has-feedback .ant-form-item-children-icon {
  color: #52c41a;
  animation-name: diffZoomIn1 !important;
}
.has-warning .ant-form-explain,
.has-warning .ant-form-split {
  color: #faad14;
}
.has-warning .ant-input,
.has-warning .ant-input:hover {
  border-color: #faad14;
}
.has-warning .ant-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input:not([disabled]):hover {
  border-color: #faad14;
}
.has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input-affix-wrapper .ant-input,
.has-warning .ant-input-affix-wrapper .ant-input:hover {
  background-color: @component-background;
  border-color: #faad14;
}
.has-warning .ant-input-affix-wrapper .ant-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #faad14;
}
.has-warning .ant-input-prefix {
  color: #faad14;
}
.has-warning .ant-input-group-addon {
  color: #faad14;
  background-color: @component-background;
  border-color: #faad14;
}
.has-warning .has-feedback {
  color: #faad14;
}
.has-warning.has-feedback .ant-form-item-children-icon {
  color: #faad14;
  animation-name: diffZoomIn3 !important;
}
.has-warning .ant-select-selection {
  border-color: #faad14;
}
.has-warning .ant-select-selection:hover {
  border-color: #faad14;
}
.has-warning .ant-select-open .ant-select-selection,
.has-warning .ant-select-focused .ant-select-selection {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-calendar-picker-icon::after,
.has-warning .ant-time-picker-icon::after,
.has-warning .ant-picker-icon::after,
.has-warning .ant-select-arrow,
.has-warning .ant-cascader-picker-arrow {
  color: #faad14;
}
.has-warning .ant-input-number,
.has-warning .ant-time-picker-input {
  border-color: #faad14;
}
.has-warning .ant-input-number-focused,
.has-warning .ant-time-picker-input-focused,
.has-warning .ant-input-number:focus,
.has-warning .ant-time-picker-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input-number:not([disabled]):hover,
.has-warning .ant-time-picker-input:not([disabled]):hover {
  border-color: #faad14;
}
.has-warning .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-error .ant-form-explain,
.has-error .ant-form-split {
  color: #f5222d;
}
.has-error .ant-input,
.has-error .ant-input:hover {
  border-color: #f5222d;
}
.has-error .ant-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-input:not([disabled]):hover {
  border-color: #f5222d;
}
.has-error .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-input-affix-wrapper .ant-input,
.has-error .ant-input-affix-wrapper .ant-input:hover {
  background-color: @component-background;
  border-color: #f5222d;
}
.has-error .ant-input-affix-wrapper .ant-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #f5222d;
}
.has-error .ant-input-prefix {
  color: #f5222d;
}
.has-error .ant-input-group-addon {
  color: #f5222d;
  background-color: @component-background;
  border-color: #f5222d;
}
.has-error .has-feedback {
  color: #f5222d;
}
.has-error.has-feedback .ant-form-item-children-icon {
  color: #f5222d;
  animation-name: diffZoomIn2 !important;
}
.has-error .ant-select-selection {
  border-color: #f5222d;
}
.has-error .ant-select-selection:hover {
  border-color: #f5222d;
}
.has-error .ant-select-open .ant-select-selection,
.has-error .ant-select-focused .ant-select-selection {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-select.ant-select-auto-complete .ant-input:focus {
  border-color: #f5222d;
}
.has-error .ant-input-group-addon .ant-select-selection {
  border-color: transparent;
  box-shadow: none;
}
.has-error .ant-calendar-picker-icon::after,
.has-error .ant-time-picker-icon::after,
.has-error .ant-picker-icon::after,
.has-error .ant-select-arrow,
.has-error .ant-cascader-picker-arrow {
  color: #f5222d;
}
.has-error .ant-input-number,
.has-error .ant-time-picker-input {
  border-color: #f5222d;
}
.has-error .ant-input-number-focused,
.has-error .ant-time-picker-input-focused,
.has-error .ant-input-number:focus,
.has-error .ant-time-picker-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-input-number:not([disabled]):hover,
.has-error .ant-time-picker-input:not([disabled]):hover {
  border-color: #f5222d;
}
.has-error .ant-mention-wrapper .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
  border-color: #f5222d;
}
.has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-transfer-list {
  border-color: #f5222d;
}
.has-error .ant-transfer-list-search:not([disabled]) {
  border-color: @border-color-base;
}
.has-error .ant-transfer-list-search:not([disabled]):hover {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-right-width: 1px !important;
}
.has-error .ant-transfer-list-search:not([disabled]):focus {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(0, 163, 53, 0.2);
}
.is-validating.has-feedback .ant-form-item-children-icon {
  display: inline-block;
  color: @menu-item-active-bg;
}
.ant-advanced-search-form .ant-form-item {
  margin-bottom: 24px;
}
.ant-advanced-search-form .ant-form-item-with-help {
  margin-bottom: 5px;
}
.show-help-enter,
.show-help-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.show-help-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.show-help-enter.show-help-enter-active,
.show-help-appear.show-help-appear-active {
  animation-name: antShowHelpIn;
  animation-play-state: running;
}
.show-help-leave.show-help-leave-active {
  animation-name: antShowHelpOut;
  animation-play-state: running;
  pointer-events: none;
}
.show-help-enter,
.show-help-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.show-help-leave {
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@keyframes antShowHelpIn {
  0% {
    transform: translateY(-5px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes antShowHelpOut {
  to {
    transform: translateY(-5px);
    opacity: 0;
  }
}
@keyframes diffZoomIn1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes diffZoomIn2 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes diffZoomIn3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.ant-row {
  position: relative;
  height: auto;
  margin-right: 0;
  margin-left: 0;
  zoom: 1;
  display: block;
  box-sizing: border-box;
}
.ant-row::before,
.ant-row::after {
  display: table;
  content: '';
}
.ant-row::after {
  clear: both;
}
.ant-row::before,
.ant-row::after {
  display: table;
  content: '';
}
.ant-row::after {
  clear: both;
}
.ant-row-flex {
  display: flex;
  flex-flow: row wrap;
}
.ant-row-flex::before,
.ant-row-flex::after {
  display: flex;
}
.ant-row-flex-start {
  justify-content: flex-start;
}
.ant-row-flex-center {
  justify-content: center;
}
.ant-row-flex-end {
  justify-content: flex-end;
}
.ant-row-flex-space-between {
  justify-content: space-between;
}
.ant-row-flex-space-around {
  justify-content: space-around;
}
.ant-row-flex-top {
  align-items: flex-start;
}
.ant-row-flex-middle {
  align-items: center;
}
.ant-row-flex-bottom {
  align-items: flex-end;
}
.ant-col {
  position: relative;
}
.ant-col-1,
.ant-col-xs-1,
.ant-col-sm-1,
.ant-col-md-1,
.ant-col-lg-1,
.ant-col-2,
.ant-col-xs-2,
.ant-col-sm-2,
.ant-col-md-2,
.ant-col-lg-2,
.ant-col-3,
.ant-col-xs-3,
.ant-col-sm-3,
.ant-col-md-3,
.ant-col-lg-3,
.ant-col-4,
.ant-col-xs-4,
.ant-col-sm-4,
.ant-col-md-4,
.ant-col-lg-4,
.ant-col-5,
.ant-col-xs-5,
.ant-col-sm-5,
.ant-col-md-5,
.ant-col-lg-5,
.ant-col-6,
.ant-col-xs-6,
.ant-col-sm-6,
.ant-col-md-6,
.ant-col-lg-6,
.ant-col-7,
.ant-col-xs-7,
.ant-col-sm-7,
.ant-col-md-7,
.ant-col-lg-7,
.ant-col-8,
.ant-col-xs-8,
.ant-col-sm-8,
.ant-col-md-8,
.ant-col-lg-8,
.ant-col-9,
.ant-col-xs-9,
.ant-col-sm-9,
.ant-col-md-9,
.ant-col-lg-9,
.ant-col-10,
.ant-col-xs-10,
.ant-col-sm-10,
.ant-col-md-10,
.ant-col-lg-10,
.ant-col-11,
.ant-col-xs-11,
.ant-col-sm-11,
.ant-col-md-11,
.ant-col-lg-11,
.ant-col-12,
.ant-col-xs-12,
.ant-col-sm-12,
.ant-col-md-12,
.ant-col-lg-12,
.ant-col-13,
.ant-col-xs-13,
.ant-col-sm-13,
.ant-col-md-13,
.ant-col-lg-13,
.ant-col-14,
.ant-col-xs-14,
.ant-col-sm-14,
.ant-col-md-14,
.ant-col-lg-14,
.ant-col-15,
.ant-col-xs-15,
.ant-col-sm-15,
.ant-col-md-15,
.ant-col-lg-15,
.ant-col-16,
.ant-col-xs-16,
.ant-col-sm-16,
.ant-col-md-16,
.ant-col-lg-16,
.ant-col-17,
.ant-col-xs-17,
.ant-col-sm-17,
.ant-col-md-17,
.ant-col-lg-17,
.ant-col-18,
.ant-col-xs-18,
.ant-col-sm-18,
.ant-col-md-18,
.ant-col-lg-18,
.ant-col-19,
.ant-col-xs-19,
.ant-col-sm-19,
.ant-col-md-19,
.ant-col-lg-19,
.ant-col-20,
.ant-col-xs-20,
.ant-col-sm-20,
.ant-col-md-20,
.ant-col-lg-20,
.ant-col-21,
.ant-col-xs-21,
.ant-col-sm-21,
.ant-col-md-21,
.ant-col-lg-21,
.ant-col-22,
.ant-col-xs-22,
.ant-col-sm-22,
.ant-col-md-22,
.ant-col-lg-22,
.ant-col-23,
.ant-col-xs-23,
.ant-col-sm-23,
.ant-col-md-23,
.ant-col-lg-23,
.ant-col-24,
.ant-col-xs-24,
.ant-col-sm-24,
.ant-col-md-24,
.ant-col-lg-24 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}
.ant-col-1,
.ant-col-2,
.ant-col-3,
.ant-col-4,
.ant-col-5,
.ant-col-6,
.ant-col-7,
.ant-col-8,
.ant-col-9,
.ant-col-10,
.ant-col-11,
.ant-col-12,
.ant-col-13,
.ant-col-14,
.ant-col-15,
.ant-col-16,
.ant-col-17,
.ant-col-18,
.ant-col-19,
.ant-col-20,
.ant-col-21,
.ant-col-22,
.ant-col-23,
.ant-col-24 {
  flex: 0 0 auto;
  float: left;
}
.ant-col-24 {
  display: block;
  box-sizing: border-box;
  width: 100%;
}
.ant-col-push-24 {
  left: 100%;
}
.ant-col-pull-24 {
  right: 100%;
}
.ant-col-offset-24 {
  margin-left: 100%;
}
.ant-col-order-24 {
  order: 24;
}
.ant-col-23 {
  display: block;
  box-sizing: border-box;
  width: 95.83333333%;
}
.ant-col-push-23 {
  left: 95.83333333%;
}
.ant-col-pull-23 {
  right: 95.83333333%;
}
.ant-col-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-order-23 {
  order: 23;
}
.ant-col-22 {
  display: block;
  box-sizing: border-box;
  width: 91.66666667%;
}
.ant-col-push-22 {
  left: 91.66666667%;
}
.ant-col-pull-22 {
  right: 91.66666667%;
}
.ant-col-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-order-22 {
  order: 22;
}
.ant-col-21 {
  display: block;
  box-sizing: border-box;
  width: 87.5%;
}
.ant-col-push-21 {
  left: 87.5%;
}
.ant-col-pull-21 {
  right: 87.5%;
}
.ant-col-offset-21 {
  margin-left: 87.5%;
}
.ant-col-order-21 {
  order: 21;
}
.ant-col-20 {
  display: block;
  box-sizing: border-box;
  width: 83.33333333%;
}
.ant-col-push-20 {
  left: 83.33333333%;
}
.ant-col-pull-20 {
  right: 83.33333333%;
}
.ant-col-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-order-20 {
  order: 20;
}
.ant-col-19 {
  display: block;
  box-sizing: border-box;
  width: 79.16666667%;
}
.ant-col-push-19 {
  left: 79.16666667%;
}
.ant-col-pull-19 {
  right: 79.16666667%;
}
.ant-col-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-order-19 {
  order: 19;
}
.ant-col-18 {
  display: block;
  box-sizing: border-box;
  width: 75%;
}
.ant-col-push-18 {
  left: 75%;
}
.ant-col-pull-18 {
  right: 75%;
}
.ant-col-offset-18 {
  margin-left: 75%;
}
.ant-col-order-18 {
  order: 18;
}
.ant-col-17 {
  display: block;
  box-sizing: border-box;
  width: 70.83333333%;
}
.ant-col-push-17 {
  left: 70.83333333%;
}
.ant-col-pull-17 {
  right: 70.83333333%;
}
.ant-col-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-order-17 {
  order: 17;
}
.ant-col-16 {
  display: block;
  box-sizing: border-box;
  width: 66.66666667%;
}
.ant-col-push-16 {
  left: 66.66666667%;
}
.ant-col-pull-16 {
  right: 66.66666667%;
}
.ant-col-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-order-16 {
  order: 16;
}
.ant-col-15 {
  display: block;
  box-sizing: border-box;
  width: 62.5%;
}
.ant-col-push-15 {
  left: 62.5%;
}
.ant-col-pull-15 {
  right: 62.5%;
}
.ant-col-offset-15 {
  margin-left: 62.5%;
}
.ant-col-order-15 {
  order: 15;
}
.ant-col-14 {
  display: block;
  box-sizing: border-box;
  width: 58.33333333%;
}
.ant-col-push-14 {
  left: 58.33333333%;
}
.ant-col-pull-14 {
  right: 58.33333333%;
}
.ant-col-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-order-14 {
  order: 14;
}
.ant-col-13 {
  display: block;
  box-sizing: border-box;
  width: 54.16666667%;
}
.ant-col-push-13 {
  left: 54.16666667%;
}
.ant-col-pull-13 {
  right: 54.16666667%;
}
.ant-col-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-order-13 {
  order: 13;
}
.ant-col-12 {
  display: block;
  box-sizing: border-box;
  width: 50%;
}
.ant-col-push-12 {
  left: 50%;
}
.ant-col-pull-12 {
  right: 50%;
}
.ant-col-offset-12 {
  margin-left: 50%;
}
.ant-col-order-12 {
  order: 12;
}
.ant-col-11 {
  display: block;
  box-sizing: border-box;
  width: 45.83333333%;
}
.ant-col-push-11 {
  left: 45.83333333%;
}
.ant-col-pull-11 {
  right: 45.83333333%;
}
.ant-col-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-order-11 {
  order: 11;
}
.ant-col-10 {
  display: block;
  box-sizing: border-box;
  width: 41.66666667%;
}
.ant-col-push-10 {
  left: 41.66666667%;
}
.ant-col-pull-10 {
  right: 41.66666667%;
}
.ant-col-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-order-10 {
  order: 10;
}
.ant-col-9 {
  display: block;
  box-sizing: border-box;
  width: 37.5%;
}
.ant-col-push-9 {
  left: 37.5%;
}
.ant-col-pull-9 {
  right: 37.5%;
}
.ant-col-offset-9 {
  margin-left: 37.5%;
}
.ant-col-order-9 {
  order: 9;
}
.ant-col-8 {
  display: block;
  box-sizing: border-box;
  width: 33.33333333%;
}
.ant-col-push-8 {
  left: 33.33333333%;
}
.ant-col-pull-8 {
  right: 33.33333333%;
}
.ant-col-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-order-8 {
  order: 8;
}
.ant-col-7 {
  display: block;
  box-sizing: border-box;
  width: 29.16666667%;
}
.ant-col-push-7 {
  left: 29.16666667%;
}
.ant-col-pull-7 {
  right: 29.16666667%;
}
.ant-col-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-order-7 {
  order: 7;
}
.ant-col-6 {
  display: block;
  box-sizing: border-box;
  width: 25%;
}
.ant-col-push-6 {
  left: 25%;
}
.ant-col-pull-6 {
  right: 25%;
}
.ant-col-offset-6 {
  margin-left: 25%;
}
.ant-col-order-6 {
  order: 6;
}
.ant-col-5 {
  display: block;
  box-sizing: border-box;
  width: 20.83333333%;
}
.ant-col-push-5 {
  left: 20.83333333%;
}
.ant-col-pull-5 {
  right: 20.83333333%;
}
.ant-col-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-order-5 {
  order: 5;
}
.ant-col-4 {
  display: block;
  box-sizing: border-box;
  width: 16.66666667%;
}
.ant-col-push-4 {
  left: 16.66666667%;
}
.ant-col-pull-4 {
  right: 16.66666667%;
}
.ant-col-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-order-4 {
  order: 4;
}
.ant-col-3 {
  display: block;
  box-sizing: border-box;
  width: 12.5%;
}
.ant-col-push-3 {
  left: 12.5%;
}
.ant-col-pull-3 {
  right: 12.5%;
}
.ant-col-offset-3 {
  margin-left: 12.5%;
}
.ant-col-order-3 {
  order: 3;
}
.ant-col-2 {
  display: block;
  box-sizing: border-box;
  width: 8.33333333%;
}
.ant-col-push-2 {
  left: 8.33333333%;
}
.ant-col-pull-2 {
  right: 8.33333333%;
}
.ant-col-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-order-2 {
  order: 2;
}
.ant-col-1 {
  display: block;
  box-sizing: border-box;
  width: 4.16666667%;
}
.ant-col-push-1 {
  left: 4.16666667%;
}
.ant-col-pull-1 {
  right: 4.16666667%;
}
.ant-col-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-order-1 {
  order: 1;
}
.ant-col-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-offset-0 {
  margin-left: 0;
}
.ant-col-order-0 {
  order: 0;
}
.ant-col-xs-1,
.ant-col-xs-2,
.ant-col-xs-3,
.ant-col-xs-4,
.ant-col-xs-5,
.ant-col-xs-6,
.ant-col-xs-7,
.ant-col-xs-8,
.ant-col-xs-9,
.ant-col-xs-10,
.ant-col-xs-11,
.ant-col-xs-12,
.ant-col-xs-13,
.ant-col-xs-14,
.ant-col-xs-15,
.ant-col-xs-16,
.ant-col-xs-17,
.ant-col-xs-18,
.ant-col-xs-19,
.ant-col-xs-20,
.ant-col-xs-21,
.ant-col-xs-22,
.ant-col-xs-23,
.ant-col-xs-24 {
  flex: 0 0 auto;
  float: left;
}
.ant-col-xs-24 {
  display: block;
  box-sizing: border-box;
  width: 100%;
}
.ant-col-xs-push-24 {
  left: 100%;
}
.ant-col-xs-pull-24 {
  right: 100%;
}
.ant-col-xs-offset-24 {
  margin-left: 100%;
}
.ant-col-xs-order-24 {
  order: 24;
}
.ant-col-xs-23 {
  display: block;
  box-sizing: border-box;
  width: 95.83333333%;
}
.ant-col-xs-push-23 {
  left: 95.83333333%;
}
.ant-col-xs-pull-23 {
  right: 95.83333333%;
}
.ant-col-xs-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-xs-order-23 {
  order: 23;
}
.ant-col-xs-22 {
  display: block;
  box-sizing: border-box;
  width: 91.66666667%;
}
.ant-col-xs-push-22 {
  left: 91.66666667%;
}
.ant-col-xs-pull-22 {
  right: 91.66666667%;
}
.ant-col-xs-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-xs-order-22 {
  order: 22;
}
.ant-col-xs-21 {
  display: block;
  box-sizing: border-box;
  width: 87.5%;
}
.ant-col-xs-push-21 {
  left: 87.5%;
}
.ant-col-xs-pull-21 {
  right: 87.5%;
}
.ant-col-xs-offset-21 {
  margin-left: 87.5%;
}
.ant-col-xs-order-21 {
  order: 21;
}
.ant-col-xs-20 {
  display: block;
  box-sizing: border-box;
  width: 83.33333333%;
}
.ant-col-xs-push-20 {
  left: 83.33333333%;
}
.ant-col-xs-pull-20 {
  right: 83.33333333%;
}
.ant-col-xs-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-xs-order-20 {
  order: 20;
}
.ant-col-xs-19 {
  display: block;
  box-sizing: border-box;
  width: 79.16666667%;
}
.ant-col-xs-push-19 {
  left: 79.16666667%;
}
.ant-col-xs-pull-19 {
  right: 79.16666667%;
}
.ant-col-xs-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-xs-order-19 {
  order: 19;
}
.ant-col-xs-18 {
  display: block;
  box-sizing: border-box;
  width: 75%;
}
.ant-col-xs-push-18 {
  left: 75%;
}
.ant-col-xs-pull-18 {
  right: 75%;
}
.ant-col-xs-offset-18 {
  margin-left: 75%;
}
.ant-col-xs-order-18 {
  order: 18;
}
.ant-col-xs-17 {
  display: block;
  box-sizing: border-box;
  width: 70.83333333%;
}
.ant-col-xs-push-17 {
  left: 70.83333333%;
}
.ant-col-xs-pull-17 {
  right: 70.83333333%;
}
.ant-col-xs-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-xs-order-17 {
  order: 17;
}
.ant-col-xs-16 {
  display: block;
  box-sizing: border-box;
  width: 66.66666667%;
}
.ant-col-xs-push-16 {
  left: 66.66666667%;
}
.ant-col-xs-pull-16 {
  right: 66.66666667%;
}
.ant-col-xs-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-xs-order-16 {
  order: 16;
}
.ant-col-xs-15 {
  display: block;
  box-sizing: border-box;
  width: 62.5%;
}
.ant-col-xs-push-15 {
  left: 62.5%;
}
.ant-col-xs-pull-15 {
  right: 62.5%;
}
.ant-col-xs-offset-15 {
  margin-left: 62.5%;
}
.ant-col-xs-order-15 {
  order: 15;
}
.ant-col-xs-14 {
  display: block;
  box-sizing: border-box;
  width: 58.33333333%;
}
.ant-col-xs-push-14 {
  left: 58.33333333%;
}
.ant-col-xs-pull-14 {
  right: 58.33333333%;
}
.ant-col-xs-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-xs-order-14 {
  order: 14;
}
.ant-col-xs-13 {
  display: block;
  box-sizing: border-box;
  width: 54.16666667%;
}
.ant-col-xs-push-13 {
  left: 54.16666667%;
}
.ant-col-xs-pull-13 {
  right: 54.16666667%;
}
.ant-col-xs-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-xs-order-13 {
  order: 13;
}
.ant-col-xs-12 {
  display: block;
  box-sizing: border-box;
  width: 50%;
}
.ant-col-xs-push-12 {
  left: 50%;
}
.ant-col-xs-pull-12 {
  right: 50%;
}
.ant-col-xs-offset-12 {
  margin-left: 50%;
}
.ant-col-xs-order-12 {
  order: 12;
}
.ant-col-xs-11 {
  display: block;
  box-sizing: border-box;
  width: 45.83333333%;
}
.ant-col-xs-push-11 {
  left: 45.83333333%;
}
.ant-col-xs-pull-11 {
  right: 45.83333333%;
}
.ant-col-xs-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-xs-order-11 {
  order: 11;
}
.ant-col-xs-10 {
  display: block;
  box-sizing: border-box;
  width: 41.66666667%;
}
.ant-col-xs-push-10 {
  left: 41.66666667%;
}
.ant-col-xs-pull-10 {
  right: 41.66666667%;
}
.ant-col-xs-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-xs-order-10 {
  order: 10;
}
.ant-col-xs-9 {
  display: block;
  box-sizing: border-box;
  width: 37.5%;
}
.ant-col-xs-push-9 {
  left: 37.5%;
}
.ant-col-xs-pull-9 {
  right: 37.5%;
}
.ant-col-xs-offset-9 {
  margin-left: 37.5%;
}
.ant-col-xs-order-9 {
  order: 9;
}
.ant-col-xs-8 {
  display: block;
  box-sizing: border-box;
  width: 33.33333333%;
}
.ant-col-xs-push-8 {
  left: 33.33333333%;
}
.ant-col-xs-pull-8 {
  right: 33.33333333%;
}
.ant-col-xs-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-xs-order-8 {
  order: 8;
}
.ant-col-xs-7 {
  display: block;
  box-sizing: border-box;
  width: 29.16666667%;
}
.ant-col-xs-push-7 {
  left: 29.16666667%;
}
.ant-col-xs-pull-7 {
  right: 29.16666667%;
}
.ant-col-xs-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-xs-order-7 {
  order: 7;
}
.ant-col-xs-6 {
  display: block;
  box-sizing: border-box;
  width: 25%;
}
.ant-col-xs-push-6 {
  left: 25%;
}
.ant-col-xs-pull-6 {
  right: 25%;
}
.ant-col-xs-offset-6 {
  margin-left: 25%;
}
.ant-col-xs-order-6 {
  order: 6;
}
.ant-col-xs-5 {
  display: block;
  box-sizing: border-box;
  width: 20.83333333%;
}
.ant-col-xs-push-5 {
  left: 20.83333333%;
}
.ant-col-xs-pull-5 {
  right: 20.83333333%;
}
.ant-col-xs-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-xs-order-5 {
  order: 5;
}
.ant-col-xs-4 {
  display: block;
  box-sizing: border-box;
  width: 16.66666667%;
}
.ant-col-xs-push-4 {
  left: 16.66666667%;
}
.ant-col-xs-pull-4 {
  right: 16.66666667%;
}
.ant-col-xs-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-xs-order-4 {
  order: 4;
}
.ant-col-xs-3 {
  display: block;
  box-sizing: border-box;
  width: 12.5%;
}
.ant-col-xs-push-3 {
  left: 12.5%;
}
.ant-col-xs-pull-3 {
  right: 12.5%;
}
.ant-col-xs-offset-3 {
  margin-left: 12.5%;
}
.ant-col-xs-order-3 {
  order: 3;
}
.ant-col-xs-2 {
  display: block;
  box-sizing: border-box;
  width: 8.33333333%;
}
.ant-col-xs-push-2 {
  left: 8.33333333%;
}
.ant-col-xs-pull-2 {
  right: 8.33333333%;
}
.ant-col-xs-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-xs-order-2 {
  order: 2;
}
.ant-col-xs-1 {
  display: block;
  box-sizing: border-box;
  width: 4.16666667%;
}
.ant-col-xs-push-1 {
  left: 4.16666667%;
}
.ant-col-xs-pull-1 {
  right: 4.16666667%;
}
.ant-col-xs-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-xs-order-1 {
  order: 1;
}
.ant-col-xs-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-xs-push-0 {
  left: auto;
}
.ant-col-xs-pull-0 {
  right: auto;
}
.ant-col-xs-offset-0 {
  margin-left: 0;
}
.ant-col-xs-order-0 {
  order: 0;
}
@media (min-width: 576px) {
  .ant-col-sm-1,
  .ant-col-sm-2,
  .ant-col-sm-3,
  .ant-col-sm-4,
  .ant-col-sm-5,
  .ant-col-sm-6,
  .ant-col-sm-7,
  .ant-col-sm-8,
  .ant-col-sm-9,
  .ant-col-sm-10,
  .ant-col-sm-11,
  .ant-col-sm-12,
  .ant-col-sm-13,
  .ant-col-sm-14,
  .ant-col-sm-15,
  .ant-col-sm-16,
  .ant-col-sm-17,
  .ant-col-sm-18,
  .ant-col-sm-19,
  .ant-col-sm-20,
  .ant-col-sm-21,
  .ant-col-sm-22,
  .ant-col-sm-23,
  .ant-col-sm-24 {
    flex: 0 0 auto;
    float: left;
  }
  .ant-col-sm-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .ant-col-sm-push-24 {
    left: 100%;
  }
  .ant-col-sm-pull-24 {
    right: 100%;
  }
  .ant-col-sm-offset-24 {
    margin-left: 100%;
  }
  .ant-col-sm-order-24 {
    order: 24;
  }
  .ant-col-sm-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-sm-push-23 {
    left: 95.83333333%;
  }
  .ant-col-sm-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-sm-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-sm-order-23 {
    order: 23;
  }
  .ant-col-sm-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-sm-push-22 {
    left: 91.66666667%;
  }
  .ant-col-sm-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-sm-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-sm-order-22 {
    order: 22;
  }
  .ant-col-sm-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-sm-push-21 {
    left: 87.5%;
  }
  .ant-col-sm-pull-21 {
    right: 87.5%;
  }
  .ant-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-sm-order-21 {
    order: 21;
  }
  .ant-col-sm-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-sm-push-20 {
    left: 83.33333333%;
  }
  .ant-col-sm-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-sm-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-sm-order-20 {
    order: 20;
  }
  .ant-col-sm-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-sm-push-19 {
    left: 79.16666667%;
  }
  .ant-col-sm-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-sm-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-sm-order-19 {
    order: 19;
  }
  .ant-col-sm-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .ant-col-sm-push-18 {
    left: 75%;
  }
  .ant-col-sm-pull-18 {
    right: 75%;
  }
  .ant-col-sm-offset-18 {
    margin-left: 75%;
  }
  .ant-col-sm-order-18 {
    order: 18;
  }
  .ant-col-sm-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-sm-push-17 {
    left: 70.83333333%;
  }
  .ant-col-sm-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-sm-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-sm-order-17 {
    order: 17;
  }
  .ant-col-sm-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-sm-push-16 {
    left: 66.66666667%;
  }
  .ant-col-sm-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-sm-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-sm-order-16 {
    order: 16;
  }
  .ant-col-sm-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-sm-push-15 {
    left: 62.5%;
  }
  .ant-col-sm-pull-15 {
    right: 62.5%;
  }
  .ant-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-sm-order-15 {
    order: 15;
  }
  .ant-col-sm-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-sm-push-14 {
    left: 58.33333333%;
  }
  .ant-col-sm-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-sm-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-sm-order-14 {
    order: 14;
  }
  .ant-col-sm-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-sm-push-13 {
    left: 54.16666667%;
  }
  .ant-col-sm-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-sm-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-sm-order-13 {
    order: 13;
  }
  .ant-col-sm-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .ant-col-sm-push-12 {
    left: 50%;
  }
  .ant-col-sm-pull-12 {
    right: 50%;
  }
  .ant-col-sm-offset-12 {
    margin-left: 50%;
  }
  .ant-col-sm-order-12 {
    order: 12;
  }
  .ant-col-sm-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-sm-push-11 {
    left: 45.83333333%;
  }
  .ant-col-sm-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-sm-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-sm-order-11 {
    order: 11;
  }
  .ant-col-sm-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-sm-push-10 {
    left: 41.66666667%;
  }
  .ant-col-sm-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-sm-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-sm-order-10 {
    order: 10;
  }
  .ant-col-sm-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-sm-push-9 {
    left: 37.5%;
  }
  .ant-col-sm-pull-9 {
    right: 37.5%;
  }
  .ant-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-sm-order-9 {
    order: 9;
  }
  .ant-col-sm-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-sm-push-8 {
    left: 33.33333333%;
  }
  .ant-col-sm-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-sm-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-sm-order-8 {
    order: 8;
  }
  .ant-col-sm-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-sm-push-7 {
    left: 29.16666667%;
  }
  .ant-col-sm-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-sm-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-sm-order-7 {
    order: 7;
  }
  .ant-col-sm-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .ant-col-sm-push-6 {
    left: 25%;
  }
  .ant-col-sm-pull-6 {
    right: 25%;
  }
  .ant-col-sm-offset-6 {
    margin-left: 25%;
  }
  .ant-col-sm-order-6 {
    order: 6;
  }
  .ant-col-sm-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-sm-push-5 {
    left: 20.83333333%;
  }
  .ant-col-sm-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-sm-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-sm-order-5 {
    order: 5;
  }
  .ant-col-sm-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-sm-push-4 {
    left: 16.66666667%;
  }
  .ant-col-sm-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-sm-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-sm-order-4 {
    order: 4;
  }
  .ant-col-sm-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-sm-push-3 {
    left: 12.5%;
  }
  .ant-col-sm-pull-3 {
    right: 12.5%;
  }
  .ant-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-sm-order-3 {
    order: 3;
  }
  .ant-col-sm-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-sm-push-2 {
    left: 8.33333333%;
  }
  .ant-col-sm-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-sm-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-sm-order-2 {
    order: 2;
  }
  .ant-col-sm-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-sm-push-1 {
    left: 4.16666667%;
  }
  .ant-col-sm-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-sm-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-sm-order-1 {
    order: 1;
  }
  .ant-col-sm-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-sm-push-0 {
    left: auto;
  }
  .ant-col-sm-pull-0 {
    right: auto;
  }
  .ant-col-sm-offset-0 {
    margin-left: 0;
  }
  .ant-col-sm-order-0 {
    order: 0;
  }
}
@media (min-width: 768px) {
  .ant-col-md-1,
  .ant-col-md-2,
  .ant-col-md-3,
  .ant-col-md-4,
  .ant-col-md-5,
  .ant-col-md-6,
  .ant-col-md-7,
  .ant-col-md-8,
  .ant-col-md-9,
  .ant-col-md-10,
  .ant-col-md-11,
  .ant-col-md-12,
  .ant-col-md-13,
  .ant-col-md-14,
  .ant-col-md-15,
  .ant-col-md-16,
  .ant-col-md-17,
  .ant-col-md-18,
  .ant-col-md-19,
  .ant-col-md-20,
  .ant-col-md-21,
  .ant-col-md-22,
  .ant-col-md-23,
  .ant-col-md-24 {
    flex: 0 0 auto;
    float: left;
  }
  .ant-col-md-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .ant-col-md-push-24 {
    left: 100%;
  }
  .ant-col-md-pull-24 {
    right: 100%;
  }
  .ant-col-md-offset-24 {
    margin-left: 100%;
  }
  .ant-col-md-order-24 {
    order: 24;
  }
  .ant-col-md-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-md-push-23 {
    left: 95.83333333%;
  }
  .ant-col-md-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-md-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-md-order-23 {
    order: 23;
  }
  .ant-col-md-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-md-push-22 {
    left: 91.66666667%;
  }
  .ant-col-md-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-md-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-md-order-22 {
    order: 22;
  }
  .ant-col-md-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-md-push-21 {
    left: 87.5%;
  }
  .ant-col-md-pull-21 {
    right: 87.5%;
  }
  .ant-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-md-order-21 {
    order: 21;
  }
  .ant-col-md-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-md-push-20 {
    left: 83.33333333%;
  }
  .ant-col-md-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-md-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-md-order-20 {
    order: 20;
  }
  .ant-col-md-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-md-push-19 {
    left: 79.16666667%;
  }
  .ant-col-md-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-md-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-md-order-19 {
    order: 19;
  }
  .ant-col-md-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .ant-col-md-push-18 {
    left: 75%;
  }
  .ant-col-md-pull-18 {
    right: 75%;
  }
  .ant-col-md-offset-18 {
    margin-left: 75%;
  }
  .ant-col-md-order-18 {
    order: 18;
  }
  .ant-col-md-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-md-push-17 {
    left: 70.83333333%;
  }
  .ant-col-md-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-md-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-md-order-17 {
    order: 17;
  }
  .ant-col-md-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-md-push-16 {
    left: 66.66666667%;
  }
  .ant-col-md-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-md-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-md-order-16 {
    order: 16;
  }
  .ant-col-md-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-md-push-15 {
    left: 62.5%;
  }
  .ant-col-md-pull-15 {
    right: 62.5%;
  }
  .ant-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-md-order-15 {
    order: 15;
  }
  .ant-col-md-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-md-push-14 {
    left: 58.33333333%;
  }
  .ant-col-md-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-md-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-md-order-14 {
    order: 14;
  }
  .ant-col-md-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-md-push-13 {
    left: 54.16666667%;
  }
  .ant-col-md-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-md-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-md-order-13 {
    order: 13;
  }
  .ant-col-md-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .ant-col-md-push-12 {
    left: 50%;
  }
  .ant-col-md-pull-12 {
    right: 50%;
  }
  .ant-col-md-offset-12 {
    margin-left: 50%;
  }
  .ant-col-md-order-12 {
    order: 12;
  }
  .ant-col-md-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-md-push-11 {
    left: 45.83333333%;
  }
  .ant-col-md-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-md-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-md-order-11 {
    order: 11;
  }
  .ant-col-md-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-md-push-10 {
    left: 41.66666667%;
  }
  .ant-col-md-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-md-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-md-order-10 {
    order: 10;
  }
  .ant-col-md-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-md-push-9 {
    left: 37.5%;
  }
  .ant-col-md-pull-9 {
    right: 37.5%;
  }
  .ant-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-md-order-9 {
    order: 9;
  }
  .ant-col-md-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-md-push-8 {
    left: 33.33333333%;
  }
  .ant-col-md-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-md-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-md-order-8 {
    order: 8;
  }
  .ant-col-md-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-md-push-7 {
    left: 29.16666667%;
  }
  .ant-col-md-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-md-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-md-order-7 {
    order: 7;
  }
  .ant-col-md-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .ant-col-md-push-6 {
    left: 25%;
  }
  .ant-col-md-pull-6 {
    right: 25%;
  }
  .ant-col-md-offset-6 {
    margin-left: 25%;
  }
  .ant-col-md-order-6 {
    order: 6;
  }
  .ant-col-md-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-md-push-5 {
    left: 20.83333333%;
  }
  .ant-col-md-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-md-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-md-order-5 {
    order: 5;
  }
  .ant-col-md-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-md-push-4 {
    left: 16.66666667%;
  }
  .ant-col-md-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-md-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-md-order-4 {
    order: 4;
  }
  .ant-col-md-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-md-push-3 {
    left: 12.5%;
  }
  .ant-col-md-pull-3 {
    right: 12.5%;
  }
  .ant-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-md-order-3 {
    order: 3;
  }
  .ant-col-md-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-md-push-2 {
    left: 8.33333333%;
  }
  .ant-col-md-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-md-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-md-order-2 {
    order: 2;
  }
  .ant-col-md-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-md-push-1 {
    left: 4.16666667%;
  }
  .ant-col-md-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-md-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-md-order-1 {
    order: 1;
  }
  .ant-col-md-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-md-push-0 {
    left: auto;
  }
  .ant-col-md-pull-0 {
    right: auto;
  }
  .ant-col-md-offset-0 {
    margin-left: 0;
  }
  .ant-col-md-order-0 {
    order: 0;
  }
}
@media (min-width: 992px) {
  .ant-col-lg-1,
  .ant-col-lg-2,
  .ant-col-lg-3,
  .ant-col-lg-4,
  .ant-col-lg-5,
  .ant-col-lg-6,
  .ant-col-lg-7,
  .ant-col-lg-8,
  .ant-col-lg-9,
  .ant-col-lg-10,
  .ant-col-lg-11,
  .ant-col-lg-12,
  .ant-col-lg-13,
  .ant-col-lg-14,
  .ant-col-lg-15,
  .ant-col-lg-16,
  .ant-col-lg-17,
  .ant-col-lg-18,
  .ant-col-lg-19,
  .ant-col-lg-20,
  .ant-col-lg-21,
  .ant-col-lg-22,
  .ant-col-lg-23,
  .ant-col-lg-24 {
    flex: 0 0 auto;
    float: left;
  }
  .ant-col-lg-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .ant-col-lg-push-24 {
    left: 100%;
  }
  .ant-col-lg-pull-24 {
    right: 100%;
  }
  .ant-col-lg-offset-24 {
    margin-left: 100%;
  }
  .ant-col-lg-order-24 {
    order: 24;
  }
  .ant-col-lg-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-lg-push-23 {
    left: 95.83333333%;
  }
  .ant-col-lg-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-lg-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-lg-order-23 {
    order: 23;
  }
  .ant-col-lg-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-lg-push-22 {
    left: 91.66666667%;
  }
  .ant-col-lg-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-lg-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-lg-order-22 {
    order: 22;
  }
  .ant-col-lg-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-lg-push-21 {
    left: 87.5%;
  }
  .ant-col-lg-pull-21 {
    right: 87.5%;
  }
  .ant-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-lg-order-21 {
    order: 21;
  }
  .ant-col-lg-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-lg-push-20 {
    left: 83.33333333%;
  }
  .ant-col-lg-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-lg-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-lg-order-20 {
    order: 20;
  }
  .ant-col-lg-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-lg-push-19 {
    left: 79.16666667%;
  }
  .ant-col-lg-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-lg-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-lg-order-19 {
    order: 19;
  }
  .ant-col-lg-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .ant-col-lg-push-18 {
    left: 75%;
  }
  .ant-col-lg-pull-18 {
    right: 75%;
  }
  .ant-col-lg-offset-18 {
    margin-left: 75%;
  }
  .ant-col-lg-order-18 {
    order: 18;
  }
  .ant-col-lg-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-lg-push-17 {
    left: 70.83333333%;
  }
  .ant-col-lg-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-lg-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-lg-order-17 {
    order: 17;
  }
  .ant-col-lg-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-lg-push-16 {
    left: 66.66666667%;
  }
  .ant-col-lg-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-lg-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-lg-order-16 {
    order: 16;
  }
  .ant-col-lg-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-lg-push-15 {
    left: 62.5%;
  }
  .ant-col-lg-pull-15 {
    right: 62.5%;
  }
  .ant-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-lg-order-15 {
    order: 15;
  }
  .ant-col-lg-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-lg-push-14 {
    left: 58.33333333%;
  }
  .ant-col-lg-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-lg-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-lg-order-14 {
    order: 14;
  }
  .ant-col-lg-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-lg-push-13 {
    left: 54.16666667%;
  }
  .ant-col-lg-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-lg-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-lg-order-13 {
    order: 13;
  }
  .ant-col-lg-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .ant-col-lg-push-12 {
    left: 50%;
  }
  .ant-col-lg-pull-12 {
    right: 50%;
  }
  .ant-col-lg-offset-12 {
    margin-left: 50%;
  }
  .ant-col-lg-order-12 {
    order: 12;
  }
  .ant-col-lg-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-lg-push-11 {
    left: 45.83333333%;
  }
  .ant-col-lg-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-lg-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-lg-order-11 {
    order: 11;
  }
  .ant-col-lg-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-lg-push-10 {
    left: 41.66666667%;
  }
  .ant-col-lg-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-lg-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-lg-order-10 {
    order: 10;
  }
  .ant-col-lg-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-lg-push-9 {
    left: 37.5%;
  }
  .ant-col-lg-pull-9 {
    right: 37.5%;
  }
  .ant-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-lg-order-9 {
    order: 9;
  }
  .ant-col-lg-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-lg-push-8 {
    left: 33.33333333%;
  }
  .ant-col-lg-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-lg-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-lg-order-8 {
    order: 8;
  }
  .ant-col-lg-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-lg-push-7 {
    left: 29.16666667%;
  }
  .ant-col-lg-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-lg-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-lg-order-7 {
    order: 7;
  }
  .ant-col-lg-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .ant-col-lg-push-6 {
    left: 25%;
  }
  .ant-col-lg-pull-6 {
    right: 25%;
  }
  .ant-col-lg-offset-6 {
    margin-left: 25%;
  }
  .ant-col-lg-order-6 {
    order: 6;
  }
  .ant-col-lg-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-lg-push-5 {
    left: 20.83333333%;
  }
  .ant-col-lg-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-lg-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-lg-order-5 {
    order: 5;
  }
  .ant-col-lg-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-lg-push-4 {
    left: 16.66666667%;
  }
  .ant-col-lg-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-lg-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-lg-order-4 {
    order: 4;
  }
  .ant-col-lg-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-lg-push-3 {
    left: 12.5%;
  }
  .ant-col-lg-pull-3 {
    right: 12.5%;
  }
  .ant-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-lg-order-3 {
    order: 3;
  }
  .ant-col-lg-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-lg-push-2 {
    left: 8.33333333%;
  }
  .ant-col-lg-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-lg-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-lg-order-2 {
    order: 2;
  }
  .ant-col-lg-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-lg-push-1 {
    left: 4.16666667%;
  }
  .ant-col-lg-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-lg-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-lg-order-1 {
    order: 1;
  }
  .ant-col-lg-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-lg-push-0 {
    left: auto;
  }
  .ant-col-lg-pull-0 {
    right: auto;
  }
  .ant-col-lg-offset-0 {
    margin-left: 0;
  }
  .ant-col-lg-order-0 {
    order: 0;
  }
}
@media (min-width: 1200px) {
  .ant-col-xl-1,
  .ant-col-xl-2,
  .ant-col-xl-3,
  .ant-col-xl-4,
  .ant-col-xl-5,
  .ant-col-xl-6,
  .ant-col-xl-7,
  .ant-col-xl-8,
  .ant-col-xl-9,
  .ant-col-xl-10,
  .ant-col-xl-11,
  .ant-col-xl-12,
  .ant-col-xl-13,
  .ant-col-xl-14,
  .ant-col-xl-15,
  .ant-col-xl-16,
  .ant-col-xl-17,
  .ant-col-xl-18,
  .ant-col-xl-19,
  .ant-col-xl-20,
  .ant-col-xl-21,
  .ant-col-xl-22,
  .ant-col-xl-23,
  .ant-col-xl-24 {
    flex: 0 0 auto;
    float: left;
  }
  .ant-col-xl-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .ant-col-xl-push-24 {
    left: 100%;
  }
  .ant-col-xl-pull-24 {
    right: 100%;
  }
  .ant-col-xl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xl-order-24 {
    order: 24;
  }
  .ant-col-xl-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-xl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xl-order-23 {
    order: 23;
  }
  .ant-col-xl-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-xl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xl-order-22 {
    order: 22;
  }
  .ant-col-xl-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-xl-push-21 {
    left: 87.5%;
  }
  .ant-col-xl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xl-order-21 {
    order: 21;
  }
  .ant-col-xl-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-xl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xl-order-20 {
    order: 20;
  }
  .ant-col-xl-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-xl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xl-order-19 {
    order: 19;
  }
  .ant-col-xl-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .ant-col-xl-push-18 {
    left: 75%;
  }
  .ant-col-xl-pull-18 {
    right: 75%;
  }
  .ant-col-xl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xl-order-18 {
    order: 18;
  }
  .ant-col-xl-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-xl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xl-order-17 {
    order: 17;
  }
  .ant-col-xl-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-xl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xl-order-16 {
    order: 16;
  }
  .ant-col-xl-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-xl-push-15 {
    left: 62.5%;
  }
  .ant-col-xl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xl-order-15 {
    order: 15;
  }
  .ant-col-xl-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-xl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xl-order-14 {
    order: 14;
  }
  .ant-col-xl-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-xl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xl-order-13 {
    order: 13;
  }
  .ant-col-xl-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .ant-col-xl-push-12 {
    left: 50%;
  }
  .ant-col-xl-pull-12 {
    right: 50%;
  }
  .ant-col-xl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xl-order-12 {
    order: 12;
  }
  .ant-col-xl-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-xl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xl-order-11 {
    order: 11;
  }
  .ant-col-xl-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-xl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xl-order-10 {
    order: 10;
  }
  .ant-col-xl-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-xl-push-9 {
    left: 37.5%;
  }
  .ant-col-xl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xl-order-9 {
    order: 9;
  }
  .ant-col-xl-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-xl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xl-order-8 {
    order: 8;
  }
  .ant-col-xl-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-xl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xl-order-7 {
    order: 7;
  }
  .ant-col-xl-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .ant-col-xl-push-6 {
    left: 25%;
  }
  .ant-col-xl-pull-6 {
    right: 25%;
  }
  .ant-col-xl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xl-order-6 {
    order: 6;
  }
  .ant-col-xl-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-xl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xl-order-5 {
    order: 5;
  }
  .ant-col-xl-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-xl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xl-order-4 {
    order: 4;
  }
  .ant-col-xl-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-xl-push-3 {
    left: 12.5%;
  }
  .ant-col-xl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xl-order-3 {
    order: 3;
  }
  .ant-col-xl-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-xl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xl-order-2 {
    order: 2;
  }
  .ant-col-xl-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-xl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xl-order-1 {
    order: 1;
  }
  .ant-col-xl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xl-push-0 {
    left: auto;
  }
  .ant-col-xl-pull-0 {
    right: auto;
  }
  .ant-col-xl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xl-order-0 {
    order: 0;
  }
}
@media (min-width: 1600px) {
  .ant-col-xxl-1,
  .ant-col-xxl-2,
  .ant-col-xxl-3,
  .ant-col-xxl-4,
  .ant-col-xxl-5,
  .ant-col-xxl-6,
  .ant-col-xxl-7,
  .ant-col-xxl-8,
  .ant-col-xxl-9,
  .ant-col-xxl-10,
  .ant-col-xxl-11,
  .ant-col-xxl-12,
  .ant-col-xxl-13,
  .ant-col-xxl-14,
  .ant-col-xxl-15,
  .ant-col-xxl-16,
  .ant-col-xxl-17,
  .ant-col-xxl-18,
  .ant-col-xxl-19,
  .ant-col-xxl-20,
  .ant-col-xxl-21,
  .ant-col-xxl-22,
  .ant-col-xxl-23,
  .ant-col-xxl-24 {
    flex: 0 0 auto;
    float: left;
  }
  .ant-col-xxl-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .ant-col-xxl-push-24 {
    left: 100%;
  }
  .ant-col-xxl-pull-24 {
    right: 100%;
  }
  .ant-col-xxl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xxl-order-24 {
    order: 24;
  }
  .ant-col-xxl-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-xxl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xxl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xxl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xxl-order-23 {
    order: 23;
  }
  .ant-col-xxl-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-xxl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xxl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xxl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xxl-order-22 {
    order: 22;
  }
  .ant-col-xxl-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-xxl-push-21 {
    left: 87.5%;
  }
  .ant-col-xxl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xxl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xxl-order-21 {
    order: 21;
  }
  .ant-col-xxl-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-xxl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xxl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xxl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xxl-order-20 {
    order: 20;
  }
  .ant-col-xxl-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-xxl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xxl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xxl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xxl-order-19 {
    order: 19;
  }
  .ant-col-xxl-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .ant-col-xxl-push-18 {
    left: 75%;
  }
  .ant-col-xxl-pull-18 {
    right: 75%;
  }
  .ant-col-xxl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xxl-order-18 {
    order: 18;
  }
  .ant-col-xxl-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-xxl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xxl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xxl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xxl-order-17 {
    order: 17;
  }
  .ant-col-xxl-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-xxl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xxl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xxl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xxl-order-16 {
    order: 16;
  }
  .ant-col-xxl-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-xxl-push-15 {
    left: 62.5%;
  }
  .ant-col-xxl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xxl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xxl-order-15 {
    order: 15;
  }
  .ant-col-xxl-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-xxl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xxl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xxl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xxl-order-14 {
    order: 14;
  }
  .ant-col-xxl-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-xxl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xxl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xxl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xxl-order-13 {
    order: 13;
  }
  .ant-col-xxl-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .ant-col-xxl-push-12 {
    left: 50%;
  }
  .ant-col-xxl-pull-12 {
    right: 50%;
  }
  .ant-col-xxl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xxl-order-12 {
    order: 12;
  }
  .ant-col-xxl-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-xxl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xxl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xxl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xxl-order-11 {
    order: 11;
  }
  .ant-col-xxl-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-xxl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xxl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xxl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xxl-order-10 {
    order: 10;
  }
  .ant-col-xxl-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-xxl-push-9 {
    left: 37.5%;
  }
  .ant-col-xxl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xxl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xxl-order-9 {
    order: 9;
  }
  .ant-col-xxl-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-xxl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xxl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xxl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xxl-order-8 {
    order: 8;
  }
  .ant-col-xxl-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-xxl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xxl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xxl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xxl-order-7 {
    order: 7;
  }
  .ant-col-xxl-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .ant-col-xxl-push-6 {
    left: 25%;
  }
  .ant-col-xxl-pull-6 {
    right: 25%;
  }
  .ant-col-xxl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xxl-order-6 {
    order: 6;
  }
  .ant-col-xxl-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-xxl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xxl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xxl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xxl-order-5 {
    order: 5;
  }
  .ant-col-xxl-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-xxl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xxl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xxl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xxl-order-4 {
    order: 4;
  }
  .ant-col-xxl-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-xxl-push-3 {
    left: 12.5%;
  }
  .ant-col-xxl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xxl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xxl-order-3 {
    order: 3;
  }
  .ant-col-xxl-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-xxl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xxl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xxl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xxl-order-2 {
    order: 2;
  }
  .ant-col-xxl-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-xxl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xxl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xxl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xxl-order-1 {
    order: 1;
  }
  .ant-col-xxl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xxl-push-0 {
    left: auto;
  }
  .ant-col-xxl-pull-0 {
    right: auto;
  }
  .ant-col-xxl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xxl-order-0 {
    order: 0;
  }
}
.ant-input-number {
  box-sizing: border-box;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: #272727;
  font-size: 14px;
  line-height: 1.5;
  background-color: @component-background;
  background-image: none;
  transition: all 0.3s;
  display: inline-block;
  width: 90px;
  margin: 0;
  padding: 0;
  border: 1px solid @border-color-base;
  border-radius: 4px;
}
.ant-input-number::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-input-number:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number:hover {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-right-width: 1px !important;
}
.ant-input-number:focus {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(0, 163, 53, 0.2);
}
.ant-input-number-disabled {
  color: @disabled-color;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: color(~`colorPalette("@{border-color-base}", 5)`);
  border-right-width: 1px !important;
}
.ant-input-number[disabled] {
  color: @disabled-color;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number[disabled]:hover {
  border-color: color(~`colorPalette("@{border-color-base}", 5)`);
  border-right-width: 1px !important;
}
textarea.ant-input-number {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-number-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-input-number-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-input-number-handler {
  position: relative;
  display: block;
  width: 100%;
  height: 50%;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  line-height: 0;
  text-align: center;
  transition: all 0.1s linear;
}
.ant-input-number-handler:active {
  background: #f4f4f4;
}
.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
  color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
}
.ant-input-number-handler-up-inner,
.ant-input-number-handler-down-inner {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  width: 12px;
  height: 12px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 12px;
  transition: all 0.1s linear;
  user-select: none;
}
.ant-input-number-handler-up-inner > *,
.ant-input-number-handler-down-inner > * {
  line-height: 1;
}
.ant-input-number-handler-up-inner svg,
.ant-input-number-handler-down-inner svg {
  display: inline-block;
}
.ant-input-number-handler-up-inner::before,
.ant-input-number-handler-down-inner::before {
  display: none;
}
.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
  display: block;
}
.ant-input-number:hover {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-right-width: 1px !important;
}
.ant-input-number-focused {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(0, 163, 53, 0.2);
}
.ant-input-number-disabled {
  color: @disabled-color;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: color(~`colorPalette("@{border-color-base}", 5)`);
  border-right-width: 1px !important;
}
.ant-input-number-disabled .ant-input-number-input {
  cursor: not-allowed;
}
.ant-input-number-disabled .ant-input-number-handler-wrap {
  display: none;
}
.ant-input-number-input {
  width: 100%;
  height: 30px;
  padding: 0 11px;
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: 0;
  transition: all 0.3s linear;
  -moz-appearance: textfield;
}
.ant-input-number-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-input-number-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number-lg {
  padding: 0;
  font-size: 16px;
}
.ant-input-number-lg input {
  height: 38px;
}
.ant-input-number-sm {
  padding: 0;
}
.ant-input-number-sm input {
  height: 22px;
  padding: 0 7px;
}
.ant-input-number-handler-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 100%;
  background: #ffffff;
  border-left: 1px solid @border-color-base;
  border-radius: 0 4px 4px 0;
  opacity: 0;
  transition: opacity 0.24s linear 0.1s;
}
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  display: inline-block;
  font-size: 12px;
  font-size: 7px ;
  transform: scale(0.58333333) rotate(0deg);
  min-width: auto;
  margin-right: 0;
}
:root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
:root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  font-size: 12px;
}
.ant-input-number-handler-wrap:hover .ant-input-number-handler {
  height: 40%;
}
.ant-input-number:hover .ant-input-number-handler-wrap {
  opacity: 1;
}
.ant-input-number-handler-up {
  cursor: pointer;
}
.ant-input-number-handler-up-inner {
  top: 50%;
  margin-top: -5px;
  text-align: center;
}
.ant-input-number-handler-up:hover {
  height: 60% !important;
}
.ant-input-number-handler-down {
  top: 0;
  border-top: 1px solid @border-color-base;
  cursor: pointer;
}
.ant-input-number-handler-down-inner {
  top: 50%;
  margin-top: -6px;
  text-align: center;
}
.ant-input-number-handler-down:hover {
  height: 60% !important;
}
.ant-input-number-handler-up-disabled,
.ant-input-number-handler-down-disabled {
  cursor: not-allowed;
}
.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
  color: @disabled-color;
}
.ant-input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: #272727;
  font-size: 14px;
  line-height: 1.5;
  background-color: @component-background;
  background-image: none;
  border: 1px solid @border-color-base;
  border-radius: 4px;
  transition: all 0.3s;
}
.ant-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input:hover {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-right-width: 1px !important;
}
.ant-input:focus {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(0, 163, 53, 0.2);
}
.ant-input-disabled {
  color: @disabled-color;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-disabled:hover {
  border-color: color(~`colorPalette("@{border-color-base}", 5)`);
  border-right-width: 1px !important;
}
.ant-input[disabled] {
  color: @disabled-color;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input[disabled]:hover {
  border-color: color(~`colorPalette("@{border-color-base}", 5)`);
  border-right-width: 1px !important;
}
textarea.ant-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-input-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-input-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.ant-input-group > [class*='col-'] {
  padding-right: 8px;
}
.ant-input-group > [class*='col-']:last-child {
  padding-right: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
  display: table-cell;
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.ant-input-group-wrap > * {
  display: block !important;
}
.ant-input-group .ant-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}
.ant-input-group .ant-input:focus {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group .ant-input:hover {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group-addon {
  position: relative;
  padding: 0 11px;
  color: #272727;
  font-weight: normal;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid @border-color-base;
  border-radius: 4px;
  transition: all 0.3s;
}
.ant-input-group-addon .ant-select {
  margin: -5px -11px;
}
.ant-input-group-addon .ant-select .ant-select-selection {
  margin: -1px;
  background-color: inherit;
  border: 1px solid transparent;
  box-shadow: none;
}
.ant-input-group-addon .ant-select-open .ant-select-selection,
.ant-input-group-addon .ant-select-focused .ant-select-selection {
  color: @menu-item-active-bg;
}
.ant-input-group-addon > i:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}
.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input:first-child .ant-select .ant-select-selection,
.ant-input-group-addon:first-child .ant-select .ant-select-selection {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group-addon:first-child {
  border-right: 0;
}
.ant-input-group-addon:last-child {
  border-left: 0;
}
.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input:last-child .ant-select .ant-select-selection,
.ant-input-group-addon:last-child .ant-select .ant-select-selection {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  height: 24px;
  padding: 1px 7px;
}
.ant-input-group-lg .ant-select-selection--single {
  height: 40px;
}
.ant-input-group-sm .ant-select-selection--single {
  height: 24px;
}
.ant-input-group .ant-input-affix-wrapper {
  display: table-cell;
  float: left;
  width: 100%;
}
.ant-input-group.ant-input-group-compact {
  display: block;
  zoom: 1;
}
.ant-input-group.ant-input-group-compact::before,
.ant-input-group.ant-input-group-compact::after {
  display: table;
  content: '';
}
.ant-input-group.ant-input-group-compact::after {
  clear: both;
}
.ant-input-group.ant-input-group-compact::before,
.ant-input-group.ant-input-group-compact::after {
  display: table;
  content: '';
}
.ant-input-group.ant-input-group-compact::after {
  clear: both;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact .ant-input {
  float: none;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input {
  border-right-width: 1px;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:hover,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:hover,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:focus,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:focus,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input {
  border-right-width: 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top;
}
.ant-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top;
}
.ant-input-affix-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: start;
}
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-right-width: 1px !important;
}
.ant-input-affix-wrapper .ant-input {
  position: relative;
  text-align: inherit;
}
.ant-input-affix-wrapper .ant-input-prefix,
.ant-input-affix-wrapper .ant-input-suffix {
  position: absolute;
  top: 50%;
  z-index: 2;
  color: #272727;
  line-height: 0;
  transform: translateY(-50%);
}
.ant-input-affix-wrapper .ant-input-prefix :not(.anticon),
.ant-input-affix-wrapper .ant-input-suffix :not(.anticon) {
  line-height: 1.5;
}
.ant-input-affix-wrapper .ant-input-prefix {
  left: 12px;
}
.ant-input-affix-wrapper .ant-input-suffix {
  right: 12px;
}
.ant-input-affix-wrapper .ant-input:not(:first-child) {
  padding-left: 30px;
}
.ant-input-affix-wrapper .ant-input:not(:last-child) {
  padding-right: 30px;
}
.ant-input-affix-wrapper .ant-input {
  min-height: 100%;
}
.ant-input-password-icon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: all 0.3s;
}
.ant-input-password-icon:hover {
  color: #333;
}
.ant-input-clear-icon {
  color: @disabled-color;
  font-size: 12px;
  vertical-align: top;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-input-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-clear-icon:active {
  color: #272727;
}
.ant-input-clear-icon + i {
  margin-left: 6px;
}
.ant-input-search-icon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: all 0.3s;
}
.ant-input-search-icon:hover {
  color: rgba(0, 0, 0, 0.8);
}
.ant-input-search-enter-button input {
  border-right: 0;
}
.ant-input-search-enter-button + .ant-input-group-addon,
.ant-input-search-enter-button input + .ant-input-group-addon {
  padding: 0;
  border: 0;
}
.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button,
.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button {
  width: 100%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-layout {
  display: flex;
  flex: auto;
  flex-direction: column;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
  background: #f0f2f5;
}
.ant-layout,
.ant-layout * {
  box-sizing: border-box;
}
.ant-layout.ant-layout-has-sider {
  flex-direction: row;
}
.ant-layout.ant-layout-has-sider > .ant-layout,
.ant-layout.ant-layout-has-sider > .ant-layout-content {
  overflow-x: hidden;
}
.ant-layout-header,
.ant-layout-footer {
  flex: 0 0 auto;
}
.ant-layout-header {
  height: 64px;
  padding: 0 50px;
  line-height: 64px;
  background: #001529;
}
.ant-layout-footer {
  padding: 24px 50px;
  color: #272727;
  font-size: 14px;
  background: #f0f2f5;
}
.ant-layout-content {
  flex: auto;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
}
.ant-layout-sider {
  position: relative;
  /* fix firefox can't set width smaller than content on flex item */
  min-width: 0;
  background: #001529;
  transition: all 0.2s;
}
.ant-layout-sider-children {
  height: 100%;
  margin-top: -0.1px;
  padding-top: 0.1px;
}
.ant-layout-sider-has-trigger {
  padding-bottom: 48px;
}
.ant-layout-sider-right {
  order: 1;
}
.ant-layout-sider-trigger {
  position: fixed;
  bottom: 0;
  z-index: 1;
  height: 48px;
  color: @component-background;
  line-height: 48px;
  text-align: center;
  background: #002140;
  cursor: pointer;
  transition: all 0.2s;
}
.ant-layout-sider-zero-width > * {
  overflow: hidden;
}
.ant-layout-sider-zero-width-trigger {
  position: absolute;
  top: 64px;
  right: -36px;
  width: 36px;
  height: 42px;
  color: @component-background;
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  background: #001529;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-layout-sider-zero-width-trigger:hover {
  background: #192c3e;
}
.ant-layout-sider-zero-width-trigger-right {
  left: -36px;
}
.ant-layout-sider-light {
  background: @component-background;
}
.ant-layout-sider-light .ant-layout-sider-trigger {
  color: #272727;
  background: @component-background;
}
.ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
  color: #272727;
  background: @component-background;
}
.ant-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
}
.ant-list * {
  outline: none;
}
.ant-list-pagination {
  margin-top: 24px;
  text-align: right;
}
.ant-list-more {
  margin-top: 12px;
  text-align: center;
}
.ant-list-more button {
  padding-right: 32px;
  padding-left: 32px;
}
.ant-list-spin {
  min-height: 40px;
  text-align: center;
}
.ant-list-empty-text {
  padding: 16px;
  color: @disabled-color;
  font-size: 14px;
  text-align: center;
}
.ant-list-items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-list-item {
  display: flex;
  align-items: center;
  padding: 12px 0;
}
.ant-list-item-content {
  color: #272727;
}
.ant-list-item-meta {
  display: flex;
  flex: 1;
  align-items: flex-start;
  font-size: 0;
}
.ant-list-item-meta-avatar {
  margin-right: 16px;
}
.ant-list-item-meta-content {
  flex: 1 0;
}
.ant-list-item-meta-title {
  margin-bottom: 4px;
  color: #272727;
  font-size: 14px;
  line-height: 22px;
}
.ant-list-item-meta-title > a {
  color: #272727;
  transition: all 0.3s;
}
.ant-list-item-meta-title > a:hover {
  color: @menu-item-active-bg;
}
.ant-list-item-meta-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 22px;
}
.ant-list-item-action {
  flex: 0 0 auto;
  margin-left: 48px;
  padding: 0;
  font-size: 0;
  list-style: none;
}
.ant-list-item-action > li {
  position: relative;
  display: inline-block;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
}
.ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-item-action-split {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background-color: @border-color-split;
}
.ant-list-header {
  background: transparent;
}
.ant-list-footer {
  background: transparent;
}
.ant-list-header,
.ant-list-footer {
  padding-top: 12px;
  padding-bottom: 12px;
}
.ant-list-empty {
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  text-align: center;
}
.ant-list-split .ant-list-item {
  border-bottom: 1px solid @border-color-split;
}
.ant-list-split .ant-list-item:last-child {
  border-bottom: none;
}
.ant-list-split .ant-list-header {
  border-bottom: 1px solid @border-color-split;
}
.ant-list-loading .ant-list-spin-nested-loading {
  min-height: 32px;
}
.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child {
  border-bottom: 1px solid @border-color-split;
}
.ant-list-lg .ant-list-item {
  padding-top: 16px;
  padding-bottom: 16px;
}
.ant-list-sm .ant-list-item {
  padding-top: 8px;
  padding-bottom: 8px;
}
.ant-list-vertical .ant-list-item {
  align-items: initial;
}
.ant-list-vertical .ant-list-item-main {
  display: block;
  flex: 1;
}
.ant-list-vertical .ant-list-item-extra {
  margin-left: 40px;
}
.ant-list-vertical .ant-list-item-meta {
  margin-bottom: 16px;
}
.ant-list-vertical .ant-list-item-meta-title {
  margin-bottom: 12px;
  color: @heading-color;
  font-size: 16px;
  line-height: 24px;
}
.ant-list-vertical .ant-list-item-action {
  margin-top: 16px;
  margin-left: auto;
}
.ant-list-vertical .ant-list-item-action > li {
  padding: 0 16px;
}
.ant-list-vertical .ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-grid .ant-list-item {
  display: block;
  max-width: 100%;
  margin-bottom: 16px;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.ant-list-item-no-flex {
  display: block;
}
.ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
  float: right;
}
.ant-list-bordered {
  border: 1px solid @border-color-base;
  border-radius: 4px;
}
.ant-list-bordered .ant-list-header {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-footer {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-item {
  padding-right: 24px;
  padding-left: 24px;
  border-bottom: 1px solid @border-color-split;
}
.ant-list-bordered .ant-list-pagination {
  margin: 16px 24px;
}
.ant-list-bordered.ant-list-sm .ant-list-item {
  padding-right: 16px;
  padding-left: 16px;
}
.ant-list-bordered.ant-list-sm .ant-list-header,
.ant-list-bordered.ant-list-sm .ant-list-footer {
  padding: 8px 16px;
}
.ant-list-bordered.ant-list-lg .ant-list-header,
.ant-list-bordered.ant-list-lg .ant-list-footer {
  padding: 16px 24px;
}
@media screen and (max-width: 768px) {
  .ant-list-item-action {
    margin-left: 24px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin-left: 24px;
  }
}
@media screen and (max-width: 576px) {
  .ant-list-item {
    flex-wrap: wrap;
  }
  .ant-list-item-action {
    margin-left: 12px;
  }
  .ant-list-vertical .ant-list-item {
    flex-wrap: wrap-reverse;
  }
  .ant-list-vertical .ant-list-item-main {
    min-width: 220px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin: auto auto 16px;
  }
}
.ant-mentions-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
.ant-mentions-wrapper .ant-mentions-editor {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: #272727;
  font-size: 14px;
  background-color: @component-background;
  background-image: none;
  border: 1px solid @border-color-base;
  border-radius: 4px;
  transition: all 0.3s;
  display: block;
  height: auto;
  min-height: 32px;
  padding: 0;
  line-height: 1.5;
}
.ant-mentions-wrapper .ant-mentions-editor::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-mentions-wrapper .ant-mentions-editor:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-mentions-wrapper .ant-mentions-editor::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-mentions-wrapper .ant-mentions-editor:hover {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-right-width: 1px !important;
}
.ant-mentions-wrapper .ant-mentions-editor:focus {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(0, 163, 53, 0.2);
}
.ant-mentions-wrapper .ant-mentions-editor-disabled {
  color: @disabled-color;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-wrapper .ant-mentions-editor-disabled:hover {
  border-color: color(~`colorPalette("@{border-color-base}", 5)`);
  border-right-width: 1px !important;
}
.ant-mentions-wrapper .ant-mentions-editor[disabled] {
  color: @disabled-color;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-wrapper .ant-mentions-editor[disabled]:hover {
  border-color: color(~`colorPalette("@{border-color-base}", 5)`);
  border-right-width: 1px !important;
}
textarea.ant-mentions-wrapper .ant-mentions-editor {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-mentions-wrapper .ant-mentions-editor-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-mentions-wrapper .ant-mentions-editor-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-mentions-wrapper .ant-mentions-editor-wrapper {
  height: auto;
  overflow-y: auto;
}
.ant-mentions-wrapper.ant-mentions-active:not(.disabled) .ant-mentions-editor {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(0, 163, 53, 0.2);
}
.ant-mentions-wrapper.disabled .ant-mentions-editor {
  color: @disabled-color;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-wrapper.disabled .ant-mentions-editor:hover {
  border-color: color(~`colorPalette("@{border-color-base}", 5)`);
  border-right-width: 1px !important;
}
.ant-mentions-wrapper .public-DraftEditorPlaceholder-root {
  position: absolute;
  pointer-events: none;
}
.ant-mentions-wrapper .public-DraftEditorPlaceholder-root .public-DraftEditorPlaceholder-inner {
  height: auto;
  padding: 5px 11px;
  color: #bfbfbf;
  white-space: pre-wrap;
  word-wrap: break-word;
  outline: none;
  opacity: 1;
}
.ant-mentions-wrapper .DraftEditor-editorContainer .public-DraftEditor-content {
  height: auto;
  padding: 5px 11px;
}
.ant-mentions-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  min-width: 120px;
  max-height: 250px;
  margin-top: 1.5em;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #ffffff;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-mentions-dropdown-placement-top {
  margin-top: -0.1em;
}
.ant-mentions-dropdown-notfound.ant-mentions-dropdown-item {
  color: @disabled-color;
}
.ant-mentions-dropdown-notfound.ant-mentions-dropdown-item .anticon-loading {
  display: block;
  color: @menu-item-active-bg;
  text-align: center;
}
.ant-mentions-dropdown-item {
  position: relative;
  display: block;
  padding: 5px 12px;
  overflow: hidden;
  color: #272727;
  font-weight: normal;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: background 0.3s;
}
.ant-mentions-dropdown-item:hover {
  background-color: color(~`colorPalette("@{menu-item-active-bg}", 1)`);
}
.ant-mentions-dropdown-item.focus,
.ant-mentions-dropdown-item-active {
  background-color: color(~`colorPalette("@{menu-item-active-bg}", 1)`);
}
.ant-mentions-dropdown-item-disabled {
  color: @disabled-color;
  cursor: not-allowed;
}
.ant-mentions-dropdown-item-disabled:hover {
  color: @disabled-color;
  background-color: #ffffff;
  cursor: not-allowed;
}
.ant-mentions-dropdown-item-selected,
.ant-mentions-dropdown-item-selected:hover {
  color: #272727;
  font-weight: bold;
  background-color: #f5f5f5;
}
.ant-mentions-dropdown-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  line-height: 0;
  background-color: @border-color-split;
}
.ant-mentions {
  box-sizing: border-box;
  margin: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: #272727;
  font-size: 14px;
  line-height: 1.5;
  background-color: @component-background;
  background-image: none;
  border: 1px solid @border-color-base;
  border-radius: 4px;
  transition: all 0.3s;
  position: relative;
  display: inline-block;
  height: auto;
  white-space: pre-wrap;
  padding: 0;
  overflow: hidden;
  vertical-align: bottom;
}
.ant-mentions::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-mentions:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-mentions::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-mentions:hover {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-right-width: 1px !important;
}
.ant-mentions:focus {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(0, 163, 53, 0.2);
}
.ant-mentions-disabled {
  color: @disabled-color;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-disabled:hover {
  border-color: color(~`colorPalette("@{border-color-base}", 5)`);
  border-right-width: 1px !important;
}
.ant-mentions[disabled] {
  color: @disabled-color;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions[disabled]:hover {
  border-color: color(~`colorPalette("@{border-color-base}", 5)`);
  border-right-width: 1px !important;
}
textarea.ant-mentions {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-mentions-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-mentions-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-mentions-disabled > textarea {
  color: @disabled-color;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-disabled > textarea:hover {
  border-color: color(~`colorPalette("@{border-color-base}", 5)`);
  border-right-width: 1px !important;
}
.ant-mentions-focused {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(0, 163, 53, 0.2);
}
.ant-mentions > textarea,
.ant-mentions-measure {
  margin: 0;
  padding: 4px 11px;
  overflow: inherit;
  overflow-x: initial;
  overflow-y: auto;
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-size-adjust: inherit;
  font-stretch: inherit;
  line-height: inherit;
  direction: inherit;
  letter-spacing: inherit;
  white-space: inherit;
  text-align: inherit;
  vertical-align: top;
  word-wrap: break-word;
  word-break: inherit;
  tab-size: inherit;
}
.ant-mentions > textarea {
  width: 100%;
  border: none;
  outline: none;
  resize: none;
}
.ant-mentions > textarea:read-only {
  cursor: default;
}
.ant-mentions-measure {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  color: transparent;
  pointer-events: none;
}
.ant-mentions-dropdown {
  margin: 0;
  padding: 0;
  color: #272727;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  box-sizing: border-box;
  font-size: 14px;
  font-variant: initial;
  background-color: #ffffff;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-mentions-dropdown-hidden {
  display: none;
}
.ant-mentions-dropdown-menu {
  max-height: 250px;
  margin-bottom: 0;
  padding-left: 0;
  overflow: auto;
  list-style: none;
  outline: none;
}
.ant-mentions-dropdown-menu-item {
  position: relative;
  display: block;
  padding: 5px 12px;
  overflow: hidden;
  color: #272727;
  font-weight: normal;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  min-width: 100px;
  transition: background 0.3s ease;
}
.ant-mentions-dropdown-menu-item:hover {
  background-color: color(~`colorPalette("@{menu-item-active-bg}", 1)`);
}
.ant-mentions-dropdown-menu-item:first-child {
  border-radius: 4px 4px 0 0;
}
.ant-mentions-dropdown-menu-item:last-child {
  border-radius: 0 0 4px 4px;
}
.ant-mentions-dropdown-menu-item-disabled {
  color: @disabled-color;
  cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-disabled:hover {
  color: @disabled-color;
  background-color: #ffffff;
  cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-selected {
  color: #272727;
  font-weight: 600;
  background-color: #fafafa;
}
.ant-mentions-dropdown-menu-item-active {
  background-color: color(~`colorPalette("@{menu-item-active-bg}", 1)`);
}
.ant-menu {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  font-feature-settings: 'tnum';
  margin-bottom: 0;
  padding-left: 0;
  color: #272727;
  line-height: 0;
  list-style: none;
  background: #ffffff;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: background 0.3s, width 0.2s;
  zoom: 1;
}
.ant-menu::before,
.ant-menu::after {
  display: table;
  content: '';
}
.ant-menu::after {
  clear: both;
}
.ant-menu::before,
.ant-menu::after {
  display: table;
  content: '';
}
.ant-menu::after {
  clear: both;
}
.ant-menu ul,
.ant-menu ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-menu-hidden {
  display: none;
}
.ant-menu-item-group-title {
  padding: 8px 16px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5;
  transition: all 0.3s;
}
.ant-menu-submenu,
.ant-menu-submenu-inline {
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item:active,
.ant-menu-submenu-title:active {
  background: @menu-item-active-bg;
}
.ant-menu-submenu .ant-menu-sub {
  cursor: initial;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item > a {
  display: block;
  color: #272727;
}
.ant-menu-item > a:hover {
  color: @menu-item-active-bg;
}
.ant-menu-item > a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: '';
}
.ant-menu-item-divider {
  height: 1px;
  overflow: hidden;
  line-height: 0;
  background-color: @border-color-split;
}
.ant-menu-item:hover,
.ant-menu-item-active,
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-submenu-active,
.ant-menu-submenu-title:hover {
  color: @menu-item-active-bg;
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu {
  margin-top: -1px;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
  background-color: transparent;
}
.ant-menu-item-selected {
  color: @menu-item-active-bg;
}
.ant-menu-item-selected > a,
.ant-menu-item-selected > a:hover {
  color: @menu-item-active-bg;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: @menu-item-active-bg;
}
.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
  border-right: 1px solid @border-color-split;
}
.ant-menu-vertical-right {
  border-left: 1px solid @border-color-split;
}
.ant-menu-vertical.ant-menu-sub,
.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub {
  min-width: 160px;
  padding: 0;
  border-right: 0;
  transform-origin: 0 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
  transform-origin: 0 0;
}
.ant-menu-horizontal.ant-menu-sub {
  min-width: 114px;
}
.ant-menu-item,
.ant-menu-submenu-title {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 20px;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .anticon,
.ant-menu-submenu-title .anticon {
  min-width: 14px;
  margin-right: 10px;
  font-size: 14px;
  transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .anticon + span,
.ant-menu-submenu-title .anticon + span {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu > .ant-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  background-color: @border-color-split;
}
.ant-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: #ffffff;
  border-radius: 4px;
}
.ant-menu-submenu-popup .submenu-title-wrapper {
  padding-right: 20px;
}
.ant-menu-submenu-popup::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.0001;
  content: ' ';
}
.ant-menu-submenu > .ant-menu {
  background-color: #ffffff;
  border-radius: 4px;
}
.ant-menu-submenu > .ant-menu-submenu-title::after {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  position: absolute;
  width: 6px;
  height: 1.5px;
  background: #ffffff;
  background: #272727 ;
  background-image: linear-gradient(to right, #272727, #272727);
  background-image: none ;
  border-radius: 2px;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateY(-2px);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateY(2px);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before {
  background: linear-gradient(to right, #00a335, #00a335);
}
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(-45deg) translateX(2px);
}
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(45deg) translateX(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  transform: translateY(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateX(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateX(2px);
}
.ant-menu-vertical .ant-menu-submenu-selected,
.ant-menu-vertical-left .ant-menu-submenu-selected,
.ant-menu-vertical-right .ant-menu-submenu-selected {
  color: @menu-item-active-bg;
}
.ant-menu-vertical .ant-menu-submenu-selected > a,
.ant-menu-vertical-left .ant-menu-submenu-selected > a,
.ant-menu-vertical-right .ant-menu-submenu-selected > a {
  color: @menu-item-active-bg;
}
.ant-menu-horizontal {
  line-height: 46px;
  white-space: nowrap;
  border: 0;
  border-bottom: 1px solid @border-color-split;
  box-shadow: none;
}
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: bottom;
  border-bottom: 2px solid transparent;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-submenu:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu-active,
.ant-menu-horizontal > .ant-menu-item-open,
.ant-menu-horizontal > .ant-menu-submenu-open,
.ant-menu-horizontal > .ant-menu-item-selected,
.ant-menu-horizontal > .ant-menu-submenu-selected {
  color: @menu-item-active-bg;
  border-bottom: 2px solid @menu-item-active-bg;
}
.ant-menu-horizontal > .ant-menu-item > a {
  display: block;
  color: #272727;
}
.ant-menu-horizontal > .ant-menu-item > a:hover {
  color: @menu-item-active-bg;
}
.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: -2px;
}
.ant-menu-horizontal > .ant-menu-item-selected > a {
  color: @menu-item-active-bg;
}
.ant-menu-horizontal::after {
  display: block;
  clear: both;
  height: 0;
  content: '\20';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item {
  position: relative;
}
.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 3px solid @menu-item-active-bg;
  transform: scaleY(0.0001);
  opacity: 0;
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  content: '';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  height: 40px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0 16px;
  overflow: hidden;
  font-size: 14px;
  line-height: 40px;
  text-overflow: ellipsis;
}
.ant-menu-vertical .ant-menu-submenu,
.ant-menu-vertical-left .ant-menu-submenu,
.ant-menu-vertical-right .ant-menu-submenu,
.ant-menu-inline .ant-menu-submenu {
  padding-bottom: 0.01px;
}
.ant-menu-vertical .ant-menu-item:not(:last-child),
.ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-vertical-right .ant-menu-item:not(:last-child),
.ant-menu-inline .ant-menu-item:not(:last-child) {
  margin-bottom: 8px;
}
.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-inline > .ant-menu-item,
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
}
.ant-menu-inline {
  width: 100%;
}
.ant-menu-inline .ant-menu-selected::after,
.ant-menu-inline .ant-menu-item-selected::after {
  transform: scaleY(1);
  opacity: 1;
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
  width: calc(100% + 1px);
}
.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 34px;
}
.ant-menu-inline-collapsed {
  width: 80px;
}
.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
  left: 0;
  padding: 0 32px !important;
  text-overflow: clip;
}
.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  display: none;
}
.ant-menu-inline-collapsed > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
  margin: 0;
  font-size: 16px;
  line-height: 40px;
}
.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
  display: inline-block;
  max-width: 0;
  opacity: 0;
}
.ant-menu-inline-collapsed-tooltip {
  pointer-events: none;
}
.ant-menu-inline-collapsed-tooltip .anticon {
  display: none;
}
.ant-menu-inline-collapsed-tooltip a {
  color: rgba(255, 255, 255, 0.85);
}
.ant-menu-inline-collapsed .ant-menu-item-group-title {
  padding-right: 4px;
  padding-left: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-menu-item-group-list .ant-menu-item,
.ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 16px 0 28px;
}
.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-vertical-left,
.ant-menu-root.ant-menu-vertical-right,
.ant-menu-root.ant-menu-inline {
  box-shadow: none;
}
.ant-menu-sub.ant-menu-inline {
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.ant-menu-sub.ant-menu-inline > .ant-menu-item,
.ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
  list-style-position: inside;
  list-style-type: disc;
}
.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-left: 32px;
}
.ant-menu-item-disabled,
.ant-menu-submenu-disabled {
  color: rgba(0, 0, 0, 0.25) !important;
  background: none;
  border-color: transparent !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled > a,
.ant-menu-submenu-disabled > a {
  color: rgba(0, 0, 0, 0.25) !important;
  pointer-events: none;
}
.ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(0, 0, 0, 0.25) !important;
}
.ant-menu-dark,
.ant-menu-dark .ant-menu-sub {
  color: rgba(255, 255, 255, 0.65);
  background: #001529;
}
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0.45;
  transition: all 0.3s;
}
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  background: @component-background;
}
.ant-menu-dark.ant-menu-submenu-popup {
  background: transparent;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #000c17;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset;
}
.ant-menu-dark.ant-menu-horizontal {
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
  top: 0;
  margin-top: 0;
  border-color: #001529;
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: 0;
}
.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-item-group-title,
.ant-menu-dark .ant-menu-item > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical,
.ant-menu-dark.ant-menu-vertical-left,
.ant-menu-dark.ant-menu-vertical-right {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-vertical .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
  width: 100%;
}
.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-active,
.ant-menu-dark .ant-menu-submenu-active,
.ant-menu-dark .ant-menu-submenu-open,
.ant-menu-dark .ant-menu-submenu-selected,
.ant-menu-dark .ant-menu-submenu-title:hover {
  color: @component-background;
  background-color: transparent;
}
.ant-menu-dark .ant-menu-item:hover > a,
.ant-menu-dark .ant-menu-item-active > a,
.ant-menu-dark .ant-menu-submenu-active > a,
.ant-menu-dark .ant-menu-submenu-open > a,
.ant-menu-dark .ant-menu-submenu-selected > a,
.ant-menu-dark .ant-menu-submenu-title:hover > a {
  color: @component-background;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow {
  opacity: 1;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before {
  background: @component-background;
}
.ant-menu-dark .ant-menu-item-selected {
  color: @component-background;
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected::after {
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > a:hover {
  color: @component-background;
}
.ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  background-color: @menu-item-active-bg;
}
.ant-menu-dark .ant-menu-item-disabled,
.ant-menu-dark .ant-menu-submenu-disabled,
.ant-menu-dark .ant-menu-item-disabled > a,
.ant-menu-dark .ant-menu-submenu-disabled > a {
  color: rgba(255, 255, 255, 0.35) !important;
  opacity: 0.8;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(255, 255, 255, 0.35) !important;
}
.ant-message {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  top: 16px;
  left: 0;
  z-index: 1010;
  width: 100%;
  pointer-events: none;
}
.ant-message-notice {
  padding: 8px;
  text-align: center;
}
.ant-message-notice:first-child {
  margin-top: -8px;
}
.ant-message-notice-content {
  display: inline-block;
  padding: 10px 16px;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: all;
}
.ant-message-success .anticon {
  color: #52c41a;
}
.ant-message-error .anticon {
  color: #f5222d;
}
.ant-message-warning .anticon {
  color: #faad14;
}
.ant-message-info .anticon,
.ant-message-loading .anticon {
  color: #1890ff;
}
.ant-message .anticon {
  position: relative;
  top: 1px;
  margin-right: 8px;
  font-size: 16px;
}
.ant-message-notice.move-up-leave.move-up-leave-active {
  overflow: hidden;
  animation-name: MessageMoveOut;
  animation-duration: 0.3s;
}
@keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}
.ant-modal {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 100px;
  width: auto;
  margin: 0 auto;
  padding-bottom: 24px;
}
.ant-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: auto;
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.ant-modal-title {
  margin: 0;
  color: @heading-color;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  word-wrap: break-word;
}
.ant-modal-content {
  position: relative;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.ant-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-modal-close-x {
  display: block;
  width: 56px;
  height: 56px;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-modal-header {
  padding: 16px 24px;
  color: #272727;
  background: #ffffff;
  border-bottom: 1px solid @border-color-split;
  border-radius: 4px 4px 0 0;
}
.ant-modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
}
.ant-modal-footer {
  padding: 10px 16px;
  text-align: right;
  background: transparent;
  border-top: 1px solid @border-color-split;
  border-radius: 0 0 4px 4px;
}
.ant-modal-footer button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal.zoom-enter,
.ant-modal.zoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  user-select: none;
}
.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: @text-color;
  filter: alpha(opacity=50);
}
.ant-modal-mask-hidden {
  display: none;
}
.ant-modal-open {
  overflow: hidden;
}
.ant-modal-centered {
  text-align: center;
}
.ant-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.ant-modal-centered .ant-modal {
  top: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .ant-modal {
    max-width: calc(100vw - 16px);
    margin: 8px auto;
  }
  .ant-modal-centered .ant-modal {
    flex: 1;
  }
}
.ant-modal-confirm .ant-modal-header {
  display: none;
}
.ant-modal-confirm .ant-modal-close {
  display: none;
}
.ant-modal-confirm .ant-modal-body {
  padding: 32px 32px 24px;
}
.ant-modal-confirm-body-wrapper {
  zoom: 1;
}
.ant-modal-confirm-body-wrapper::before,
.ant-modal-confirm-body-wrapper::after {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  clear: both;
}
.ant-modal-confirm-body-wrapper::before,
.ant-modal-confirm-body-wrapper::after {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  clear: both;
}
.ant-modal-confirm-body .ant-modal-confirm-title {
  display: block;
  overflow: hidden;
  color: @heading-color;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
  margin-top: 8px;
  color: #272727;
  font-size: 14px;
}
.ant-modal-confirm-body > .anticon {
  float: left;
  margin-right: 16px;
  font-size: 22px;
}
.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-left: 38px;
}
.ant-modal-confirm .ant-modal-confirm-btns {
  float: right;
  margin-top: 24px;
}
.ant-modal-confirm .ant-modal-confirm-btns button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: #f5222d;
}
.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  color: #faad14;
}
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: #1890ff;
}
.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  color: #52c41a;
}
.ant-notification {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  z-index: 1010;
  width: 384px;
  max-width: calc(100vw - 32px);
  margin-right: 24px;
}
.ant-notification-topLeft,
.ant-notification-bottomLeft {
  margin-right: 0;
  margin-left: 24px;
}
.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,
.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationLeftFadeIn;
}
.ant-notification-close-icon {
  font-size: 14px;
  cursor: pointer;
}
.ant-notification-notice {
  position: relative;
  margin-bottom: 16px;
  padding: 16px 24px;
  overflow: hidden;
  line-height: 1.5;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.ant-notification-notice-message {
  display: inline-block;
  margin-bottom: 8px;
  color: @heading-color;
  font-size: 16px;
  line-height: 24px;
}
.ant-notification-notice-message-single-line-auto-margin {
  display: block;
  width: calc(384px - 24px * 2 - 24px - 48px - 100%);
  max-width: 4px;
  background-color: transparent;
  pointer-events: none;
}
.ant-notification-notice-message-single-line-auto-margin::before {
  display: block;
  content: '';
}
.ant-notification-notice-description {
  font-size: 14px;
}
.ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 24px;
}
.ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-bottom: 4px;
  margin-left: 48px;
  font-size: 16px;
}
.ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-left: 48px;
  font-size: 14px;
}
.ant-notification-notice-icon {
  position: absolute;
  margin-left: 4px;
  font-size: 24px;
  line-height: 24px;
}
.anticon.ant-notification-notice-icon-success {
  color: #52c41a;
}
.anticon.ant-notification-notice-icon-info {
  color: #1890ff;
}
.anticon.ant-notification-notice-icon-warning {
  color: #faad14;
}
.anticon.ant-notification-notice-icon-error {
  color: #f5222d;
}
.ant-notification-notice-close {
  position: absolute;
  top: 16px;
  right: 22px;
  color: rgba(0, 0, 0, 0.45);
  outline: none;
}
.ant-notification-notice-close:hover {
  color: rgba(0, 0, 0, 0.67);
}
.ant-notification-notice-btn {
  float: right;
  margin-top: 16px;
}
.ant-notification .notification-fade-effect {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
}
.ant-notification-fade-enter,
.ant-notification-fade-appear {
  opacity: 0;
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-notification-fade-leave {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  animation-duration: 0.2s;
  animation-play-state: paused;
}
.ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationFadeIn;
  animation-play-state: running;
}
.ant-notification-fade-leave.ant-notification-fade-leave-active {
  animation-name: NotificationFadeOut;
  animation-play-state: running;
}
@keyframes NotificationFadeIn {
  0% {
    left: 384px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes NotificationLeftFadeIn {
  0% {
    right: 384px;
    opacity: 0;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}
@keyframes NotificationFadeOut {
  0% {
    max-height: 150px;
    margin-bottom: 16px;
    padding-top: 16px 24px;
    padding-bottom: 16px 24px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
  }
}
.ant-page-header {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  padding: 16px 24px;
  background: #ffffff;
}
.ant-page-header.ant-page-header-has-footer {
  padding-bottom: 0;
}
.ant-page-header-back {
  display: inline-block;
  padding: 4px 0;
  font-size: 16px;
  line-height: 100%;
  cursor: pointer;
}
.ant-page-header-back-button {
  color: @menu-item-active-bg;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  color: #272727;
}
.ant-page-header-back-button:focus,
.ant-page-header-back-button:hover {
  color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
}
.ant-page-header-back-button:active {
  color: color(~`colorPalette("@{menu-item-active-bg}", 7)`);
}
.ant-page-header .ant-divider-vertical {
  height: 14px;
  margin: 0 12px;
}
.ant-page-header .ant-breadcrumb {
  margin-bottom: 12px;
}
.ant-page-header-title-view {
  display: inline-block;
}
.ant-page-header-title-view-title {
  display: inline-block;
  padding-right: 12px;
  color: @heading-color;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.4;
}
.ant-page-header-title-view-sub-title {
  display: inline-block;
  padding-right: 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.8;
}
.ant-page-header-title-view-tags {
  display: inline-block;
  vertical-align: top;
}
.ant-page-header-title-view-extra {
  position: absolute;
  top: 16px;
  right: 24px;
}
.ant-page-header-title-view-extra > * {
  margin-right: 8px;
}
.ant-page-header-title-view-extra > *:last-child {
  margin-right: 0;
}
.ant-page-header-content-view {
  padding-top: 12px;
}
.ant-page-header-footer {
  margin: 0 -8px;
  padding-top: 24px;
}
.ant-page-header-footer .ant-tabs-bar {
  margin-bottom: 1px;
  border-bottom: 0;
}
.ant-page-header-footer .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab {
  padding: 12px 8px;
  padding-top: 0;
}
.ant-pagination {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-pagination ul,
.ant-pagination ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-pagination::after {
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ' ';
}
.ant-pagination-total-text {
  display: inline-block;
  height: 32px;
  margin-right: 8px;
  line-height: 30px;
  vertical-align: middle;
}
.ant-pagination-item {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  margin-right: 8px;
  font-family: Arial;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid @border-color-base;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  user-select: none;
}
.ant-pagination-item a {
  display: block;
  padding: 0 6px;
  color: #272727;
  transition: none;
}
.ant-pagination-item:focus,
.ant-pagination-item:hover {
  border-color: @menu-item-active-bg;
  transition: all 0.3s;
}
.ant-pagination-item:focus a,
.ant-pagination-item:hover a {
  color: @menu-item-active-bg;
}
.ant-pagination-item-active {
  font-weight: 500;
  background: #ffffff;
  border-color: @menu-item-active-bg;
}
.ant-pagination-item-active a {
  color: @menu-item-active-bg;
}
.ant-pagination-item-active:focus,
.ant-pagination-item-active:hover {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
}
.ant-pagination-item-active:focus a,
.ant-pagination-item-active:hover a {
  color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
}
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  outline: 0;
}
.ant-pagination-jump-prev .ant-pagination-item-container,
.ant-pagination-jump-next .ant-pagination-item-container {
  position: relative;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  display: inline-block;
  font-size: 12px;
  font-size: 12px ;
  transform: scale(1) rotate(0deg);
  color: @menu-item-active-bg;
  letter-spacing: -1px;
  opacity: 0;
  transition: all 0.2s;
}
:root .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
:root .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  font-size: 12px;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  color: @disabled-color;
  letter-spacing: 2px;
  text-align: center;
  text-indent: 0.13em;
  opacity: 1;
  transition: all 0.2s;
}
.ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 0;
}
.ant-pagination-prev,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  margin-right: 8px;
}
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  color: #272727;
  font-family: Arial;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-pagination-prev,
.ant-pagination-next {
  outline: 0;
}
.ant-pagination-prev a,
.ant-pagination-next a {
  color: #272727;
  user-select: none;
}
.ant-pagination-prev:hover a,
.ant-pagination-next:hover a {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  display: block;
  height: 100%;
  font-size: 12px;
  text-align: center;
  background-color: #ffffff;
  border: 1px solid @border-color-base;
  border-radius: 4px;
  outline: none;
  transition: all 0.3s;
}
.ant-pagination-prev:focus .ant-pagination-item-link,
.ant-pagination-next:focus .ant-pagination-item-link,
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
  color: @menu-item-active-bg;
  border-color: @menu-item-active-bg;
}
.ant-pagination-disabled,
.ant-pagination-disabled:hover,
.ant-pagination-disabled:focus {
  cursor: not-allowed;
}
.ant-pagination-disabled a,
.ant-pagination-disabled:hover a,
.ant-pagination-disabled:focus a,
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link,
.ant-pagination-disabled:focus .ant-pagination-item-link {
  color: @disabled-color;
  border-color: @border-color-base;
  cursor: not-allowed;
}
.ant-pagination-slash {
  margin: 0 10px 0 5px;
}
.ant-pagination-options {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}
.ant-pagination-options-size-changer.ant-select {
  display: inline-block;
  width: auto;
  margin-right: 8px;
}
.ant-pagination-options-quick-jumper {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
}
.ant-pagination-options-quick-jumper input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: #272727;
  font-size: 14px;
  line-height: 1.5;
  background-color: @component-background;
  background-image: none;
  border: 1px solid @border-color-base;
  border-radius: 4px;
  transition: all 0.3s;
  width: 50px;
  margin: 0 8px;
}
.ant-pagination-options-quick-jumper input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-pagination-options-quick-jumper input:hover {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input:focus {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(0, 163, 53, 0.2);
}
.ant-pagination-options-quick-jumper input-disabled {
  color: @disabled-color;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: color(~`colorPalette("@{border-color-base}", 5)`);
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input[disabled] {
  color: @disabled-color;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input[disabled]:hover {
  border-color: color(~`colorPalette("@{border-color-base}", 5)`);
  border-right-width: 1px !important;
}
textarea.ant-pagination-options-quick-jumper input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-pagination-options-quick-jumper input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-pagination-options-quick-jumper input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-pagination-simple .ant-pagination-prev,
.ant-pagination-simple .ant-pagination-next {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
  height: 24px;
  border: 0;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination-simple .ant-pagination-simple-pager {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
}
.ant-pagination-simple .ant-pagination-simple-pager input {
  box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  padding: 0 6px;
  text-align: center;
  background-color: #ffffff;
  border: 1px solid @border-color-base;
  border-radius: 4px;
  outline: none;
  transition: border-color 0.3s;
}
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: @menu-item-active-bg;
}
.ant-pagination.mini .ant-pagination-total-text,
.ant-pagination.mini .ant-pagination-simple-pager {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-item {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
}
.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev,
.ant-pagination.mini .ant-pagination-next {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-jump-prev,
.ant-pagination.mini .ant-pagination-jump-next {
  height: 24px;
  margin-right: 0;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options {
  margin-left: 2px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper input {
  height: 24px;
  padding: 1px 7px;
  width: 44px;
}
.ant-pagination.ant-pagination-disabled {
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item {
  background: #f5f5f5;
  border-color: @border-color-base;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
  color: @disabled-color;
  background: transparent;
  border: none;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
  background: #dbdbdb;
  border-color: transparent;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
  color: @component-background;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:hover,
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:focus {
  color: rgba(0, 0, 0, 0.45);
  background: #f5f5f5;
  border-color: @border-color-base;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 0;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 1;
}
@media only screen and (max-width: 992px) {
  .ant-pagination-item-after-jump-prev,
  .ant-pagination-item-before-jump-next {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .ant-pagination-options {
    display: none;
  }
}
.ant-popover {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  user-select: text;
}
.ant-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: '';
}
.ant-popover-hidden {
  display: none;
}
.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 10px;
}
.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 10px;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 10px;
}
.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 10px;
}
.ant-popover-inner {
  background-color: @component-background;
  background-clip: padding-box;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) ;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-popover {
    /* IE10+ */
  }
  .ant-popover-inner {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  }
}
.ant-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: @heading-color;
  font-weight: 500;
  border-bottom: 1px solid @border-color-split;
}
.ant-popover-inner-content {
  padding: 12px 16px;
  color: #272727;
}
.ant-popover-message {
  position: relative;
  padding: 4px 0 12px;
  color: #272727;
  font-size: 14px;
}
.ant-popover-message > .anticon {
  position: absolute;
  top: 8px;
  color: #faad14;
  font-size: 14px;
}
.ant-popover-message-title {
  padding-left: 22px;
}
.ant-popover-buttons {
  margin-bottom: 4px;
  text-align: right;
}
.ant-popover-buttons button {
  margin-left: 8px;
}
.ant-popover-arrow {
  position: absolute;
  display: block;
  width: 8.48528137px;
  height: 8.48528137px;
  background: transparent;
  border-style: solid;
  border-width: 4.24264069px;
  transform: rotate(45deg);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  bottom: 6.2px;
  border-top-color: transparent;
  border-right-color: @component-background;
  border-bottom-color: @component-background;
  border-left-color: transparent;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  left: 6px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: @component-background;
  border-left-color: @component-background;
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  top: 6px;
  border-top-color: @component-background;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: @component-background;
  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  right: 6px;
  border-top-color: @component-background;
  border-right-color: @component-background;
  border-bottom-color: transparent;
  border-left-color: transparent;
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}
.ant-progress {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-progress-line {
  position: relative;
  width: 100%;
  font-size: 14px;
}
.ant-progress-small.ant-progress-line,
.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
  font-size: 12px;
}
.ant-progress-outer {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
}
.ant-progress-show-info .ant-progress-outer {
  margin-right: calc(-2em - 8px);
  padding-right: calc(2em + 8px);
}
.ant-progress-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  background-color: #f5f5f5;
  border-radius: 100px;
}
.ant-progress-circle-trail {
  stroke: #f5f5f5;
}
.ant-progress-circle-path {
  animation: ant-progress-appear 0.3s;
  stroke: #1890ff;
}
.ant-progress-success-bg,
.ant-progress-bg {
  position: relative;
  background-color: #1890ff;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.ant-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #52c41a;
}
.ant-progress-text {
  display: inline-block;
  width: 2em;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 1em;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
}
.ant-progress-text .anticon {
  font-size: 14px;
}
.ant-progress-status-active .ant-progress-bg::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ffffff;
  border-radius: 10px;
  opacity: 0;
  animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  content: '';
}
.ant-progress-status-exception .ant-progress-bg {
  background-color: #f5222d;
}
.ant-progress-status-exception .ant-progress-text {
  color: #f5222d;
}
.ant-progress-status-exception .ant-progress-circle-path {
  stroke: #f5222d;
}
.ant-progress-status-success .ant-progress-bg {
  background-color: #52c41a;
}
.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
.ant-progress-status-success .ant-progress-circle-path {
  stroke: #52c41a;
}
.ant-progress-circle .ant-progress-inner {
  position: relative;
  line-height: 1;
  background-color: transparent;
}
.ant-progress-circle .ant-progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: #272727;
  line-height: 1;
  white-space: normal;
  text-align: center;
  transform: translate(-50%, -50%);
}
.ant-progress-circle .ant-progress-text .anticon {
  font-size: 1.16666667em;
}
.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
  color: #f5222d;
}
.ant-progress-circle.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
@keyframes ant-progress-active {
  0% {
    width: 0;
    opacity: 0.1;
  }
  20% {
    width: 0;
    opacity: 0.5;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
.ant-radio-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
}
.ant-radio-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  margin-right: 8px;
  white-space: nowrap;
  cursor: pointer;
}
.ant-radio {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: sub;
  outline: none;
  cursor: pointer;
}
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus + .ant-radio-inner {
  border-color: @menu-item-active-bg;
}
.ant-radio-input:focus + .ant-radio-inner {
  box-shadow: 0 0 0 3px rgba(0, 163, 53, 0.08);
}
.ant-radio-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid @menu-item-active-bg;
  border-radius: 50%;
  visibility: hidden;
  animation: antRadioEffect 0.36s ease-in-out;
  animation-fill-mode: both;
  content: '';
}
.ant-radio:hover::after,
.ant-radio-wrapper:hover .ant-radio::after {
  visibility: visible;
}
.ant-radio-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: @component-background;
  border-color: @border-color-base;
  border-style: solid;
  border-width: 1px;
  border-radius: 100px;
  transition: all 0.3s;
}
.ant-radio-inner::after {
  position: absolute;
  top: 3px;
  left: 3px;
  display: table;
  width: 8px;
  height: 8px;
  background-color: @menu-item-active-bg;
  border-top: 0;
  border-left: 0;
  border-radius: 8px;
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}
.ant-radio-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.ant-radio-checked .ant-radio-inner {
  border-color: @menu-item-active-bg;
}
.ant-radio-checked .ant-radio-inner::after {
  transform: scale(1);
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-radio-disabled .ant-radio-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
  cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner::after {
  background-color: rgba(0, 0, 0, 0.2);
}
.ant-radio-disabled .ant-radio-input {
  cursor: not-allowed;
}
.ant-radio-disabled + span {
  color: @disabled-color;
  cursor: not-allowed;
}
span.ant-radio + * {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-radio-button-wrapper {
  position: relative;
  display: inline-block;
  height: 32px;
  margin: 0;
  padding: 0 15px;
  color: #272727;
  line-height: 30px;
  background: @component-background;
  border: 1px solid @border-color-base;
  border-top-width: 1.02px;
  border-left: 0;
  cursor: pointer;
  transition: color 0.3s, background 0.3s, border-color 0.3s;
}
.ant-radio-button-wrapper a {
  color: #272727;
}
.ant-radio-button-wrapper > .ant-radio-button {
  display: block;
  width: 0;
  height: 0;
  margin-left: 0;
}
.ant-radio-group-large .ant-radio-button-wrapper {
  height: 40px;
  font-size: 16px;
  line-height: 38px;
}
.ant-radio-group-small .ant-radio-button-wrapper {
  height: 24px;
  padding: 0 7px;
  line-height: 22px;
}
.ant-radio-button-wrapper:not(:first-child)::before {
  position: absolute;
  top: 0;
  left: -1px;
  display: block;
  width: 1px;
  height: 100%;
  background-color: @border-color-base;
  content: '';
}
.ant-radio-button-wrapper:first-child {
  border-left: 1px solid @border-color-base;
  border-radius: 4px 0 0 4px;
}
.ant-radio-button-wrapper:last-child {
  border-radius: 0 4px 4px 0;
}
.ant-radio-button-wrapper:first-child:last-child {
  border-radius: 4px;
}
.ant-radio-button-wrapper:hover {
  position: relative;
  color: @menu-item-active-bg;
}
.ant-radio-button-wrapper:focus-within {
  outline: 3px solid rgba(0, 163, 53, 0.06);
}
.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type='checkbox'],
.ant-radio-button-wrapper input[type='radio'] {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.ant-radio-button-wrapper-checked {
  z-index: 1;
  color: @menu-item-active-bg;
  background: @component-background;
  border-color: @menu-item-active-bg;
  box-shadow: -1px 0 0 0 @menu-item-active-bg;
}
.ant-radio-button-wrapper-checked::before {
  background-color: #00a335 !important;
  opacity: 0.1;
}
.ant-radio-button-wrapper-checked:first-child {
  border-color: @menu-item-active-bg;
  box-shadow: none !important;
}
.ant-radio-button-wrapper-checked:hover {
  color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  box-shadow: -1px 0 0 0 color(~`colorPalette("@{menu-item-active-bg}", 5)`);
}
.ant-radio-button-wrapper-checked:active {
  color: color(~`colorPalette("@{menu-item-active-bg}", 7)`);
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 7)`);
  box-shadow: -1px 0 0 0 color(~`colorPalette("@{menu-item-active-bg}", 7)`);
}
.ant-radio-button-wrapper-checked:focus-within {
  outline: 3px solid rgba(0, 163, 53, 0.06);
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #ffffff;
  background: @menu-item-active-bg;
  border-color: @menu-item-active-bg;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #ffffff;
  background: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #ffffff;
  background: color(~`colorPalette("@{menu-item-active-bg}", 7)`);
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 7)`);
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  outline: 3px solid rgba(0, 163, 53, 0.06);
}
.ant-radio-button-wrapper-disabled {
  color: @disabled-color;
  background-color: #f5f5f5;
  border-color: @border-color-base;
  cursor: not-allowed;
}
.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
  color: @disabled-color;
  background-color: #f5f5f5;
  border-color: @border-color-base;
}
.ant-radio-button-wrapper-disabled:first-child {
  border-left-color: @border-color-base;
}
.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  color: @component-background;
  background-color: #e6e6e6;
  border-color: @border-color-base;
  box-shadow: none;
}
@keyframes antRadioEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  .ant-radio {
    vertical-align: text-bottom;
  }
}
.ant-rate {
  box-sizing: border-box;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  font-feature-settings: 'tnum';
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #fadb14;
  font-size: 20px;
  line-height: unset;
  list-style: none;
  outline: none;
}
.ant-rate-disabled .ant-rate-star {
  cursor: default;
}
.ant-rate-disabled .ant-rate-star:hover {
  transform: scale(1);
}
.ant-rate-star {
  position: relative;
  display: inline-block;
  margin: 0;
  margin-right: 8px;
  padding: 0;
  color: inherit;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-rate-star > div:focus {
  outline: 0;
}
.ant-rate-star > div:hover,
.ant-rate-star > div:focus {
  transform: scale(1.1);
}
.ant-rate-star-first,
.ant-rate-star-second {
  color: @border-color-split;
  transition: all 0.3s;
  user-select: none;
}
.ant-rate-star-first .anticon,
.ant-rate-star-second .anticon {
  vertical-align: middle;
}
.ant-rate-star-first {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-half .ant-rate-star-second {
  opacity: 1;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-full .ant-rate-star-second {
  color: inherit;
}
.ant-rate-text {
  display: inline-block;
  margin-left: 8px;
  font-size: 14px;
}
.ant-select {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  outline: 0;
}
.ant-select ul,
.ant-select ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-select > ul > li > a {
  padding: 0;
  background-color: #ffffff;
}
.ant-select-arrow {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -6px;
  color: @disabled-color;
  font-size: 12px;
  line-height: 1;
  transform-origin: 50% 50%;
}
.ant-select-arrow > * {
  line-height: 1;
}
.ant-select-arrow svg {
  display: inline-block;
}
.ant-select-arrow::before {
  display: none;
}
.ant-select-arrow .ant-select-arrow-icon {
  display: block;
}
.ant-select-arrow .ant-select-arrow-icon svg {
  transition: transform 0.3s;
}
.ant-select-selection {
  display: block;
  box-sizing: border-box;
  background-color: #ffffff;
  border: 1px solid @border-color-base;
  border-top-width: 1.02px;
  border-radius: 4px;
  outline: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
}
.ant-select-selection:hover {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-right-width: 1px !important;
}
.ant-select-focused .ant-select-selection,
.ant-select-selection:focus,
.ant-select-selection:active {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(0, 163, 53, 0.2);
}
.ant-select-selection__clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: @disabled-color;
  font-size: 12px;
  font-style: normal;
  line-height: 12px;
  text-align: center;
  text-transform: none;
  background: #ffffff;
  cursor: pointer;
  opacity: 0;
  transition: color 0.3s ease, opacity 0.15s ease;
  text-rendering: auto;
}
.ant-select-selection__clear::before {
  display: block;
}
.ant-select-selection__clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-select-selection:hover .ant-select-selection__clear {
  opacity: 1;
}
.ant-select-selection-selected-value {
  float: left;
  max-width: 100%;
  padding-right: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-select-no-arrow .ant-select-selection-selected-value {
  padding-right: 0;
}
.ant-select-disabled {
  color: @disabled-color;
}
.ant-select-disabled .ant-select-selection {
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-select-disabled .ant-select-selection:hover,
.ant-select-disabled .ant-select-selection:focus,
.ant-select-disabled .ant-select-selection:active {
  border-color: @border-color-base;
  box-shadow: none;
}
.ant-select-disabled .ant-select-selection__clear {
  display: none;
  visibility: hidden;
  pointer-events: none;
}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice {
  padding-right: 10px;
  color: rgba(0, 0, 0, 0.33);
  background: #f5f5f5;
}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice__remove {
  display: none;
}
.ant-select-selection--single {
  position: relative;
  height: 32px;
  cursor: pointer;
}
.ant-select-selection__rendered {
  position: relative;
  display: block;
  margin-right: 11px;
  margin-left: 11px;
  line-height: 30px;
}
.ant-select-selection__rendered::after {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '.';
  pointer-events: none;
}
.ant-select-lg {
  font-size: 16px;
}
.ant-select-lg .ant-select-selection--single {
  height: 40px;
}
.ant-select-lg .ant-select-selection__rendered {
  line-height: 38px;
}
.ant-select-lg .ant-select-selection--multiple {
  min-height: 40px;
}
.ant-select-lg .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 32px;
  line-height: 32px;
}
.ant-select-lg .ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-lg .ant-select-selection--multiple .ant-select-arrow {
  top: 20px;
}
.ant-select-sm .ant-select-selection--single {
  height: 24px;
}
.ant-select-sm .ant-select-selection__rendered {
  margin: 0 7px;
  line-height: 22px;
}
.ant-select-sm .ant-select-selection--multiple {
  min-height: 24px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 16px;
  line-height: 14px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-sm .ant-select-selection--multiple .ant-select-arrow {
  top: 12px;
}
.ant-select-sm .ant-select-selection__clear,
.ant-select-sm .ant-select-arrow {
  right: 8px;
}
.ant-select-disabled .ant-select-selection__choice__remove {
  color: @disabled-color;
  cursor: default;
}
.ant-select-disabled .ant-select-selection__choice__remove:hover {
  color: @disabled-color;
}
.ant-select-search__field__wrap {
  position: relative;
  display: inline-block;
}
.ant-select-selection__placeholder,
.ant-select-search__field__placeholder {
  position: absolute;
  top: 50%;
  right: 9px;
  left: 0;
  max-width: 100%;
  height: 20px;
  margin-top: -10px;
  overflow: hidden;
  color: #bfbfbf;
  line-height: 20px;
  white-space: nowrap;
  text-align: left;
  text-overflow: ellipsis;
}
.ant-select-search__field__placeholder {
  left: 12px;
}
.ant-select-search__field__mirror {
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre;
  opacity: 0;
  pointer-events: none;
}
.ant-select-search--inline {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ant-select-search--inline .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}
.ant-select-search--inline .ant-select-search__field {
  width: 100%;
  height: 100%;
  font-size: 100%;
  line-height: 1;
  background: transparent;
  border-width: 0;
  border-radius: 4px;
  outline: 0;
}
.ant-select-search--inline > i {
  float: right;
}
.ant-select-selection--multiple {
  min-height: 32px;
  padding-bottom: 3px;
  cursor: text;
  zoom: 1;
}
.ant-select-selection--multiple::before,
.ant-select-selection--multiple::after {
  display: table;
  content: '';
}
.ant-select-selection--multiple::after {
  clear: both;
}
.ant-select-selection--multiple::before,
.ant-select-selection--multiple::after {
  display: table;
  content: '';
}
.ant-select-selection--multiple::after {
  clear: both;
}
.ant-select-selection--multiple .ant-select-search--inline {
  position: static;
  float: left;
  width: auto;
  max-width: 100%;
  padding: 0;
}
.ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field {
  width: 0.75em;
  max-width: 100%;
}
.ant-select-selection--multiple .ant-select-selection__rendered {
  height: auto;
  margin-bottom: -3px;
  margin-left: 5px;
}
.ant-select-selection--multiple .ant-select-selection__placeholder {
  margin-left: 6px;
}
.ant-select-selection--multiple > ul > li,
.ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
  height: 24px;
  margin-top: 3px;
  line-height: 22px;
}
.ant-select-selection--multiple .ant-select-selection__choice {
  position: relative;
  float: left;
  max-width: 99%;
  margin-right: 4px;
  padding: 0 20px 0 10px;
  overflow: hidden;
  color: #272727;
  background-color: #fafafa;
  border: 1px solid @border-color-split;
  border-radius: 2px;
  cursor: default;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select-selection--multiple .ant-select-selection__choice__disabled {
  padding: 0 10px;
}
.ant-select-selection--multiple .ant-select-selection__choice__content {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select-selection--multiple .ant-select-selection__choice__remove {
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  line-height: inherit;
  cursor: pointer;
  transition: all 0.3s;
  display: inline-block;
  font-size: 12px;
  font-size: 10px ;
  transform: scale(0.83333333) rotate(0deg);
}
.ant-select-selection--multiple .ant-select-selection__choice__remove > * {
  line-height: 1;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove svg {
  display: inline-block;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove::before {
  display: none;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove .ant-select-selection--multiple .ant-select-selection__choice__remove-icon {
  display: block;
}
:root .ant-select-selection--multiple .ant-select-selection__choice__remove {
  font-size: 12px;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-selection--multiple .ant-select-arrow {
  top: 16px;
}
.ant-select-allow-clear .ant-select-selection--single .ant-select-selection-selected-value {
  padding-right: 16px;
}
.ant-select-allow-clear .ant-select-selection--multiple .ant-select-selection__rendered,
.ant-select-show-arrow .ant-select-selection--multiple .ant-select-selection__rendered {
  margin-right: 20px;
}
.ant-select-open .ant-select-arrow-icon svg {
  transform: rotate(180deg);
}
.ant-select-open .ant-select-selection {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(0, 163, 53, 0.2);
}
.ant-select-combobox .ant-select-arrow {
  display: none;
}
.ant-select-combobox .ant-select-search--inline {
  float: none;
  width: 100%;
  height: 100%;
}
.ant-select-combobox .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}
.ant-select-combobox .ant-select-search__field {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  box-shadow: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0s;
}
.ant-select-combobox.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered,
.ant-select-combobox.ant-select-show-arrow .ant-select-selection:hover .ant-select-selection__rendered {
  margin-right: 20px;
}
.ant-select-dropdown {
  margin: 0;
  padding: 0;
  color: #272727;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  box-sizing: border-box;
  font-size: 14px;
  font-variant: initial;
  background-color: #ffffff;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpIn;
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownIn;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpOut;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownOut;
}
.ant-select-dropdown-hidden {
  display: none;
}
.ant-select-dropdown-menu {
  max-height: 250px;
  margin-bottom: 0;
  padding-left: 0;
  overflow: auto;
  list-style: none;
  outline: none;
}
.ant-select-dropdown-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-select-dropdown-menu-item-group-list > .ant-select-dropdown-menu-item {
  padding-left: 20px;
}
.ant-select-dropdown-menu-item-group-title {
  height: 32px;
  padding: 0 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  line-height: 32px;
}
.ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:first-child:not(:last-child),
.ant-select-dropdown-menu-item-group:not(:last-child) .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:last-child {
  border-radius: 0;
}
.ant-select-dropdown-menu-item {
  position: relative;
  display: block;
  padding: 5px 12px;
  overflow: hidden;
  color: #272727;
  font-weight: normal;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: color(~`colorPalette("@{menu-item-active-bg}", 1)`);
}
.ant-select-dropdown-menu-item:first-child {
  border-radius: 4px 4px 0 0;
}
.ant-select-dropdown-menu-item:last-child {
  border-radius: 0 0 4px 4px;
}
.ant-select-dropdown-menu-item-selected {
  color: #272727;
  font-weight: 600;
  background-color: #fafafa;
}
.ant-select-dropdown-menu-item-disabled {
  color: @disabled-color;
  cursor: not-allowed;
}
.ant-select-dropdown-menu-item-disabled:hover {
  color: @disabled-color;
  cursor: not-allowed;
}
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: color(~`colorPalette("@{menu-item-active-bg}", 1)`);
}
.ant-select-dropdown-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  line-height: 0;
  background-color: @border-color-split;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item {
  padding-right: 32px;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item .ant-select-selected-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  color: transparent;
  font-weight: bold;
  font-size: 12px;
  text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0;
  transform: translateY(-50%);
  transition: all 0.2s;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover .ant-select-selected-icon {
  color: rgba(0, 0, 0, 0.87);
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-disabled .ant-select-selected-icon {
  display: none;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon,
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon {
  display: inline-block;
  color: @menu-item-active-bg;
}
.ant-select-dropdown--empty.ant-select-dropdown--multiple .ant-select-dropdown-menu-item {
  padding-right: 12px;
}
.ant-select-dropdown-container-open .ant-select-dropdown,
.ant-select-dropdown-open .ant-select-dropdown {
  display: block;
}
.ant-skeleton {
  display: table;
  width: 100%;
}
.ant-skeleton-header {
  display: table-cell;
  padding-right: 16px;
  vertical-align: top;
}
.ant-skeleton-header .ant-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background: #f2f2f2;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-content {
  display: table-cell;
  width: 100%;
  vertical-align: top;
}
.ant-skeleton-content .ant-skeleton-title {
  width: 100%;
  height: 16px;
  margin-top: 16px;
  background: #f2f2f2;
}
.ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 24px;
}
.ant-skeleton-content .ant-skeleton-paragraph {
  padding: 0;
}
.ant-skeleton-content .ant-skeleton-paragraph > li {
  width: 100%;
  height: 16px;
  list-style: none;
  background: #f2f2f2;
}
.ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) {
  width: 61%;
}
.ant-skeleton-content .ant-skeleton-paragraph > li + li {
  margin-top: 16px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title {
  margin-top: 12px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 28px;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  animation: ant-skeleton-loading 1.4s ease infinite;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  animation: ant-skeleton-loading 1.4s ease infinite;
}
@keyframes ant-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.ant-slider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  height: 12px;
  margin: 14px 6px 10px;
  padding: 4px 0;
  cursor: pointer;
  touch-action: none;
}
.ant-slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px;
}
.ant-slider-vertical .ant-slider-rail {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-track {
  width: 4px;
}
.ant-slider-vertical .ant-slider-handle {
  margin-bottom: -7px;
  margin-left: -5px;
}
.ant-slider-vertical .ant-slider-mark {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-mark-text {
  left: 4px;
  white-space: nowrap;
}
.ant-slider-vertical .ant-slider-step {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-dot {
  top: auto;
  left: 2px;
  margin-bottom: -4px;
}
.ant-slider-with-marks {
  margin-bottom: 28px;
}
.ant-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #f5f5f5;
  border-radius: 2px;
  transition: background-color 0.3s;
}
.ant-slider-track {
  position: absolute;
  height: 4px;
  background-color: color(~`colorPalette("@{menu-item-active-bg}", 3)`);
  border-radius: 4px;
  transition: background-color 0.3s ease;
}
.ant-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  margin-left: -7px;
  background-color: #ffffff;
  border: solid 2px color(~`colorPalette("@{menu-item-active-bg}", 3)`);
  border-radius: 50%;
  box-shadow: 0;
  cursor: pointer;
  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.ant-slider-handle:focus {
  border-color: #33b55d;
  outline: none;
  box-shadow: 0 0 0 5px rgba(0, 163, 53, 0.2);
}
.ant-slider-handle.ant-tooltip-open {
  border-color: @menu-item-active-bg;
}
.ant-slider:hover .ant-slider-rail {
  background-color: #e1e1e1;
}
.ant-slider:hover .ant-slider-track {
  background-color: color(~`colorPalette("@{menu-item-active-bg}", 4)`);
}
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 4)`);
}
.ant-slider-mark {
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
  font-size: 14px;
}
.ant-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  word-break: keep-all;
  cursor: pointer;
}
.ant-slider-mark-text-active {
  color: #272727;
}
.ant-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.ant-slider-dot {
  position: absolute;
  top: -2px;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  background-color: #ffffff;
  border: 2px solid @border-color-split;
  border-radius: 50%;
  cursor: pointer;
}
.ant-slider-dot:first-child {
  margin-left: -4px;
}
.ant-slider-dot:last-child {
  margin-left: -4px;
}
.ant-slider-dot-active {
  border-color: #80d19a;
}
.ant-slider-disabled {
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-track {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
.ant-slider-disabled .ant-slider-handle,
.ant-slider-disabled .ant-slider-dot {
  background-color: #ffffff;
  border-color: rgba(0, 0, 0, 0.25) !important;
  box-shadow: none;
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-mark-text,
.ant-slider-disabled .ant-slider-dot {
  cursor: not-allowed !important;
}
.ant-spin {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  display: none;
  color: @menu-item-active-bg;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-spin-spinning {
  position: static;
  display: inline-block;
  opacity: 1;
}
.ant-spin-nested-loading {
  position: relative;
}
.ant-spin-nested-loading > div > .ant-spin {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 400px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 5px;
  text-shadow: 0 1px 2px #ffffff;
}
.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
  margin-top: -20px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
  margin: -7px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
  padding-top: 2px;
}
.ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
  margin-top: -17px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
  margin: -16px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
  padding-top: 11px;
}
.ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
  margin-top: -26px;
}
.ant-spin-container {
  position: relative;
  transition: opacity 0.3s;
}
.ant-spin-container::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none ;
  width: 100%;
  height: 100%;
  background: #ffffff;
  opacity: 0;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}
.ant-spin-blur {
  clear: both;
  overflow: hidden;
  opacity: 0.5;
  user-select: none;
  pointer-events: none;
}
.ant-spin-blur::after {
  opacity: 0.4;
  pointer-events: auto;
}
.ant-spin-tip {
  color: rgba(0, 0, 0, 0.45);
}
.ant-spin-dot {
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 1em;
  height: 1em;
}
.ant-spin-dot-item {
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  background-color: @menu-item-active-bg;
  border-radius: 100%;
  transform: scale(0.75);
  transform-origin: 50% 50%;
  opacity: 0.3;
  animation: antSpinMove 1s infinite linear alternate;
}
.ant-spin-dot-item:nth-child(1) {
  top: 0;
  left: 0;
}
.ant-spin-dot-item:nth-child(2) {
  top: 0;
  right: 0;
  animation-delay: 0.4s;
}
.ant-spin-dot-item:nth-child(3) {
  right: 0;
  bottom: 0;
  animation-delay: 0.8s;
}
.ant-spin-dot-item:nth-child(4) {
  bottom: 0;
  left: 0;
  animation-delay: 1.2s;
}
.ant-spin-dot-spin {
  transform: rotate(45deg);
  animation: antRotate 1.2s infinite linear;
}
.ant-spin-sm .ant-spin-dot {
  font-size: 14px;
}
.ant-spin-sm .ant-spin-dot i {
  width: 6px;
  height: 6px;
}
.ant-spin-lg .ant-spin-dot {
  font-size: 32px;
}
.ant-spin-lg .ant-spin-dot i {
  width: 14px;
  height: 14px;
}
.ant-spin.ant-spin-show-text .ant-spin-text {
  display: block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ */
  .ant-spin-blur {
    background: #ffffff;
    opacity: 0.5;
  }
}
@keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@keyframes antRotate {
  to {
    transform: rotate(405deg);
  }
}
.ant-statistic {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-statistic-title {
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-statistic-content {
  color: @heading-color;
  font-size: 24px;
  font-family: Tahoma, 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
.ant-statistic-content-value-decimal {
  font-size: 16px;
}
.ant-statistic-content-prefix,
.ant-statistic-content-suffix {
  display: inline-block;
}
.ant-statistic-content-prefix {
  margin-right: 4px;
}
.ant-statistic-content-suffix {
  margin-left: 4px;
  font-size: 16px;
}
.ant-steps {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: flex;
  width: 100%;
  font-size: 0;
}
.ant-steps-item {
  position: relative;
  display: inline-block;
  flex: 1;
  overflow: hidden;
  vertical-align: top;
}
.ant-steps-item:last-child {
  flex: none;
}
.ant-steps-item:last-child > .ant-steps-item-tail,
.ant-steps-item:last-child > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-item-icon,
.ant-steps-item-content {
  display: inline-block;
  vertical-align: top;
}
.ant-steps-item-icon {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  line-height: 32px;
  text-align: center;
  border: 1px solid @disabled-color;
  border-radius: 32px;
  transition: background-color 0.3s, border-color 0.3s;
}
.ant-steps-item-icon > .ant-steps-icon {
  position: relative;
  top: -1px;
  color: @menu-item-active-bg;
  line-height: 1;
}
.ant-steps-item-tail {
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  padding: 0 10px;
}
.ant-steps-item-tail::after {
  display: inline-block;
  width: 100%;
  height: 1px;
  background: @border-color-split;
  border-radius: 1px;
  transition: background 0.3s;
  content: '';
}
.ant-steps-item-title {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  color: #272727;
  font-size: 16px;
  line-height: 32px;
}
.ant-steps-item-title::after {
  position: absolute;
  top: 16px;
  left: 100%;
  display: block;
  width: 9999px;
  height: 1px;
  background: @border-color-split;
  content: '';
}
.ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-steps-item-wait .ant-steps-item-icon {
  background-color: #ffffff;
  border-color: @disabled-color;
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
  color: @disabled-color;
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: @disabled-color;
}
.ant-steps-item-wait > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: @border-color-split;
}
.ant-steps-item-wait > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-tail::after {
  background-color: @border-color-split;
}
.ant-steps-item-process .ant-steps-item-icon {
  background-color: #ffffff;
  border-color: @menu-item-active-bg;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: @menu-item-active-bg;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: @menu-item-active-bg;
}
.ant-steps-item-process > .ant-steps-item-content > .ant-steps-item-title {
  color: @heading-color;
}
.ant-steps-item-process > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: @border-color-split;
}
.ant-steps-item-process > .ant-steps-item-content > .ant-steps-item-description {
  color: #272727;
}
.ant-steps-item-process > .ant-steps-item-tail::after {
  background-color: @border-color-split;
}
.ant-steps-item-process .ant-steps-item-icon {
  background: @menu-item-active-bg;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: @component-background;
}
.ant-steps-item-process .ant-steps-item-title {
  font-weight: 500;
}
.ant-steps-item-finish .ant-steps-item-icon {
  background-color: #ffffff;
  border-color: @menu-item-active-bg;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  color: @menu-item-active-bg;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: @menu-item-active-bg;
}
.ant-steps-item-finish > .ant-steps-item-content > .ant-steps-item-title {
  color: #272727;
}
.ant-steps-item-finish > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: @menu-item-active-bg;
}
.ant-steps-item-finish > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-finish > .ant-steps-item-tail::after {
  background-color: @menu-item-active-bg;
}
.ant-steps-item-error .ant-steps-item-icon {
  background-color: #ffffff;
  border-color: #f5222d;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
  color: #f5222d;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #f5222d;
}
.ant-steps-item-error > .ant-steps-item-content > .ant-steps-item-title {
  color: #f5222d;
}
.ant-steps-item-error > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: @border-color-split;
}
.ant-steps-item-error > .ant-steps-item-content > .ant-steps-item-description {
  color: #f5222d;
}
.ant-steps-item-error > .ant-steps-item-tail::after {
  background-color: @border-color-split;
}
.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
  background: #f5222d;
}
.ant-steps-item[role='button'] {
  outline: none;
}
.ant-steps-item[role='button']:not(.ant-steps-item-process) {
  cursor: pointer;
}
.ant-steps-item[role='button']:not(.ant-steps-item-process) .ant-steps-item-title,
.ant-steps-item[role='button']:not(.ant-steps-item-process) .ant-steps-item-description,
.ant-steps-item[role='button']:not(.ant-steps-item-process) .ant-steps-item-icon .ant-steps-icon {
  transition: color 0.3s;
}
.ant-steps-item[role='button']:not(.ant-steps-item-process):hover .ant-steps-item-title,
.ant-steps-item[role='button']:not(.ant-steps-item-process):hover .ant-steps-item-description {
  color: @menu-item-active-bg;
}
.ant-steps-item[role='button']:not(.ant-steps-item-process):hover .ant-steps-item-icon {
  border-color: @menu-item-active-bg;
}
.ant-steps-item[role='button']:not(.ant-steps-item-process):hover .ant-steps-item-icon .ant-steps-icon {
  color: @menu-item-active-bg;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  margin-right: 16px;
  white-space: nowrap;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
  margin-right: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
  padding-right: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
  display: none;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description {
  max-width: 140px;
  white-space: normal;
}
.ant-steps-item-custom .ant-steps-item-icon {
  height: auto;
  background: none;
  border: 0;
}
.ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  top: 0;
  left: 0.5px;
  width: 32px;
  height: 32px;
  font-size: 24px;
  line-height: 32px;
}
.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: @menu-item-active-bg;
}
.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
  width: auto;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  margin-right: 12px;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
  margin-right: 0;
}
.ant-steps-small .ant-steps-item-icon {
  width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  border-radius: 24px;
}
.ant-steps-small .ant-steps-item-title {
  padding-right: 12px;
  font-size: 14px;
  line-height: 24px;
}
.ant-steps-small .ant-steps-item-title::after {
  top: 12px;
}
.ant-steps-small .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-steps-small .ant-steps-item-tail {
  top: 8px;
  padding: 0 8px;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
  width: inherit;
  height: inherit;
  line-height: inherit;
  background: none;
  border: 0;
  border-radius: 0;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  font-size: 24px;
  line-height: 24px;
  transform: none;
}
.ant-steps-vertical {
  display: block;
}
.ant-steps-vertical .ant-steps-item {
  display: block;
  overflow: visible;
}
.ant-steps-vertical .ant-steps-item-icon {
  float: left;
  margin-right: 16px;
}
.ant-steps-vertical .ant-steps-item-content {
  display: block;
  min-height: 48px;
  overflow: hidden;
}
.ant-steps-vertical .ant-steps-item-title {
  line-height: 32px;
}
.ant-steps-vertical .ant-steps-item-description {
  padding-bottom: 12px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 16px;
  width: 1px;
  height: 100%;
  padding: 38px 0 6px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-tail::after {
  width: 1px;
  height: 100%;
}
.ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-tail {
  display: block;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 12px;
  padding: 30px 0 6px;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-title {
  line-height: 24px;
}
@media (max-width: 480px) {
  .ant-steps-horizontal.ant-steps-label-horizontal {
    display: block;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
    display: block;
    overflow: visible;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-icon {
    float: left;
    margin-right: 16px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-content {
    display: block;
    min-height: 48px;
    overflow: hidden;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-title {
    line-height: 32px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-description {
    padding-bottom: 12px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 16px;
    width: 1px;
    height: 100%;
    padding: 38px 0 6px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-tail::after {
    width: 1px;
    height: 100%;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item:not(:last-child) > .ant-steps-item-tail {
    display: block;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-content > .ant-steps-item-title::after {
    display: none;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 12px;
    padding: 30px 0 6px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-title {
    line-height: 24px;
  }
}
.ant-steps-label-vertical .ant-steps-item {
  overflow: visible;
}
.ant-steps-label-vertical .ant-steps-item-tail {
  margin-left: 51px;
  padding: 3.5px 24px;
}
.ant-steps-label-vertical .ant-steps-item-content {
  display: block;
  width: 104px;
  margin-top: 8px;
  text-align: center;
}
.ant-steps-label-vertical .ant-steps-item-icon {
  display: inline-block;
  margin-left: 36px;
}
.ant-steps-label-vertical .ant-steps-item-title {
  padding-right: 0;
}
.ant-steps-label-vertical .ant-steps-item-title::after {
  display: none;
}
.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon {
  margin-left: 40px;
}
.ant-steps-dot .ant-steps-item-title {
  line-height: 1.5;
}
.ant-steps-dot .ant-steps-item-tail {
  top: 2px;
  width: 100%;
  margin: 0 0 0 70px;
  padding: 0;
}
.ant-steps-dot .ant-steps-item-tail::after {
  width: calc(100% - 20px);
  height: 3px;
  margin-left: 12px;
}
.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 2px;
}
.ant-steps-dot .ant-steps-item-icon {
  width: 8px;
  height: 8px;
  margin-left: 67px;
  padding-right: 0;
  line-height: 8px;
  background: transparent;
  border: 0;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  transition: all 0.3s;
  /* expand hover area */
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after {
  position: absolute;
  top: -12px;
  left: -26px;
  width: 60px;
  height: 32px;
  background: rgba(0, 0, 0, 0.001);
  content: '';
}
.ant-steps-dot .ant-steps-item-content {
  width: 140px;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon {
  width: 10px;
  height: 10px;
  line-height: 10px;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon .ant-steps-icon-dot {
  top: -1px;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  margin-top: 8px;
  margin-left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-tail {
  top: 2px;
  left: -9px;
  margin: 0;
  padding: 22px 0 4px;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
  left: -2px;
}
.ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
  margin-left: -16px;
  padding-left: 16px;
  background: #ffffff;
}
.ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item {
  margin-left: -12px;
  padding-left: 12px;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item:last-child {
  overflow: hidden;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item:last-child .ant-steps-icon-dot::after {
  right: -200px;
  width: 200px;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::before,
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::after {
  position: absolute;
  top: 0;
  left: -10px;
  width: 10px;
  height: 8px;
  background: #ffffff;
  content: '';
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::after {
  right: -10px;
  left: auto;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #ccc;
}
.ant-switch {
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-width: 44px;
  height: 22px;
  line-height: 20px;
  vertical-align: middle;
  background-color: @disabled-color;
  border: 1px solid transparent;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.36s;
  user-select: none;
}
.ant-switch-inner {
  display: block;
  margin-right: 6px;
  margin-left: 24px;
  color: @component-background;
  font-size: 12px;
}
.ant-switch-loading-icon,
.ant-switch::after {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  border-radius: 18px;
  cursor: pointer;
  transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}
.ant-switch::after {
  box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
}
.ant-switch:not(.ant-switch-disabled):active::before,
.ant-switch:not(.ant-switch-disabled):active::after {
  width: 24px;
}
.ant-switch-loading-icon {
  z-index: 1;
  display: none;
  font-size: 12px;
  background: transparent;
}
.ant-switch-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-switch-loading .ant-switch-loading-icon {
  display: inline-block;
  color: #272727;
}
.ant-switch-checked.ant-switch-loading .ant-switch-loading-icon {
  color: @menu-item-active-bg;
}
.ant-switch:focus {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(0, 163, 53, 0.2);
}
.ant-switch:focus:hover {
  box-shadow: none;
}
.ant-switch-small {
  min-width: 28px;
  height: 16px;
  line-height: 14px;
}
.ant-switch-small .ant-switch-inner {
  margin-right: 3px;
  margin-left: 18px;
  font-size: 12px;
}
.ant-switch-small::after {
  width: 12px;
  height: 12px;
}
.ant-switch-small:active::before,
.ant-switch-small:active::after {
  width: 16px;
}
.ant-switch-small .ant-switch-loading-icon {
  width: 12px;
  height: 12px;
}
.ant-switch-small.ant-switch-checked .ant-switch-inner {
  margin-right: 18px;
  margin-left: 3px;
}
.ant-switch-small.ant-switch-checked .ant-switch-loading-icon {
  left: 100%;
  margin-left: -13px;
}
.ant-switch-small.ant-switch-loading .ant-switch-loading-icon {
  font-weight: bold;
  transform: scale(0.66667);
}
.ant-switch-checked {
  background-color: @menu-item-active-bg;
}
.ant-switch-checked .ant-switch-inner {
  margin-right: 24px;
  margin-left: 6px;
}
.ant-switch-checked::after {
  left: 100%;
  margin-left: -1px;
  transform: translateX(-100%);
}
.ant-switch-checked .ant-switch-loading-icon {
  left: 100%;
  margin-left: -19px;
}
.ant-switch-loading,
.ant-switch-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.ant-switch-loading *,
.ant-switch-disabled * {
  cursor: not-allowed;
}
.ant-switch-loading::before,
.ant-switch-disabled::before,
.ant-switch-loading::after,
.ant-switch-disabled::after {
  cursor: not-allowed;
}
@keyframes AntSwitchSmallLoadingCircle {
  0% {
    transform: rotate(0deg) scale(0.66667);
    transform-origin: 50% 50%;
  }
  100% {
    transform: rotate(360deg) scale(0.66667);
    transform-origin: 50% 50%;
  }
}
.ant-table-wrapper {
  zoom: 1;
}
.ant-table-wrapper::before,
.ant-table-wrapper::after {
  display: table;
  content: '';
}
.ant-table-wrapper::after {
  clear: both;
}
.ant-table-wrapper::before,
.ant-table-wrapper::after {
  display: table;
  content: '';
}
.ant-table-wrapper::after {
  clear: both;
}
.ant-table {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  clear: both;
}
.ant-table-body {
  transition: opacity 0.3s;
}
.ant-table-empty .ant-table-body {
  overflow: auto !important;
}
.ant-table table {
  width: 100%;
  text-align: left;
  border-radius: 4px 4px 0 0;
  border-collapse: collapse;
}
.ant-table-thead > tr {
  background: #fafafa;
}
.ant-table-thead > tr > th {
  color: @heading-color;
  font-weight: 500;
  text-align: left;
  background: transparent;
  border-bottom: 1px solid @border-color-split;
  transition: background 0.3s ease;
}
.ant-table-thead > tr > th[colspan] {
  text-align: center;
}
.ant-table-thead > tr > th .anticon-filter,
.ant-table-thead > tr > th .ant-table-filter-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 100%;
  color: #bfbfbf;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-table-thead > tr > th .anticon-filter > svg,
.ant-table-thead > tr > th .ant-table-filter-icon > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -6px;
}
.ant-table-thead > tr > th .ant-table-filter-selected.anticon-filter {
  color: @menu-item-active-bg;
}
.ant-table-thead > tr > th .ant-table-column-sorter {
  display: table-cell;
  vertical-align: middle;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner {
  height: 1em;
  margin-top: 0.35em;
  margin-left: 0.57142857em;
  color: #bfbfbf;
  line-height: 1em;
  text-align: center;
  transition: all 0.3s;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down {
  display: inline-block;
  font-size: 12px;
  font-size: 11px ;
  transform: scale(0.91666667) rotate(0deg);
  display: block;
  height: 1em;
  line-height: 1em;
  transition: all 0.3s;
}
:root .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up,
:root .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down {
  font-size: 12px;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up.on,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down.on {
  color: @menu-item-active-bg;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full {
  margin-top: -0.15em;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-up,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-down {
  height: 0.5em;
  line-height: 0.5em;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-down {
  margin-top: 0.125em;
}
.ant-table-thead > tr > th.ant-table-column-has-actions {
  position: relative;
  background-clip: padding-box;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters {
  padding-right: 30px !important;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open {
  color: rgba(0, 0, 0, 0.45);
  background: #e5e5e5;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover {
  color: rgba(0, 0, 0, 0.45);
  background: #e5e5e5;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:active,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:active {
  color: #272727;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters {
  cursor: pointer;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover {
  background: #f2f2f2;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .anticon-filter,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .ant-table-filter-icon {
  background: #f2f2f2;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-up:not(.on),
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-down:not(.on) {
  color: rgba(0, 0, 0, 0.45);
}
.ant-table-thead > tr > th .ant-table-header-column {
  display: inline-block;
  vertical-align: top;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters {
  display: table;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters > .ant-table-column-title {
  display: table-cell;
  vertical-align: middle;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters > *:not(.ant-table-column-sorter) {
  position: relative;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  transition: all 0.3s;
  content: '';
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters:hover::before {
  background: rgba(0, 0, 0, 0.04);
}
.ant-table-thead > tr > th.ant-table-column-has-sorters {
  user-select: none;
}
.ant-table-thead > tr:first-child > th:first-child {
  border-top-left-radius: 4px;
}
.ant-table-thead > tr:first-child > th:last-child {
  border-top-right-radius: 4px;
}
.ant-table-thead > tr:not(:last-child) > th[colspan] {
  border-bottom: 0;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid @border-color-split;
  transition: all 0.3s, border 0s;
}
.ant-table-thead > tr,
.ant-table-tbody > tr {
  transition: all 0.3s, height 0s;
}
.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,
.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,
.ant-table-thead > tr:hover:not(.ant-table-expanded-row) > td,
.ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
  background: color(~`colorPalette("@{menu-item-active-bg}", 1)`);
}
.ant-table-footer {
  position: relative;
  padding: 16px 16px;
  background: #fafafa;
  border-top: 1px solid @border-color-split;
  border-radius: 0 0 4px 4px;
}
.ant-table-footer::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fafafa;
  content: '';
}
.ant-table.ant-table-bordered .ant-table-footer {
  border: 1px solid @border-color-split;
}
.ant-table-title {
  position: relative;
  top: 1px;
  padding: 16px 0;
  border-radius: 4px 4px 0 0;
}
.ant-table.ant-table-bordered .ant-table-title {
  padding-right: 16px;
  padding-left: 16px;
  border: 1px solid @border-color-split;
}
.ant-table-title + .ant-table-content {
  position: relative;
  overflow: hidden;
  border-radius: 4px 4px 0 0;
}
.ant-table-bordered .ant-table-title + .ant-table-content,
.ant-table-bordered .ant-table-title + .ant-table-content table,
.ant-table-bordered .ant-table-title + .ant-table-content .ant-table-thead > tr:first-child > th {
  border-radius: 0;
}
.ant-table-without-column-header .ant-table-title + .ant-table-content,
.ant-table-without-column-header table {
  border-radius: 0;
}
.ant-table-without-column-header.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-top: 1px solid @border-color-split;
  border-radius: 4px;
}
.ant-table-tbody > tr.ant-table-row-selected td {
  color: inherit;
  background: #fafafa;
}
.ant-table-thead > tr > th.ant-table-column-sort {
  background: #f5f5f5;
}
.ant-table-tbody > tr > td.ant-table-column-sort {
  background: rgba(0, 0, 0, 0.01);
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td {
  padding: 16px 16px;
}
.ant-table-expand-icon-th,
.ant-table-row-expand-icon-cell {
  width: 50px;
  min-width: 50px;
  text-align: center;
}
.ant-table-header {
  overflow: hidden;
  background: #fafafa;
}
.ant-table-header table {
  border-radius: 4px 4px 0 0;
}
.ant-table-loading {
  position: relative;
}
.ant-table-loading .ant-table-body {
  background: #ffffff;
  opacity: 0.5;
}
.ant-table-loading .ant-table-spin-holder {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 20px;
  margin-left: -30px;
  line-height: 20px;
}
.ant-table-loading .ant-table-with-pagination {
  margin-top: -20px;
}
.ant-table-loading .ant-table-without-pagination {
  margin-top: 10px;
}
.ant-table-bordered .ant-table-header > table,
.ant-table-bordered .ant-table-body > table,
.ant-table-bordered .ant-table-fixed-left table,
.ant-table-bordered .ant-table-fixed-right table {
  border: 1px solid @border-color-split;
  border-right: 0;
  border-bottom: 0;
}
.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-right: 1px solid @border-color-split;
  border-left: 1px solid @border-color-split;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-header > table {
  border-bottom: 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-body > table {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-header + .ant-table-body > table,
.ant-table-bordered.ant-table-fixed-header .ant-table-body-inner > table {
  border-top: 0;
}
.ant-table-bordered .ant-table-thead > tr:not(:last-child) > th {
  border-bottom: 1px solid @border-color-split;
}
.ant-table-bordered .ant-table-thead > tr > th,
.ant-table-bordered .ant-table-tbody > tr > td {
  border-right: 1px solid @border-color-split;
}
.ant-table-placeholder {
  position: relative;
  z-index: 1;
  padding: 16px 16px;
  color: @disabled-color;
  font-size: 14px;
  text-align: center;
  background: #ffffff;
  border-bottom: 1px solid @border-color-split;
  border-radius: 0 0 4px 4px;
}
.ant-table-placeholder .anticon {
  margin-right: 4px;
}
.ant-table-pagination.ant-pagination {
  float: right;
  margin: 16px 0;
}
.ant-table-filter-dropdown {
  position: relative;
  min-width: 96px;
  margin-left: -8px;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-filter-dropdown .ant-dropdown-menu {
  border: 0;
  border-radius: 4px 4px 0 0;
  box-shadow: none;
}
.ant-table-filter-dropdown .ant-dropdown-menu-without-submenu {
  max-height: 400px;
  overflow-x: hidden;
}
.ant-table-filter-dropdown .ant-dropdown-menu-item > label + span {
  padding-right: 0;
}
.ant-table-filter-dropdown .ant-dropdown-menu-sub {
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title::after {
  color: @menu-item-active-bg;
  font-weight: bold;
  text-shadow: 0 0 2px color(~`colorPalette("@{menu-item-active-bg}", 2)`);
}
.ant-table-filter-dropdown .ant-dropdown-menu-item {
  overflow: hidden;
}
.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-item:last-child,
.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
  border-radius: 0;
}
.ant-table-filter-dropdown-btns {
  padding: 7px 8px;
  overflow: hidden;
  border-top: 1px solid @border-color-split;
}
.ant-table-filter-dropdown-link {
  color: @menu-item-active-bg;
}
.ant-table-filter-dropdown-link:hover {
  color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
}
.ant-table-filter-dropdown-link:active {
  color: color(~`colorPalette("@{menu-item-active-bg}", 7)`);
}
.ant-table-filter-dropdown-link.confirm {
  float: left;
}
.ant-table-filter-dropdown-link.clear {
  float: right;
}
.ant-table-selection {
  white-space: nowrap;
}
.ant-table-selection-select-all-custom {
  margin-right: 4px !important;
}
.ant-table-selection .anticon-down {
  color: #bfbfbf;
  transition: all 0.3s;
}
.ant-table-selection-menu {
  min-width: 96px;
  margin-top: 5px;
  margin-left: -30px;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-selection-menu .ant-action-down {
  color: #bfbfbf;
}
.ant-table-selection-down {
  display: inline-block;
  padding: 0;
  line-height: 1;
  cursor: pointer;
}
.ant-table-selection-down:hover .anticon-down {
  color: rgba(0, 0, 0, 0.6);
}
.ant-table-row-expand-icon {
  display: inline-block;
  width: 17px;
  height: 17px;
  line-height: 14px;
  text-align: center;
  background: #ffffff;
  border: 1px solid @border-color-split;
  cursor: pointer;
  user-select: none;
}
.ant-table-row-expanded::after {
  content: '-';
}
.ant-table-row-collapsed::after {
  content: '+';
}
.ant-table-row-spaced {
  visibility: hidden;
}
.ant-table-row-spaced::after {
  content: '.';
}
tr.ant-table-expanded-row,
tr.ant-table-expanded-row:hover {
  background: #fbfbfb;
}
tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -16px -16px -17px;
}
.ant-table .ant-table-row-indent + .ant-table-row-expand-icon {
  margin-right: 8px;
}
.ant-table-scroll {
  overflow: auto;
  overflow-x: hidden;
}
.ant-table-scroll table {
  width: auto;
  min-width: 100%;
}
.ant-table-scroll table .ant-table-fixed-columns-in-body {
  visibility: hidden;
}
.ant-table-body-inner {
  height: 100%;
}
.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
  position: relative;
  background: #ffffff;
}
.ant-table-fixed-header .ant-table-body-inner {
  overflow: scroll;
}
.ant-table-fixed-header .ant-table-scroll .ant-table-header {
  margin-bottom: -20px;
  padding-bottom: 20px;
  overflow: scroll;
  opacity: 0.9999;
}
.ant-table-fixed-left,
.ant-table-fixed-right {
  position: absolute;
  top: 0;
  z-index: auto;
  overflow: hidden;
  border-radius: 0;
  transition: box-shadow 0.3s ease;
}
.ant-table-fixed-left table,
.ant-table-fixed-right table {
  width: auto;
  background: #ffffff;
}
.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-outer .ant-table-fixed,
.ant-table-fixed-header .ant-table-fixed-right .ant-table-body-outer .ant-table-fixed {
  border-radius: 0;
}
.ant-table-fixed-left {
  left: 0;
  box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.ant-table-fixed-left .ant-table-header {
  overflow-y: hidden;
}
.ant-table-fixed-left .ant-table-body-inner {
  margin-right: -20px;
  padding-right: 20px;
}
.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-inner {
  padding-right: 0;
}
.ant-table-fixed-left,
.ant-table-fixed-left table {
  border-radius: 4px 0 0 0;
}
.ant-table-fixed-left .ant-table-thead > tr > th:last-child {
  border-top-right-radius: 0;
}
.ant-table-fixed-right {
  right: 0;
  box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.ant-table-fixed-right,
.ant-table-fixed-right table {
  border-radius: 0 4px 0 0;
}
.ant-table-fixed-right .ant-table-expanded-row {
  color: transparent;
  pointer-events: none;
}
.ant-table-fixed-right .ant-table-thead > tr > th:first-child {
  border-top-left-radius: 0;
}
.ant-table.ant-table-scroll-position-left .ant-table-fixed-left {
  box-shadow: none;
}
.ant-table.ant-table-scroll-position-right .ant-table-fixed-right {
  box-shadow: none;
}
.ant-table colgroup > col.ant-table-selection-col {
  width: 60px;
}
.ant-table-thead > tr > th.ant-table-selection-column-custom .ant-table-selection {
  margin-right: -15px;
}
.ant-table-thead > tr > th.ant-table-selection-column,
.ant-table-tbody > tr > td.ant-table-selection-column {
  text-align: center;
}
.ant-table-thead > tr > th.ant-table-selection-column .ant-radio-wrapper,
.ant-table-tbody > tr > td.ant-table-selection-column .ant-radio-wrapper {
  margin-right: 0;
}
.ant-table-row[class*='ant-table-row-level-0'] .ant-table-selection-column > span {
  display: inline-block;
}
.ant-table-middle > .ant-table-title,
.ant-table-middle > .ant-table-footer {
  padding: 12px 8px;
}
.ant-table-middle > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
  padding: 12px 8px;
}
.ant-table-middle tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -12px -8px -13px;
}
.ant-table-small {
  border: 1px solid @border-color-split;
  border-radius: 4px;
}
.ant-table-small > .ant-table-title,
.ant-table-small > .ant-table-footer {
  padding: 8px 8px;
}
.ant-table-small > .ant-table-title {
  top: 0;
  border-bottom: 1px solid @border-color-split;
}
.ant-table-small > .ant-table-content > .ant-table-body {
  margin: 0 8px;
}
.ant-table-small > .ant-table-content > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table {
  border: 0;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
  padding: 8px 8px;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr {
  background-color: transparent;
  border-bottom: 1px solid @border-color-split;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort {
  background-color: rgba(0, 0, 0, 0.01);
}
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table {
  padding: 0;
}
.ant-table-small > .ant-table-content .ant-table-header {
  background-color: #ffffff;
}
.ant-table-small > .ant-table-content .ant-table-placeholder,
.ant-table-small > .ant-table-content .ant-table-row:last-child td {
  border-bottom: 0;
}
.ant-table-small.ant-table-bordered {
  border-right: 0;
}
.ant-table-small.ant-table-bordered .ant-table-title {
  border: 0;
  border-right: 1px solid @border-color-split;
  border-bottom: 1px solid @border-color-split;
}
.ant-table-small.ant-table-bordered .ant-table-content {
  border-right: 1px solid @border-color-split;
}
.ant-table-small.ant-table-bordered .ant-table-footer {
  border: 0;
  border-top: 1px solid @border-color-split;
  border-right: 1px solid @border-color-split;
}
.ant-table-small.ant-table-bordered .ant-table-footer::before {
  display: none;
}
.ant-table-small.ant-table-bordered .ant-table-placeholder {
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
.ant-table-small.ant-table-bordered .ant-table-thead > tr > th:last-child,
.ant-table-small.ant-table-bordered .ant-table-tbody > tr > td:last-child {
  border-right: none;
}
.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-thead > tr > th:last-child,
.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-tbody > tr > td:last-child {
  border-right: 1px solid @border-color-split;
}
.ant-table-small.ant-table-bordered .ant-table-fixed-right {
  border-right: 1px solid @border-color-split;
  border-left: 1px solid @border-color-split;
}
.ant-table-small tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -8px -8px -9px;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container {
  height: 40px;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-ink-bar {
  visibility: hidden;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  height: 40px;
  margin: 0;
  margin-right: 2px;
  padding: 0 16px;
  line-height: 38px;
  background: #fafafa;
  border: 1px solid @border-color-split;
  border-radius: 4px 4px 0 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  height: 40px;
  color: @menu-item-active-bg;
  background: #ffffff;
  border-color: @border-color-split;
  border-bottom: 1px solid #ffffff;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-inactive {
  padding: 0;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-wrap {
  margin-bottom: 0;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x {
  width: 16px;
  height: 16px;
  height: 14px;
  margin-right: -5px;
  margin-left: 3px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  vertical-align: middle;
  transition: all 0.3s;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x:hover {
  color: @heading-color;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane,
.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane {
  transition: none !important;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive,
.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive {
  overflow: hidden;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:hover .anticon-close {
  opacity: 1;
}
.ant-tabs-extra-content {
  line-height: 40px;
}
.ant-tabs-extra-content .ant-tabs-new-tab {
  position: relative;
  width: 20px;
  height: 20px;
  color: #272727;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  border: 1px solid @border-color-split;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tabs-extra-content .ant-tabs-new-tab:hover {
  color: @menu-item-active-bg;
  border-color: @menu-item-active-bg;
}
.ant-tabs-extra-content .ant-tabs-new-tab svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-container {
  height: auto;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  margin-bottom: 8px;
  border-bottom: 1px solid @border-color-split;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {
  padding-bottom: 4px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab:last-child,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab:last-child {
  margin-bottom: 8px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-new-tab,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-new-tab {
  width: 90%;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-wrap {
  margin-right: 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab {
  margin-right: 1px;
  border-right: 0;
  border-radius: 4px 0 0 4px;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active {
  margin-right: -1px;
  padding-right: 18px;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-left: 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  margin-left: 1px;
  border-left: 0;
  border-radius: 0 4px 4px 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {
  margin-left: -1px;
  padding-left: 18px;
}
.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab {
  height: auto;
  border-top: 0;
  border-bottom: 1px solid @border-color-split;
  border-radius: 0 0 4px 4px;
}
.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab-active {
  padding-top: 1px;
  padding-bottom: 0;
  color: @menu-item-active-bg;
}
.ant-tabs {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  overflow: hidden;
  zoom: 1;
}
.ant-tabs::before,
.ant-tabs::after {
  display: table;
  content: '';
}
.ant-tabs::after {
  clear: both;
}
.ant-tabs::before,
.ant-tabs::after {
  display: table;
  content: '';
}
.ant-tabs::after {
  clear: both;
}
.ant-tabs-ink-bar {
  position: absolute;
  bottom: 1px;
  left: 0;
  z-index: 1;
  box-sizing: border-box;
  height: 2px;
  background-color: @menu-item-active-bg;
  transform-origin: 0 0;
}
.ant-tabs-bar {
  margin: 0 0 16px 0;
  border-bottom: 1px solid @border-color-split;
  outline: none;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav-container {
  position: relative;
  box-sizing: border-box;
  margin-bottom: -1px;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5;
  white-space: nowrap;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  zoom: 1;
}
.ant-tabs-nav-container::before,
.ant-tabs-nav-container::after {
  display: table;
  content: '';
}
.ant-tabs-nav-container::after {
  clear: both;
}
.ant-tabs-nav-container::before,
.ant-tabs-nav-container::after {
  display: table;
  content: '';
}
.ant-tabs-nav-container::after {
  clear: both;
}
.ant-tabs-nav-container-scrolling {
  padding-right: 32px;
  padding-left: 32px;
}
.ant-tabs-bottom .ant-tabs-bottom-bar {
  margin-top: 16px;
  margin-bottom: 0;
  border-top: 1px solid @border-color-split;
  border-bottom: none;
}
.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-ink-bar {
  top: 1px;
  bottom: auto;
}
.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-nav-container {
  margin-top: -1px;
  margin-bottom: 0;
}
.ant-tabs-tab-prev,
.ant-tabs-tab-next {
  position: absolute;
  z-index: 2;
  width: 0;
  height: 100%;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  opacity: 0;
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
  pointer-events: none;
}
.ant-tabs-tab-prev.ant-tabs-tab-arrow-show,
.ant-tabs-tab-next.ant-tabs-tab-arrow-show {
  width: 32px;
  height: 100%;
  opacity: 1;
  pointer-events: auto;
}
.ant-tabs-tab-prev:hover,
.ant-tabs-tab-next:hover {
  color: #272727;
}
.ant-tabs-tab-prev-icon,
.ant-tabs-tab-next-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  line-height: inherit;
  text-align: center;
  text-transform: none;
  transform: translate(-50%, -50%);
}
.ant-tabs-tab-prev-icon-target,
.ant-tabs-tab-next-icon-target {
  display: block;
  display: inline-block;
  font-size: 12px;
  font-size: 10px ;
  transform: scale(0.83333333) rotate(0deg);
}
:root .ant-tabs-tab-prev-icon-target,
:root .ant-tabs-tab-next-icon-target {
  font-size: 12px;
}
.ant-tabs-tab-btn-disabled {
  cursor: not-allowed;
}
.ant-tabs-tab-btn-disabled,
.ant-tabs-tab-btn-disabled:hover {
  color: @disabled-color;
}
.ant-tabs-tab-next {
  right: 2px;
}
.ant-tabs-tab-prev {
  left: 0;
}
:root .ant-tabs-tab-prev {
  filter: none;
}
.ant-tabs-nav-wrap {
  margin-bottom: -1px;
  overflow: hidden;
}
.ant-tabs-nav-scroll {
  overflow: hidden;
  white-space: nowrap;
}
.ant-tabs-nav {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin: 0;
  padding-left: 0;
  list-style: none;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav::before,
.ant-tabs-nav::after {
  display: table;
  content: ' ';
}
.ant-tabs-nav::after {
  clear: both;
}
.ant-tabs-nav .ant-tabs-tab {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  height: 100%;
  margin: 0 32px 0 0;
  padding: 12px 16px;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav .ant-tabs-tab:last-child {
  margin-right: 0;
}
.ant-tabs-nav .ant-tabs-tab:hover {
  color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
}
.ant-tabs-nav .ant-tabs-tab:active {
  color: color(~`colorPalette("@{menu-item-active-bg}", 7)`);
}
.ant-tabs-nav .ant-tabs-tab .anticon {
  margin-right: 8px;
}
.ant-tabs-nav .ant-tabs-tab-disabled,
.ant-tabs-nav .ant-tabs-tab-disabled:hover {
  color: @disabled-color;
  cursor: not-allowed;
}
.ant-tabs-nav .ant-tabs-tab-active {
  color: @menu-item-active-bg;
  font-weight: 500;
}
.ant-tabs .ant-tabs-large-bar .ant-tabs-nav-container {
  font-size: 16px;
}
.ant-tabs .ant-tabs-large-bar .ant-tabs-tab {
  padding: 16px;
}
.ant-tabs .ant-tabs-small-bar .ant-tabs-nav-container {
  font-size: 14px;
}
.ant-tabs .ant-tabs-small-bar .ant-tabs-tab {
  padding: 8px 16px;
}
.ant-tabs .ant-tabs-top-content,
.ant-tabs .ant-tabs-bottom-content {
  width: 100%;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane {
  flex-shrink: 0;
  width: 100%;
  opacity: 1;
  transition: opacity 0.45s;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive input,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}
.ant-tabs .ant-tabs-top-content.ant-tabs-content-animated,
.ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated {
  display: flex;
  flex-direction: row;
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: margin-left;
}
.ant-tabs .ant-tabs-left-bar,
.ant-tabs .ant-tabs-right-bar {
  height: 100%;
  border-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar-tab-prev,
.ant-tabs .ant-tabs-right-bar-tab-prev,
.ant-tabs .ant-tabs-left-bar-tab-next,
.ant-tabs .ant-tabs-right-bar-tab-next {
  width: 32px;
  height: 0;
  transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs .ant-tabs-left-bar-tab-prev.ant-tabs-tab-arrow-show,
.ant-tabs .ant-tabs-right-bar-tab-prev.ant-tabs-tab-arrow-show,
.ant-tabs .ant-tabs-left-bar-tab-next.ant-tabs-tab-arrow-show,
.ant-tabs .ant-tabs-right-bar-tab-next.ant-tabs-tab-arrow-show {
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab {
  display: block;
  float: none;
  margin: 0 0 16px 0;
  padding: 8px 24px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab:last-child,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab:last-child {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-extra-content,
.ant-tabs .ant-tabs-right-bar .ant-tabs-extra-content {
  text-align: center;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-scroll,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-scroll {
  width: auto;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  height: 100%;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling {
  padding: 32px 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav {
  width: 100%;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar,
.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
  top: 0;
  bottom: auto;
  left: auto;
  width: 2px;
  height: auto;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-next,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-next {
  bottom: 0;
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-prev,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-prev {
  top: 0;
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-content,
.ant-tabs .ant-tabs-right-content {
  width: auto;
  margin-top: 0 !important;
  overflow: hidden;
}
.ant-tabs .ant-tabs-left-bar {
  float: left;
  margin-right: -1px;
  margin-bottom: 0;
  border-right: 1px solid @border-color-split;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab {
  text-align: right;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container {
  margin-right: -1px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap {
  margin-right: -1px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar {
  right: 1px;
}
.ant-tabs .ant-tabs-left-content {
  padding-left: 24px;
  border-left: 1px solid @border-color-split;
}
.ant-tabs .ant-tabs-right-bar {
  float: right;
  margin-bottom: 0;
  margin-left: -1px;
  border-left: 1px solid @border-color-split;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {
  margin-left: -1px;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-left: -1px;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
  left: 1px;
}
.ant-tabs .ant-tabs-right-content {
  padding-right: 24px;
  border-right: 1px solid @border-color-split;
}
.ant-tabs-top .ant-tabs-ink-bar-animated,
.ant-tabs-bottom .ant-tabs-ink-bar-animated {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-left .ant-tabs-ink-bar-animated,
.ant-tabs-right .ant-tabs-ink-bar-animated {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.no-flex > .ant-tabs-content > .ant-tabs-content-animated,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-content-animated {
  margin-left: 0 !important;
  transform: none !important;
}
.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive input,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}
.ant-tabs-left-content > .ant-tabs-content-animated,
.ant-tabs-right-content > .ant-tabs-content-animated {
  margin-left: 0 !important;
  transform: none !important;
}
.ant-tabs-left-content > .ant-tabs-tabpane-inactive,
.ant-tabs-right-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.ant-tabs-left-content > .ant-tabs-tabpane-inactive input,
.ant-tabs-right-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}
.ant-tag {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  height: auto;
  margin-right: 8px;
  padding: 0 7px;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  background: #fafafa;
  border: 1px solid @border-color-base;
  border-radius: 4px;
  cursor: default;
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-tag:hover {
  opacity: 0.85;
}
.ant-tag,
.ant-tag a,
.ant-tag a:hover {
  color: #272727;
}
.ant-tag > a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px;
}
.ant-tag .anticon-close {
  display: inline-block;
  font-size: 12px;
  font-size: 10px ;
  transform: scale(0.83333333) rotate(0deg);
  margin-left: 3px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
:root .ant-tag .anticon-close {
  font-size: 12px;
}
.ant-tag .anticon-close:hover {
  color: @heading-color;
}
.ant-tag-has-color {
  border-color: transparent;
}
.ant-tag-has-color,
.ant-tag-has-color a,
.ant-tag-has-color a:hover,
.ant-tag-has-color .anticon-close,
.ant-tag-has-color .anticon-close:hover {
  color: @component-background;
}
.ant-tag-checkable {
  background-color: transparent;
  border-color: transparent;
}
.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  color: @menu-item-active-bg;
}
.ant-tag-checkable:active,
.ant-tag-checkable-checked {
  color: @component-background;
}
.ant-tag-checkable-checked {
  background-color: @menu-item-active-bg;
}
.ant-tag-checkable:active {
  background-color: color(~`colorPalette("@{menu-item-active-bg}", 7)`);
}
.ant-tag-hidden {
  display: none;
}
.ant-tag-pink {
  color: #eb2f96;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-pink-inverse {
  color: @component-background;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-magenta {
  color: #eb2f96;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-magenta-inverse {
  color: @component-background;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-red {
  color: #f5222d;
  background: color(~`colorPalette("@{border-color-split}", 4)`);
  border-color: #ffa39e;
}
.ant-tag-red-inverse {
  color: @component-background;
  background: #f5222d;
  border-color: #f5222d;
}
.ant-tag-volcano {
  color: #fa541c;
  background: #fff2e8;
  border-color: #ffbb96;
}
.ant-tag-volcano-inverse {
  color: @component-background;
  background: #fa541c;
  border-color: #fa541c;
}
.ant-tag-orange {
  color: #fa8c16;
  background: #fff7e6;
  border-color: #ffd591;
}
.ant-tag-orange-inverse {
  color: @component-background;
  background: #fa8c16;
  border-color: #fa8c16;
}
.ant-tag-yellow {
  color: #fadb14;
  background: #feffe6;
  border-color: #fffb8f;
}
.ant-tag-yellow-inverse {
  color: @component-background;
  background: #fadb14;
  border-color: #fadb14;
}
.ant-tag-gold {
  color: #faad14;
  background: #fffbe6;
  border-color: #ffe58f;
}
.ant-tag-gold-inverse {
  color: @component-background;
  background: #faad14;
  border-color: #faad14;
}
.ant-tag-cyan {
  color: #13c2c2;
  background: #e6fffb;
  border-color: #87e8de;
}
.ant-tag-cyan-inverse {
  color: @component-background;
  background: #13c2c2;
  border-color: #13c2c2;
}
.ant-tag-lime {
  color: #a0d911;
  background: #fcffe6;
  border-color: #eaff8f;
}
.ant-tag-lime-inverse {
  color: @component-background;
  background: #a0d911;
  border-color: #a0d911;
}
.ant-tag-green {
  color: #52c41a;
  background: #f6ffed;
  border-color: #b7eb8f;
}
.ant-tag-green-inverse {
  color: @component-background;
  background: #52c41a;
  border-color: #52c41a;
}
.ant-tag-blue {
  color: #1890ff;
  background: #e6f7ff;
  border-color: #91d5ff;
}
.ant-tag-blue-inverse {
  color: @component-background;
  background: #1890ff;
  border-color: #1890ff;
}
.ant-tag-geekblue {
  color: #2f54eb;
  background: #f0f5ff;
  border-color: #adc6ff;
}
.ant-tag-geekblue-inverse {
  color: @component-background;
  background: #2f54eb;
  border-color: #2f54eb;
}
.ant-tag-purple {
  color: #722ed1;
  background: #f9f0ff;
  border-color: #d3adf7;
}
.ant-tag-purple-inverse {
  color: @component-background;
  background: #722ed1;
  border-color: #722ed1;
}
.ant-time-picker-panel {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1050;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
.ant-time-picker-panel-inner {
  position: relative;
  left: -2px;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #ffffff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-time-picker-panel-input {
  width: 100%;
  max-width: 154px;
  margin: 0;
  padding: 0;
  line-height: normal;
  border: 0;
  outline: 0;
  cursor: auto;
}
.ant-time-picker-panel-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-time-picker-panel-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-panel-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-panel-input-wrap {
  position: relative;
  box-sizing: border-box;
  padding: 7px 2px 7px 12px;
  border-bottom: 1px solid @border-color-split;
}
.ant-time-picker-panel-input-invalid {
  border-color: #f5222d;
}
.ant-time-picker-panel-narrow .ant-time-picker-panel-input-wrap {
  max-width: 112px;
}
.ant-time-picker-panel-select {
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 56px;
  max-height: 192px;
  overflow: hidden;
  font-size: 14px;
  border-left: 1px solid @border-color-split;
}
.ant-time-picker-panel-select:hover {
  overflow-y: auto;
}
.ant-time-picker-panel-select:first-child {
  margin-left: 0;
  border-left: 0;
}
.ant-time-picker-panel-select:last-child {
  border-right: 0;
}
.ant-time-picker-panel-select:only-child {
  width: 100%;
}
.ant-time-picker-panel-select ul {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0 0 160px;
  list-style: none;
}
.ant-time-picker-panel-select li {
  box-sizing: content-box;
  width: 100%;
  height: 32px;
  margin: 0;
  padding: 0 0 0 12px;
  line-height: 32px;
  text-align: left;
  list-style: none;
  cursor: pointer;
  transition: background 0.3s;
  user-select: none;
}
.ant-time-picker-panel-select li:hover {
  background: color(~`colorPalette("@{menu-item-active-bg}", 1)`);
}
li.ant-time-picker-panel-select-option-selected {
  font-weight: bold;
  background: #f5f5f5;
}
li.ant-time-picker-panel-select-option-selected:hover {
  background: #f5f5f5;
}
li.ant-time-picker-panel-select-option-disabled {
  color: @disabled-color;
}
li.ant-time-picker-panel-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
.ant-time-picker-panel-combobox {
  zoom: 1;
}
.ant-time-picker-panel-combobox::before,
.ant-time-picker-panel-combobox::after {
  display: table;
  content: '';
}
.ant-time-picker-panel-combobox::after {
  clear: both;
}
.ant-time-picker-panel-combobox::before,
.ant-time-picker-panel-combobox::after {
  display: table;
  content: '';
}
.ant-time-picker-panel-combobox::after {
  clear: both;
}
.ant-time-picker-panel-addon {
  padding: 8px;
  border-top: 1px solid @border-color-split;
}
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-time-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 128px;
  outline: none;
  cursor: text;
  transition: opacity 0.3s;
}
.ant-time-picker-input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: #272727;
  font-size: 14px;
  line-height: 1.5;
  background-color: @component-background;
  background-image: none;
  border: 1px solid @border-color-base;
  border-radius: 4px;
  transition: all 0.3s;
}
.ant-time-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-time-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-input:hover {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-right-width: 1px !important;
}
.ant-time-picker-input:focus {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(0, 163, 53, 0.2);
}
.ant-time-picker-input-disabled {
  color: @disabled-color;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input-disabled:hover {
  border-color: color(~`colorPalette("@{border-color-base}", 5)`);
  border-right-width: 1px !important;
}
.ant-time-picker-input[disabled] {
  color: @disabled-color;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input[disabled]:hover {
  border-color: color(~`colorPalette("@{border-color-base}", 5)`);
  border-right-width: 1px !important;
}
textarea.ant-time-picker-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-time-picker-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-time-picker-input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-time-picker-input[disabled] {
  color: @disabled-color;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input[disabled]:hover {
  border-color: color(~`colorPalette("@{border-color-base}", 5)`);
  border-right-width: 1px !important;
}
.ant-time-picker-open {
  opacity: 0;
}
.ant-time-picker-icon,
.ant-time-picker-clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  color: @disabled-color;
  line-height: 14px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
}
.ant-time-picker-icon .ant-time-picker-clock-icon,
.ant-time-picker-clear .ant-time-picker-clock-icon {
  display: block;
  color: @disabled-color;
  line-height: 1;
}
.ant-time-picker-clear {
  z-index: 2;
  background: @component-background;
  opacity: 0;
  pointer-events: none;
}
.ant-time-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-time-picker:hover .ant-time-picker-clear {
  opacity: 1;
  pointer-events: auto;
}
.ant-time-picker-large .ant-time-picker-input {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-time-picker-small .ant-time-picker-input {
  height: 24px;
  padding: 1px 7px;
}
.ant-time-picker-small .ant-time-picker-icon,
.ant-time-picker-small .ant-time-picker-clear {
  right: 7px;
}
.ant-timeline {
  box-sizing: border-box;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  font-feature-settings: 'tnum';
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-timeline-item {
  position: relative;
  margin: 0;
  padding: 0 0 20px;
  font-size: 14px;
  list-style: none;
}
.ant-timeline-item-tail {
  position: absolute;
  top: 0.75em;
  left: 4px;
  height: 100%;
  border-left: 2px solid @border-color-split;
}
.ant-timeline-item-pending .ant-timeline-item-head {
  font-size: 12px;
}
.ant-timeline-item-pending .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-head {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  border: 2px solid transparent;
  border-radius: 100px;
}
.ant-timeline-item-head-blue {
  color: @menu-item-active-bg;
  border-color: @menu-item-active-bg;
}
.ant-timeline-item-head-red {
  color: #f5222d;
  border-color: #f5222d;
}
.ant-timeline-item-head-green {
  color: #52c41a;
  border-color: #52c41a;
}
.ant-timeline-item-head-custom {
  position: absolute;
  top: 5.5px;
  left: 5px;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 3px 1px;
  line-height: 1;
  text-align: center;
  border: 0;
  border-radius: 0;
  transform: translate(-50%, -50%);
}
.ant-timeline-item-content {
  position: relative;
  top: -6px;
  margin: 0 0 0 18px;
}
.ant-timeline-item-last > .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-last > .ant-timeline-item-content {
  min-height: 48px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom {
  left: 50%;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head {
  margin-left: -4px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom {
  margin-left: 1px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content {
  left: 50%;
  width: 50%;
  text-align: left;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  right: 50%;
  left: -30px;
  width: 50%;
  margin-right: 18px;
  text-align: right;
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
  left: 100%;
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  right: 0;
  left: -30px;
  width: 100%;
}
.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
  display: block;
  border-left: 2px dotted @border-color-split;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail {
  display: none;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
  display: block;
  border-left: 2px dotted @border-color-split;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content {
  min-height: 48px;
}
.ant-tooltip {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1060;
  display: block;
  max-width: 250px;
  visibility: visible;
}
.ant-tooltip-hidden {
  display: none;
}
.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
  padding-bottom: 8px;
}
.ant-tooltip-placement-right,
.ant-tooltip-placement-rightTop,
.ant-tooltip-placement-rightBottom {
  padding-left: 8px;
}
.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
  padding-top: 8px;
}
.ant-tooltip-placement-left,
.ant-tooltip-placement-leftTop,
.ant-tooltip-placement-leftBottom {
  padding-right: 8px;
}
.ant-tooltip-inner {
  min-width: 30px;
  min-height: 32px;
  padding: 6px 8px;
  color: @component-background;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: 3px;
  border-width: 5px 5px 0;
  border-top-color: rgba(0, 0, 0, 0.75);
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  margin-left: -5px;
}
.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  left: 16px;
}
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  right: 16px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  left: 3px;
  border-width: 5px 5px 5px 0;
  border-right-color: rgba(0, 0, 0, 0.75);
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  margin-top: -5px;
}
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  top: 8px;
}
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  bottom: 8px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  right: 3px;
  border-width: 5px 0 5px 5px;
  border-left-color: rgba(0, 0, 0, 0.75);
}
.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  margin-top: -5px;
}
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  top: 8px;
}
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  bottom: 8px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  top: 3px;
  border-width: 0 5px 5px;
  border-bottom-color: rgba(0, 0, 0, 0.75);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  margin-left: -5px;
}
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 16px;
}
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 16px;
}
.ant-transfer {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
}
.ant-transfer-disabled .ant-transfer-list {
  background: #f5f5f5;
}
.ant-transfer-list {
  position: relative;
  display: inline-block;
  width: 180px;
  height: 200px;
  padding-top: 40px;
  vertical-align: middle;
  border: 1px solid @border-color-base;
  border-radius: 4px;
}
.ant-transfer-list-with-footer {
  padding-bottom: 34px;
}
.ant-transfer-list-search {
  padding: 0 8px;
}
.ant-transfer-list-search-action {
  position: absolute;
  top: 12px;
  right: 12px;
  bottom: 12px;
  width: 28px;
  color: @disabled-color;
  line-height: 32px;
  text-align: center;
}
.ant-transfer-list-search-action .anticon {
  color: @disabled-color;
  transition: all 0.3s;
}
.ant-transfer-list-search-action .anticon:hover {
  color: rgba(0, 0, 0, 0.45);
}
span.ant-transfer-list-search-action {
  pointer-events: none;
}
.ant-transfer-list-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 8px 12px 9px;
  overflow: hidden;
  color: #272727;
  background: #ffffff;
  border-bottom: 1px solid @border-color-split;
  border-radius: 4px 4px 0 0;
}
.ant-transfer-list-header-title {
  position: absolute;
  right: 12px;
}
.ant-transfer-list-body {
  position: relative;
  height: 100%;
  font-size: 14px;
}
.ant-transfer-list-body-search-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 12px;
}
.ant-transfer-list-body-with-search {
  padding-top: 56px;
}
.ant-transfer-list-content {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  list-style: none;
}
.ant-transfer-list-content > .LazyLoad {
  animation: transferHighlightIn 1s;
}
.ant-transfer-list-content-item {
  min-height: 32px;
  padding: 6px 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.ant-transfer-list-content-item > span {
  padding-right: 0;
}
.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
  background-color: color(~`colorPalette("@{menu-item-active-bg}", 1)`);
  cursor: pointer;
}
.ant-transfer-list-content-item-disabled {
  color: @disabled-color;
  cursor: not-allowed;
}
.ant-transfer-list-body-not-found {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 0;
  color: @disabled-color;
  text-align: center;
  transform: translateY(-50%);
}
.ant-transfer-list-body-with-search .ant-transfer-list-body-not-found {
  margin-top: 16px;
}
.ant-transfer-list-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid @border-color-split;
  border-radius: 0 0 4px 4px;
}
.ant-transfer-operation {
  display: inline-block;
  margin: 0 8px;
  overflow: hidden;
  vertical-align: middle;
}
.ant-transfer-operation .ant-btn {
  display: block;
}
.ant-transfer-operation .ant-btn:first-child {
  margin-bottom: 4px;
}
.ant-transfer-operation .ant-btn .anticon {
  font-size: 12px;
}
@keyframes transferHighlightIn {
  0% {
    background: color(~`colorPalette("@{menu-item-active-bg}", 2)`);
  }
  100% {
    background: transparent;
  }
}
.ant-transfer-customize-list {
  display: flex;
}
.ant-transfer-customize-list .ant-transfer-operation {
  flex: none;
  align-self: center;
}
.ant-transfer-customize-list .ant-transfer-list {
  flex: auto;
  width: auto;
  height: auto;
  min-height: 200px;
}
.ant-transfer-customize-list .ant-transfer-list-body-with-search {
  padding-top: 0;
}
.ant-transfer-customize-list .ant-transfer-list-body-search-wrapper {
  position: relative;
  padding-bottom: 0;
}
.ant-transfer-customize-list .ant-transfer-list-body-customize-wrapper {
  padding: 12px;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small {
  border: 0;
  border-radius: 0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th {
  background: #fafafa;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content .ant-table-row:last-child td {
  border-bottom: 1px solid @border-color-split;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body {
  margin: 0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-pagination {
  margin: 16px 0 4px;
}
.ant-transfer {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
}
.ant-transfer-disabled .ant-transfer-list {
  background: #f5f5f5;
}
.ant-transfer-list {
  position: relative;
  display: inline-block;
  width: 180px;
  height: 200px;
  padding-top: 40px;
  vertical-align: middle;
  border: 1px solid @border-color-base;
  border-radius: 4px;
}
.ant-transfer-list-with-footer {
  padding-bottom: 34px;
}
.ant-transfer-list-search {
  padding: 0 8px;
}
.ant-transfer-list-search-action {
  position: absolute;
  top: 12px;
  right: 12px;
  bottom: 12px;
  width: 28px;
  color: @disabled-color;
  line-height: 32px;
  text-align: center;
}
.ant-transfer-list-search-action .anticon {
  color: @disabled-color;
  transition: all 0.3s;
}
.ant-transfer-list-search-action .anticon:hover {
  color: rgba(0, 0, 0, 0.45);
}
span.ant-transfer-list-search-action {
  pointer-events: none;
}
.ant-transfer-list-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 8px 12px 9px;
  overflow: hidden;
  color: #272727;
  background: #ffffff;
  border-bottom: 1px solid @border-color-split;
  border-radius: 4px 4px 0 0;
}
.ant-transfer-list-header-title {
  position: absolute;
  right: 12px;
}
.ant-transfer-list-body {
  position: relative;
  height: 100%;
  font-size: 14px;
}
.ant-transfer-list-body-search-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 12px;
}
.ant-transfer-list-body-with-search {
  padding-top: 56px;
}
.ant-transfer-list-content {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  list-style: none;
}
.ant-transfer-list-content > .LazyLoad {
  animation: transferHighlightIn 1s;
}
.ant-transfer-list-content-item {
  min-height: 32px;
  padding: 6px 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.ant-transfer-list-content-item > span {
  padding-right: 0;
}
.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
  background-color: color(~`colorPalette("@{menu-item-active-bg}", 1)`);
  cursor: pointer;
}
.ant-transfer-list-content-item-disabled {
  color: @disabled-color;
  cursor: not-allowed;
}
.ant-transfer-list-body-not-found {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 0;
  color: @disabled-color;
  text-align: center;
  transform: translateY(-50%);
}
.ant-transfer-list-body-with-search .ant-transfer-list-body-not-found {
  margin-top: 16px;
}
.ant-transfer-list-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid @border-color-split;
  border-radius: 0 0 4px 4px;
}
.ant-transfer-operation {
  display: inline-block;
  margin: 0 8px;
  overflow: hidden;
  vertical-align: middle;
}
.ant-transfer-operation .ant-btn {
  display: block;
}
.ant-transfer-operation .ant-btn:first-child {
  margin-bottom: 4px;
}
.ant-transfer-operation .ant-btn .anticon {
  font-size: 12px;
}
@keyframes transferHighlightIn {
  0% {
    background: color(~`colorPalette("@{menu-item-active-bg}", 2)`);
  }
  100% {
    background: transparent;
  }
}
.ant-select-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
  border-color: @menu-item-active-bg;
}
.ant-select-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid @menu-item-active-bg;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: both;
  content: '';
}
.ant-select-tree-checkbox:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after {
  visibility: visible;
}
.ant-select-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: @component-background;
  border: 1px solid @border-color-base;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-select-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid @component-background;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-select-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid @component-background;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  background-color: @menu-item-active-bg;
  border-color: @menu-item-active-bg;
}
.ant-select-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  border-color: @disabled-color;
  animation-name: none;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-select-tree-checkbox-disabled + span {
  color: @disabled-color;
  cursor: not-allowed;
}
.ant-select-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-select-tree-checkbox-wrapper + span,
.ant-select-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-select-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-select-tree-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}
.ant-select-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
  background-color: @component-background;
  border-color: @border-color-base;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: @menu-item-active-bg;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  background-color: @disabled-color;
  border-color: @disabled-color;
}
.ant-select-tree {
  box-sizing: border-box;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  margin: 0;
  margin-top: -4px;
  padding: 0 4px;
}
.ant-select-tree li {
  margin: 8px 0;
  padding: 0;
  white-space: nowrap;
  list-style: none;
  outline: 0;
}
.ant-select-tree li.filter-node > span {
  font-weight: 500;
}
.ant-select-tree li ul {
  margin: 0;
  padding: 0 0 0 18px;
}
.ant-select-tree li .ant-select-tree-node-content-wrapper {
  display: inline-block;
  width: calc(100% - 24px);
  margin: 0;
  padding: 3px 5px;
  color: #272727;
  text-decoration: none;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-select-tree li .ant-select-tree-node-content-wrapper:hover {
  background-color: color(~`colorPalette("@{menu-item-active-bg}", 1)`);
}
.ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  background-color: color(~`colorPalette("@{menu-item-active-bg}", 2)`);
}
.ant-select-tree li span.ant-select-tree-checkbox {
  margin: 0 4px 0 0;
}
.ant-select-tree li span.ant-select-tree-checkbox + .ant-select-tree-node-content-wrapper {
  width: calc(100% - 46px);
}
.ant-select-tree li span.ant-select-tree-switcher,
.ant-select-tree li span.ant-select-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
  border: 0 none;
  outline: none;
  cursor: pointer;
}
.ant-select-tree li span.ant-select-icon_loading .ant-select-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  color: @menu-item-active-bg;
  font-size: 14px;
  transform: none;
}
.ant-select-tree li span.ant-select-icon_loading .ant-select-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-select-tree li span.ant-select-tree-switcher {
  position: relative;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher-noop {
  cursor: auto;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px ;
  transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon,
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px ;
  transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon,
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-loading-icon,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  color: @menu-item-active-bg;
  font-size: 14px;
  transform: none;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-loading-icon svg,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-select-tree .ant-select-tree-treenode-loading .ant-select-tree-iconEle {
  display: none;
}
.ant-select-tree-child-tree {
  display: none;
}
.ant-select-tree-child-tree-open {
  display: block;
}
li.ant-select-tree-treenode-disabled > span:not(.ant-select-tree-switcher),
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper,
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper span {
  color: @disabled-color;
  cursor: not-allowed;
}
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-select-tree-icon__open {
  margin-right: 2px;
  vertical-align: top;
}
.ant-select-tree-icon__close {
  margin-right: 2px;
  vertical-align: top;
}
.ant-select-tree-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-select-tree-dropdown .ant-select-dropdown-search {
  position: sticky;
  top: 0;
  z-index: 1;
  display: block;
  padding: 4px;
  background: #ffffff;
}
.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field__wrap {
  width: 100%;
}
.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field {
  box-sizing: border-box;
  width: 100%;
  padding: 4px 7px;
  border: 1px solid @border-color-base;
  border-radius: 4px;
  outline: none;
}
.ant-select-tree-dropdown .ant-select-dropdown-search.ant-select-search--hide {
  display: none;
}
.ant-select-tree-dropdown .ant-select-not-found {
  display: block;
  padding: 7px 16px;
  color: @disabled-color;
  cursor: not-allowed;
}
.ant-tree.ant-tree-directory {
  position: relative;
}
.ant-tree.ant-tree-directory > li span.ant-tree-switcher,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-switcher {
  position: relative;
  z-index: 1;
}
.ant-tree.ant-tree-directory > li span.ant-tree-switcher.ant-tree-switcher-noop,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-switcher.ant-tree-switcher-noop {
  pointer-events: none;
}
.ant-tree.ant-tree-directory > li span.ant-tree-checkbox,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-checkbox {
  position: relative;
  z-index: 1;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper {
  border-radius: 0;
  user-select: none;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover::before {
  background: color(~`colorPalette("@{menu-item-active-bg}", 1)`);
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper.ant-tree-node-selected,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper.ant-tree-node-selected {
  color: @component-background;
  background: transparent;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper::before {
  position: absolute;
  right: 0;
  left: 0;
  height: 24px;
  transition: all 0.3s;
  content: '';
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper > span,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper > span {
  position: relative;
  z-index: 1;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-switcher,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-switcher {
  color: @component-background;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner {
  border-color: @menu-item-active-bg;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after {
  border-color: @component-background;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background: @component-background;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: @menu-item-active-bg;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before {
  background: @menu-item-active-bg;
}
.ant-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
  border-color: @menu-item-active-bg;
}
.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid @menu-item-active-bg;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: both;
  content: '';
}
.ant-tree-checkbox:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after {
  visibility: visible;
}
.ant-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: @component-background;
  border: 1px solid @border-color-base;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid @component-background;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid @component-background;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: @menu-item-active-bg;
  border-color: @menu-item-active-bg;
}
.ant-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: @disabled-color;
  animation-name: none;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-tree-checkbox-disabled + span {
  color: @disabled-color;
  cursor: not-allowed;
}
.ant-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-tree-checkbox-wrapper + span,
.ant-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-tree-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}
.ant-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
  background-color: @component-background;
  border-color: @border-color-base;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: @menu-item-active-bg;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  background-color: @disabled-color;
  border-color: @disabled-color;
}
.ant-tree {
  /* see https://github.com/ant-design/ant-design/issues/16259 */
  box-sizing: border-box;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  margin: 0;
  padding: 0;
}
.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 16.67%;
  left: 0;
  width: 100%;
  height: 66.67%;
}
.ant-tree ol,
.ant-tree ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-tree li {
  margin: 0;
  padding: 4px 0;
  white-space: nowrap;
  list-style: none;
  outline: 0;
}
.ant-tree li span[draggable],
.ant-tree li span[draggable='true'] {
  line-height: 20px;
  border-top: 2px transparent solid;
  border-bottom: 2px transparent solid;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}
.ant-tree li.drag-over > span[draggable] {
  color: white;
  background-color: @menu-item-active-bg;
  opacity: 0.8;
}
.ant-tree li.drag-over-gap-top > span[draggable] {
  border-top-color: @menu-item-active-bg;
}
.ant-tree li.drag-over-gap-bottom > span[draggable] {
  border-bottom-color: @menu-item-active-bg;
}
.ant-tree li.filter-node > span {
  color: #f5222d !important;
  font-weight: 500 !important;
}
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon,
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  color: @menu-item-active-bg;
  font-size: 14px;
  transform: none;
}
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon svg,
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
:root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open::after,
:root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close::after {
  opacity: 0;
}
.ant-tree li ul {
  margin: 0;
  padding: 0 0 0 18px;
}
.ant-tree li .ant-tree-node-content-wrapper {
  display: inline-block;
  height: 24px;
  margin: 0;
  padding: 0 5px;
  color: #272727;
  line-height: 24px;
  text-decoration: none;
  vertical-align: top;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tree li .ant-tree-node-content-wrapper:hover {
  background-color: color(~`colorPalette("@{menu-item-active-bg}", 1)`);
}
.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: color(~`colorPalette("@{menu-item-active-bg}", 2)`);
}
.ant-tree li span.ant-tree-checkbox {
  top: initial;
  height: 24px;
  margin: 0 4px 0 2px;
  padding: 4px 0;
}
.ant-tree li span.ant-tree-switcher,
.ant-tree li span.ant-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
  border: 0 none;
  outline: none;
  cursor: pointer;
}
.ant-tree li span.ant-tree-switcher {
  position: relative;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher-noop {
  cursor: default;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px ;
  transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px ;
  transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-tree li:last-child > span.ant-tree-switcher::before,
.ant-tree li:last-child > span.ant-tree-iconEle::before {
  display: none;
}
.ant-tree > li:first-child {
  padding-top: 7px;
}
.ant-tree > li:last-child {
  padding-bottom: 7px;
}
.ant-tree-child-tree > li:first-child {
  padding-top: 8px;
}
.ant-tree-child-tree > li:last-child {
  padding-bottom: 0;
}
li.ant-tree-treenode-disabled > span:not(.ant-tree-switcher),
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper,
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper span {
  color: @disabled-color;
  cursor: not-allowed;
}
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree-icon__open {
  margin-right: 2px;
  vertical-align: top;
}
.ant-tree-icon__close {
  margin-right: 2px;
  vertical-align: top;
}
.ant-tree.ant-tree-show-line li {
  position: relative;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher {
  color: rgba(0, 0, 0, 0.45);
  background: #ffffff;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree.ant-tree-show-line li:not(:last-child)::before {
  position: absolute;
  left: 12px;
  width: 1px;
  height: 100%;
  margin: 22px 0;
  border-left: 1px solid @border-color-base;
  content: ' ';
}
.ant-tree.ant-tree-icon-hide .ant-tree-treenode-loading .ant-tree-iconEle {
  display: none;
}
.ant-tree.ant-tree-block-node li .ant-tree-node-content-wrapper {
  width: calc(100% - 24px);
}
.ant-tree.ant-tree-block-node li span.ant-tree-checkbox + .ant-tree-node-content-wrapper {
  width: calc(100% - 46px);
}
.ant-typography {
  color: #272727;
}
.ant-typography.ant-typography-secondary {
  color: rgba(0, 0, 0, 0.45);
}
.ant-typography.ant-typography-warning {
  color: #d48806;
}
.ant-typography.ant-typography-danger {
  color: #cf1322;
}
.ant-typography.ant-typography-disabled {
  color: @disabled-color;
  cursor: not-allowed;
  user-select: none;
}
div.ant-typography,
.ant-typography p {
  margin-bottom: 1em;
}
h1.ant-typography,
.ant-typography h1 {
  margin-bottom: 0.5em;
  color: @heading-color;
  font-weight: 600;
  font-size: 38px;
  line-height: 1.23;
}
h2.ant-typography,
.ant-typography h2 {
  margin-bottom: 0.5em;
  color: @heading-color;
  font-weight: 600;
  font-size: 30px;
  line-height: 1.35;
}
h3.ant-typography,
.ant-typography h3 {
  margin-bottom: 0.5em;
  color: @heading-color;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.35;
}
h4.ant-typography,
.ant-typography h4 {
  margin-bottom: 0.5em;
  color: @heading-color;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
}
.ant-typography + h1.ant-typography,
.ant-typography + h2.ant-typography,
.ant-typography + h3.ant-typography,
.ant-typography + h4.ant-typography {
  margin-top: 1.2em;
}
.ant-typography div + h1,
.ant-typography ul + h1,
.ant-typography li + h1,
.ant-typography p + h1,
.ant-typography h1 + h1,
.ant-typography h2 + h1,
.ant-typography h3 + h1,
.ant-typography h4 + h1,
.ant-typography div + h2,
.ant-typography ul + h2,
.ant-typography li + h2,
.ant-typography p + h2,
.ant-typography h1 + h2,
.ant-typography h2 + h2,
.ant-typography h3 + h2,
.ant-typography h4 + h2,
.ant-typography div + h3,
.ant-typography ul + h3,
.ant-typography li + h3,
.ant-typography p + h3,
.ant-typography h1 + h3,
.ant-typography h2 + h3,
.ant-typography h3 + h3,
.ant-typography h4 + h3,
.ant-typography div + h4,
.ant-typography ul + h4,
.ant-typography li + h4,
.ant-typography p + h4,
.ant-typography h1 + h4,
.ant-typography h2 + h4,
.ant-typography h3 + h4,
.ant-typography h4 + h4 {
  margin-top: 1.2em;
}
span.ant-typography-ellipsis {
  display: inline-block;
}
.ant-typography a {
  color: @menu-item-active-bg;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-typography a:focus,
.ant-typography a:hover {
  color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
}
.ant-typography a:active {
  color: color(~`colorPalette("@{menu-item-active-bg}", 7)`);
}
.ant-typography a:active,
.ant-typography a:hover {
  text-decoration: none;
}
.ant-typography a[disabled] {
  color: @disabled-color;
  cursor: not-allowed;
  pointer-events: none;
}
.ant-typography code {
  margin: 0 0.2em;
  padding: 0.2em 0.4em 0.1em;
  font-size: 85%;
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 3px;
}
.ant-typography mark {
  padding: 0;
  background-color: #ffe58f;
}
.ant-typography u,
.ant-typography ins {
  text-decoration: underline;
  text-decoration-skip-ink: auto;
}
.ant-typography s,
.ant-typography del {
  text-decoration: line-through;
}
.ant-typography strong {
  font-weight: 600;
}
.ant-typography-expand,
.ant-typography-edit,
.ant-typography-copy {
  color: @menu-item-active-bg;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  margin-left: 8px;
}
.ant-typography-expand:focus,
.ant-typography-edit:focus,
.ant-typography-copy:focus,
.ant-typography-expand:hover,
.ant-typography-edit:hover,
.ant-typography-copy:hover {
  color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
}
.ant-typography-expand:active,
.ant-typography-edit:active,
.ant-typography-copy:active {
  color: color(~`colorPalette("@{menu-item-active-bg}", 7)`);
}
.ant-typography-copy-success,
.ant-typography-copy-success:hover,
.ant-typography-copy-success:focus {
  color: #52c41a;
}
.ant-typography-edit-content {
  position: relative;
}
div.ant-typography-edit-content {
  left: -12px;
  margin-top: -5px;
  margin-bottom: calc(1em - 4px - 2px);
}
.ant-typography-edit-content-confirm {
  position: absolute;
  right: 10px;
  bottom: 8px;
  color: rgba(0, 0, 0, 0.45);
  pointer-events: none;
}
.ant-typography ul,
.ant-typography ol {
  margin: 0 0 1em 0;
  padding: 0;
}
.ant-typography ul li,
.ant-typography ol li {
  margin: 0 0 0 20px;
  padding: 0 0 0 4px;
}
.ant-typography ul li {
  list-style-type: circle;
}
.ant-typography ul li li {
  list-style-type: disc;
}
.ant-typography ol li {
  list-style-type: decimal;
}
.ant-typography-ellipsis-single-line {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-typography-ellipsis-multiple-line {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ant-upload {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  outline: 0;
}
.ant-upload p {
  margin: 0;
}
.ant-upload-btn {
  display: block;
  width: 100%;
  outline: none;
}
.ant-upload input[type='file'] {
  cursor: pointer;
}
.ant-upload.ant-upload-select {
  display: inline-block;
}
.ant-upload.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-select-picture-card {
  display: table;
  width: 104px;
  height: 104px;
  margin-right: 8px;
  margin-bottom: 8px;
  text-align: center;
  vertical-align: top;
  background-color: #fafafa;
  border: 1px dashed @border-color-base;
  border-radius: 4px;
  cursor: pointer;
  transition: border-color 0.3s ease;
}
.ant-upload.ant-upload-select-picture-card > .ant-upload {
  display: table-cell;
  width: 100%;
  height: 100%;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
}
.ant-upload.ant-upload-select-picture-card:hover {
  border-color: @menu-item-active-bg;
}
.ant-upload.ant-upload-drag {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #fafafa;
  border: 1px dashed @border-color-base;
  border-radius: 4px;
  cursor: pointer;
  transition: border-color 0.3s;
}
.ant-upload.ant-upload-drag .ant-upload {
  padding: 16px 0;
}
.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 7)`);
}
.ant-upload.ant-upload-drag.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-drag .ant-upload-btn {
  display: table;
  height: 100%;
}
.ant-upload.ant-upload-drag .ant-upload-drag-container {
  display: table-cell;
  vertical-align: middle;
}
.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
  border-color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
  margin-bottom: 20px;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
  color: color(~`colorPalette("@{menu-item-active-bg}", 5)`);
  font-size: 48px;
}
.ant-upload.ant-upload-drag p.ant-upload-text {
  margin: 0 0 4px;
  color: @heading-color;
  font-size: 16px;
}
.ant-upload.ant-upload-drag p.ant-upload-hint {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-upload.ant-upload-drag .anticon-plus {
  color: @disabled-color;
  font-size: 30px;
  transition: all 0.3s;
}
.ant-upload.ant-upload-drag .anticon-plus:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload.ant-upload-drag:hover .anticon-plus {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #272727;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  zoom: 1;
}
.ant-upload-list::before,
.ant-upload-list::after {
  display: table;
  content: '';
}
.ant-upload-list::after {
  clear: both;
}
.ant-upload-list::before,
.ant-upload-list::after {
  display: table;
  content: '';
}
.ant-upload-list::after {
  clear: both;
}
.ant-upload-list-item {
  position: relative;
  height: 22px;
  margin-top: 8px;
  font-size: 14px;
}
.ant-upload-list-item-name {
  display: inline-block;
  width: 100%;
  padding-left: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-upload-list-item-info {
  height: 100%;
  padding: 0 12px 0 4px;
  transition: background-color 0.3s;
}
.ant-upload-list-item-info > span {
  display: block;
}
.ant-upload-list-item-info .anticon-loading,
.ant-upload-list-item-info .anticon-paper-clip {
  position: absolute;
  top: 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-upload-list-item .anticon-close {
  display: inline-block;
  font-size: 12px;
  font-size: 10px ;
  transform: scale(0.83333333) rotate(0deg);
  position: absolute;
  top: 6px;
  right: 4px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 0;
  cursor: pointer;
  opacity: 0;
  transition: all 0.3s;
}
:root .ant-upload-list-item .anticon-close {
  font-size: 12px;
}
.ant-upload-list-item .anticon-close:hover {
  color: #272727;
}
.ant-upload-list-item:hover .ant-upload-list-item-info {
  background-color: color(~`colorPalette("@{menu-item-active-bg}", 1)`);
}
.ant-upload-list-item:hover .anticon-close {
  opacity: 1;
}
.ant-upload-list-item-error,
.ant-upload-list-item-error .anticon-paper-clip,
.ant-upload-list-item-error .ant-upload-list-item-name {
  color: #f5222d;
}
.ant-upload-list-item-error .anticon-close {
  color: #f5222d !important;
  opacity: 1;
}
.ant-upload-list-item-progress {
  position: absolute;
  bottom: -12px;
  width: 100%;
  padding-left: 26px;
  font-size: 14px;
  line-height: 0;
}
.ant-upload-list-picture .ant-upload-list-item,
.ant-upload-list-picture-card .ant-upload-list-item {
  position: relative;
  height: 66px;
  padding: 8px;
  border: 1px solid @border-color-base;
  border-radius: 4px;
}
.ant-upload-list-picture .ant-upload-list-item:hover,
.ant-upload-list-picture-card .ant-upload-list-item:hover {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-error,
.ant-upload-list-picture-card .ant-upload-list-item-error {
  border-color: #f5222d;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
  padding: 0;
}
.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-uploading,
.ant-upload-list-picture-card .ant-upload-list-item-uploading {
  border-style: dashed;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 48px;
  height: 48px;
  font-size: 26px;
  line-height: 54px;
  text-align: center;
  opacity: 0.8;
}
.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-picture-card .ant-upload-list-item-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 26px;
  transform: translate(-50%, -50%);
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail img,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  display: block;
  width: 48px;
  height: 48px;
  overflow: hidden;
}
.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 0 0 8px;
  padding-right: 8px;
  padding-left: 48px;
  overflow: hidden;
  line-height: 44px;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
  line-height: 28px;
}
.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 14px;
  width: calc(100% - 24px);
  margin-top: 0;
  padding-left: 56px;
}
.ant-upload-list-picture .anticon-close,
.ant-upload-list-picture-card .anticon-close {
  position: absolute;
  top: 8px;
  right: 8px;
  line-height: 1;
  opacity: 1;
}
.ant-upload-list-picture-card {
  float: left;
}
.ant-upload-list-picture-card.ant-upload-list::after {
  display: none;
}
.ant-upload-list-picture-card .ant-upload-list-item {
  float: left;
  width: 104px;
  height: 104px;
  margin: 0 8px 8px 0;
}
.ant-upload-list-picture-card .ant-upload-list-item-info {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.ant-upload-list-picture-card .ant-upload-list-item-info::before {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.3s;
  content: ' ';
}
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  white-space: nowrap;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
  z-index: 10;
  width: 16px;
  margin: 0 4px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
  color: @component-background;
}
.ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
.ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
}
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: none;
  margin: 8px 0 0;
  padding: 0;
  line-height: 1.5;
  text-align: center;
}
.ant-upload-list-picture-card .anticon-picture + .ant-upload-list-item-name {
  display: block;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
  background-color: #fafafa;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
  height: auto;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye-o,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
  display: none;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading-text {
  margin-top: 18px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 32px;
  padding-left: 0;
}
.ant-upload-list .ant-upload-success-icon {
  color: #52c41a;
  font-weight: bold;
}
.ant-upload-list .ant-upload-animate-enter,
.ant-upload-list .ant-upload-animate-leave,
.ant-upload-list .ant-upload-animate-inline-enter,
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-duration: 0.3s;
  animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-upload-list .ant-upload-animate-enter {
  animation-name: uploadAnimateIn;
}
.ant-upload-list .ant-upload-animate-leave {
  animation-name: uploadAnimateOut;
}
.ant-upload-list .ant-upload-animate-inline-enter {
  animation-name: uploadAnimateInlineIn;
}
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-name: uploadAnimateInlineOut;
}
@keyframes uploadAnimateIn {
  from {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateOut {
  to {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateInlineIn {
  from {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateInlineOut {
  to {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */









/*
* less注意事项
* 不可以有重名变量，否则即使规则一样，也只有第一个生效
* 不用的less文件直接删掉，否则影响打包
* import放首行，否则无效
*/
// 这份代码需要复制到basestyle/index中进行定制数据覆盖，注意不要覆盖原有的通用代码
// 同时，由于主干中的其他颜色也需要覆盖，所以这里也要存在一份文件
// intalbras颜色定制
// 客户要求，普通选中时，是intelbrasGreen
// 鼠标移入按钮时，按钮要变暗intelbrasGreenDark
@intelbrasGreen: #00a335;
@intelbrasGreenShadow: 0 0 0 2px rgba(0, 163, 53, 0.2);
@intelbrasGreenLight: #87c984;
@intelbrasGreenShallow: #e5f6ed;
@intelbrasGreenDark: #00863F;
@intelbrasGrayDN: #d9d9d9;
@intelbrasGrayEE: #ebeeee;

// 通用样式变量覆盖
@loginInputBorderColor: @intelbrasGrayDN;
@loginInputBorderHoverColor: @intelbrasGreenDark;
@loginBtnColor: @intelbrasGreen;
@loginBtnHoverColor: @intelbrasGreenDark;
@topBackColor: @intelbrasGreen;
@sideMenuBackColor: @intelbrasGreenShallow;
@topMenuTabColor: #fff;
@export-color: @intelbrasGreen;  // 主色 选中色
@tab-active-color: @intelbrasGreenShallow;
/* start 5.0业务代码样式覆盖 */
#root, body {
    background: @intelbrasGrayEE;
}
a {
    color: @intelbrasGreen;
}

.init-step-nav {
    background: @white;
}

.passwordCheck-light {
    background-color: @intelbrasGreenShallow;
}


._MenuView_ {
    background: @white;
    .bg {
        background: linear-gradient(@intelbrasGreenLight, @intelbrasGreen);
    }
    .swiper-pagination-switch {
        background: @intelbrasGreenLight;
    }
    .swiper-active-switch {
        background: @intelbrasGreenDark;
    }
}

.MenuView_ViewItem_underLine {
    background-color: @intelbrasGreenLight;
}

._Imgset_ {
    .osd-image-preview {
        border-color: solid 1px @intelbrasGreenLight;
        background-color: @intelbrasGreenShallow;
    }
}

.Ocx_download a {
    color: @intelbrasGreen;
}

._SingleSDIExclusionConfig_ .content ul li .ant-card-head:hover {
    background-color: @intelbrasGreenShallow;
}

._SAFESecurityStatus_list {
    .myicon {
        color: @intelbrasGreen;
    }
}


._ScheduleComponent_ .main-container .dayplan .handle {
    border-color: @intelbrasGreen;
}

.intelbras-cloud {
    display: inline-block;
    cursor: pointer;
}

.topMenus {
    opacity: 1;
    .ant-dropdown-menu .ant-dropdown-menu-item-active {
        font-weight: bold;
    }
}

._PasswordReset_ .header-height {
    background-color: @intelbrasGreen;
}

._PasswordReset_ {
    .ant-steps-item-process .ant-steps-item-icon {
        border-color: @intelbrasGreen;
        background: @intelbrasGreen;
    }
}

._AIConfig_ {
    .side-panel {
        .ant-menu:not(.ant-menu-horizontal) {
            .ant-menu-item-selected {
                background:  @intelbrasGreenShallow;
            }
        }
    }
}

.sideMenu .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected,
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background-color: @intelbrasGreenShallow;
}

._RTP_ .row_title_style,
._TS_ .row_title_style {
    font-weight: normal!important;
}

._PtzLink_ .main .icon-active {
    color: @intelbrasGreen!important;
}

/* end 5.0业务代码样式覆盖 */

/* ant有部分颜色没有被修改成功的功能 */
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled),
.ant-select-dropdown-menu-item-active:hover:not(.ant-select-dropdown-menu-item-disabled) {
    background: @intelbrasGreenShallow!important;
}

.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td, .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
    background: @intelbrasGreenShallow!important;
}

.ant-dropdown-menu-item:hover {
    background: @intelbrasGreen!important;
}

.ant-slider-track {
    background: @intelbrasGreen
}

.ant-progress-bg {
    background-color: #87d068;
    background-image: -webkit-gradient(linear, left top, right top, from(#00a335), to(#87d068));
    background-image: -o-linear-gradient(left, #00a335 0%, #87d068 100%);
    background-image: linear-gradient(to right, #00a335 0%, #87d068 100%);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.ant-alert-info {
    background: @intelbrasGreenShallow;
    border:1px solid @intelbrasGreen;
}

.ant-alert-info .ant-alert-icon {
    color: @intelbrasGreen;
}
/*ant design主题色*/

@sideMenuBackColor:#ECF4FF;
@baseColor:#ffffff;
@baseBlue:#1060d1;
@topBackColor:#2374E7;
@toplineColor:#cccccc;
@topMenuHoverColor:#cccccc;
@label-light-Color:#ffffff;
@label-dark-Color:#666666;
@inputBackColor:#ffffff;
@inputBorderColor:#d9d9d9;
@ViewItemLineColor:#81B6FC;
@ViewItemMessageColor:#BFBFBF;
@ViewItemCarouselColor:#7DB1EC;
@tabMenuHomeColor:#13446F;
@inputBorderErrorColor:#ffa39e; //拿了antd的error alert颜色
@loadingBackgroundColor:#eee;
@success-color: #52c41a; // 成功色
@error-color: #f5222d; // 错误色
@warn-color:#fcac15;//警告色
@topMenuTabActiveColor:#1060d1;
@topMenuTabActiveColor:#ffffff;
@topMenuTabHoverColor:#ffffff;
@topMenuTabColor: #a6adb4;
@loginIconColor:rgba(0,0,0,.25);//登陆输入框图标默认颜色
@topHomeBorderColor: rgba(255, 255, 255, 0.2);
@disableColor:#f5f5f5;
@tab-active-color: #e5f6ed;;
@export-color:#00a335;
@border-color:#e8e8e8;
@panelBorderColor:#d9d9d9;//折叠面板边框色
@panelBackgroundColor:#fafafa;//折叠面板背景色
@hoverColor:#333333;



// 以下调试用
// @white: #fff;
// @border-color:#e8e8e8;
// @export-color:#1890ff;
// @topBackColor:#001529;
// @tab-active-color:#e6f7ff;
// @font-color:#272727;
// @placeholder-color:rgba(255, 255, 255, 0.6);
// @topMenuColor: #a6adb4;



.m-h-100-p{
	height: 100%;
}
#root,body{
    height: 100%;
    font-family: 'Microsoft YaHei';
    font-size:14px;
}

._EventHandler_ {
    .ant-dropdown-menu-item{
        padding: 0px 10px;
    }
    .ant-dropdown-menu-item-active{
        background-color: #e6f7ff;
    }
    .ant-dropdown-menu-item:hover {
        background-color: #e6f7ff;
    }
    .EventHandlerPL15{
        padding-left: 15px;
    }
}
._pannel_ {
    background-color: transparent;
    &.ant-collapse{
        border: 0px;
        .ant-collapse-item{
            border: 1px solid #d9d9d9;
            margin-top:15px;
        }
    }
    // 没有内容的panel不显示展开行
    &.emptyPanel{
        .ant-collapse-content{
            display: none;
        }
    }
    .ChannelLabelText {
        line-height: 32px;
        margin-bottom: 0;
    }
    // 音频联动
    .EventHandler-voice {
        margin-top: 15px;
    }
    // 警戒灯
    .LightLinkPanel .ant-collapse-content .ant-row:not(:first-child) {
        margin-top: 15px;
    }
}
._forgetPassword_ .ant-modal-footer {
    height: 55px;
    .ant-btn {
        float: right;
        margin-left: 10px;

    }
    
}
._forgetPassword_ {
    b {
        color: #1890ff;
    }
}

._reportPeriod_ {
    background: @baseColor;
    padding: 16px;
    .time-select {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        & ~.time-select {
            padding-left: 12px;
        }
    }
    .active {
        color: @export-color;
    }
    .rangePicker {
        vertical-align: -4px;
        margin-left: 4px;
    }
    .ant-calendar-picker {
        width: 360px;
    }
    button {
        margin-left: 24px;
        vertical-align: 7px;
    }
}

._tabbar_{
    height: calc(80vh - 64px);
    background-color: @baseColor;
    // border-right:1px solid @topMenuColor; 
    .wrapper{
        width:100%;
        transition:all 0.3s;
        cursor: pointer;
        line-height: 40px;
        &.active {
            background-color:@tab-active-color;
            color:@export-color;
        }
        .left {
            width:20px;
            float: left;
            height:100%;
        }
        .right{
            float: left;
        }
        p{
            margin:0;
        }
    }
    .editable-cell-value-wrap {
        max-width: 150px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        cursor: pointer;
        border: 1px solid transparent;
        line-height: 35px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .addButton {
        margin:5px auto;
    }
}
._ScheduleDialog_{
    .ant-modal-footer{
        height: 54px;
    }
    .ant-modal .ant-modal-footer .ant-btn {
    float:right;
    margin-left: 10px;  
    }
}
.ScheduleDialogEmpty{
    text-align: center;
}


.FireWall-tab{
    .list-item{
        margin: 15px 0;
    }
    .Firewall-btn-bar{
        margin-top: 15px;
        .ant-btn {
            margin-right: 15px;
        }
    }
}
.Firewall-modal{
    .ant-modal-body{
        padding-left: 60px;
    }
    .LabelIP-label-Col{
        text-align: left;
    }
    .LabelIP-container{
        margin: 0;
    }
    .ant-input.LabelIPinput {
        width:53px;
    }
    .ant-row{
        margin-bottom: 6px;
    }
    .mac-box .mac-input {
        width: 34.5px; 
        min-width: 34.5px; 
        padding: 0; 
    }
    .macInput-label {
        padding: 0;
        text-align: left;
    }
}

.homeside-enter, .homeside-appear {
    opacity: 0;
}
.homeside-enter-active, .homeside-appear-active { 
    opacity: 1;
    transition: opacity 200ms ease-in;
}
.homeside-enter-done {
    opacity: 1;
}
.homeside-exit {
    opacity: 1;
}

.homeside-exit-active {
    opacity: 0;
}

.homeside-exit-done {
    opacity: 0;
}
.clearfix {
    &::after {
      content: ".";            
      display: block;        
      height: 0;
      visibility: hidden;  
      clear: both;   
    }
}


.Login-Form{
    background-color: transparent;
    text-align: center;
}
.login-box{
    background-color: transparent;
    width: 380px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -190px;
    margin-top: -150px; 
}
.login-container{
    height: 100%;
    width:100%;
}
.login-backgroundImage {
    position: absolute;
    height: 100%;
    width:100%;
    left: 0;
    top: 0;
}
.login-button{
    width:100%;
}
.login-forget{
    position: absolute;
    padding-left: 10px;
    cursor: pointer;
    color:@baseColor;
    &:hover{
        color: @primary-color
    }
}
.login-icon{
    color: @loginIconColor;
}



@homeBgDisplay:block;
@homeCarouselMargin:45px;
.MenuView_item{
    width: 33%;
    display: inline-block;
    cursor: pointer;
    padding: 20px;
    margin-bottom: 10px;
    border-radius: 3px;
    transition:  background-color 1500ms;
    -moz-transition: background-color 1500ms;
    -o-transition: background-color 1500ms;
    -webkit-transition: background-color 1500ms;
}
.MenuView_item:hover{
    background-color: @sideMenuBackColor;
    transition:  background-color 1500ms;
    -moz-transition: background-color 1500ms;
    -o-transition: background-color 1500ms;
    -webkit-transition: background-color 1500ms;
}
.MenuView_ViewItem{
    text-align: center;
    margin-bottom: 18px;
    .icon{
      display: inline-block !important;
    }

}
._MenuView_ {
    padding: 20px;
    padding-bottom: 0;
    position: relative;
    .pagination {
        position: absolute;
        z-index: 20;
        bottom: 10px;
        width: 100%;
        text-align: center;
      }
      .swiper-pagination-switch {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #AFC6E1;
        margin: 0 10px;
        opacity: 0.8;
        border: transparent;
        cursor: pointer;
      }
      .swiper-active-switch {
        background: #1890FF;
      }
    .modal {
        position: fixed;
        top: 0;
        left: 4vw;
        z-index: 2;
        display: @homeBgDisplay;
    }
    .bg_img{
        position: fixed;
        top: 0px;
        right: 2px;
        z-index: 1;
        display: @homeBgDisplay;
    }
    .bg{
        display: @homeBgDisplay;
        position: fixed;
        top: -180px;
        left: -100px;
        z-index: 1;
        width: 130%;
        height: 600px;
        transform:rotate(-8.6deg);
        background: linear-gradient(#4b2dff,#338dfe);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b2dff', endColorstr='#338dfe',GradientType=0 );
    }
}

._MenuView_Carousel{
    background-color: @baseColor;
    padding: 30px 30px 5px 0px;
    width: 80%;
    margin: 0 auto;
    margin-top: @homeCarouselMargin;
    z-index: 100;
    position: absolute;
    left: 50%;
    height: 780px;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}
.MenuView_ViewItem_title{
    font-size: 20px;
    font-weight: bold;
}
.MenuView_ViewItem_underLine {
    height: 2px;
    width: 35px;
    background-color: @ViewItemLineColor;
    border-radius: 5px;
    margin: 0 auto;
}
.MenuView_ViewItem_message{
    word-wrap:break-word;
    word-break:keep-all;
    overflow: hidden;
    height: 80px;
    color:@ViewItemMessageColor;
}
.ant-carousel .slick-slider {
  z-index: 3;
  margin-top: 8vh;
}
._MenuView_ .ant-carousel .slick-dots li.slick-active button {
    background-color: @primary-color
}
._MenuView_ .ant-carousel .slick-dots li button {
    background-color: @ViewItemCarouselColor
}

.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%;
	-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;
	-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;
}


._PasswordReset_{
    .header-height {
        height: 64px;
        color:@baseColor;
        background-color: @topBackColor;
        position: fixed;
        width: 100%;
        z-index: 100;
    }
    .clearfix {
        height: 64px;
        &::after {
          content: ".";            
          display: block;        
          height: 0;
          visibility: hidden;  
          clear: both;   
        }
      }
    .header-logo {
        line-height: 64px;
        margin-left: 20px;
    }
    .header-color{
        background-color: @topHomeBorderColor;
        margin-left: 10px;
    }
    .section-body{
        border: 1px solid #E7E8E9;
        width: 100%;
        background-color: @baseColor;
        padding: 30px 30px 30px 80px;
        .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;
         }
    }
    .qrcode-message{
        float: left;
        width:calc(100% - 320px);
    }
    .qrcode-p{
        padding-left: 50px;
        color: #FF4505
    }
    .qrcode {
        border: 1px solid #E6E6E6;
        padding: 5px;
        margin-top: 65px;
        margin-left: 30px;
    }
    .qrcode-title{
        text-align: center;
        font-size: 14px;
        color: #A4A4A4;
        margin:  0;
    }
    .last-alert{
        color: #A4A4A4;
    }
    .qrcode-content{
        width: 324px;
        margin: 0 auto;
    }
    .newqrcode {
        .qrcode-title {
            line-height: 32px;
            font-size: 16px;
            color:#272727;
        }
        .phoneChange {
            color: #A4A4A4;
            text-decoration: underline;
        }
        b {
            color: #1890ff;
        }
    }
} 

.FireWall-tab{
    .ant-table-header-column{
        font-weight: bold;
    }
    .padding15{
        padding: 14px;
        padding-top: 0;
    }
    .paddingLeft15{
        padding-left:15px;
    }
    .divider{
        padding:0 15px;    
    }
    .marginRight10{
        margin-right:10px;
    }
    .firewallTable{
        .ant-spin-nested-loading{
            border-left: 1px solid #e8e8e8;
            border-right: 1px solid #e8e8e8;
        }
    }
    a {
        color:@text-color;
        &:hover{
            color:@primary-color
        }
    }
    padding: 14px 14px 14px 29px;
    > .ant-row {
        > .ant-col {
            padding-bottom: 14px;
        }
    }
}
.Firewall-modal{
    .ant-modal-body{
        padding-left: 60px;
    }
    .LabelIP-label-Col{
        text-align: left;
    }
    .LabelIP-container{
        margin: 0;
    }
    .ant-input.LabelIPinput {
        width:53px;
    }
    .ant-row{
        margin-bottom: 6px;
    }
    .mac-box .mac-input {
        width: 34.5px; 
        min-width: 34.5px; 
        padding: 0; 
    }
    .macInput-label {
        padding: 0;
        text-align: left;
    }
    .mac-point {
        width: 4% !important;
    }
    
}
._publicAccountLock_{
    .labelText{
        line-height: 32px;
        font-weight: bold;
    }
    .padding15{
        padding: 15px;
    }
    .marginRight10{
        margin-right:10px;
    }
    .divider{
        padding:0 15px;    
    }
    padding: 14px 14px 14px 29px;
    > .ant-row {
        > .ant-col {
            padding-bottom: 14px;
        }
    }
}
._DOSAttack_{
   .alert{
       padding: 0px 20px 20px 20px;
   } 
}
.Cert-form .ant-form-item {
    margin-bottom: 0px;
}
.Cert, .TrustCert{
    word-break: break-all;
    padding: 14px 14px 14px 29px;
    > .ant-row {
        > .ant-col {
            padding-bottom: 14px;
        }
    }
    .ant-table-tbody > tr > td{
        word-break: break-all;
    }
    .ant-table-thead > tr:first-child > th:first-child {
        border-left: 1px solid #e8e8e8;
    }
    .ant-table-thead > tr:first-child > th:last-child {
        border-right: 1px solid #e8e8e8;
    }
    .ant-table-tbody .ant-table-row{
        border-left: 1px solid #e8e8e8;
        border-right: 1px solid #e8e8e8;
    }
    .ant-table-placeholder{
        border-left: 1px solid #e8e8e8;
        border-right: 1px solid #e8e8e8;
    }
    .ant-table-header-column{
        font-weight: bold;
    }
    .ant-form-explain {
        margin-left: 0px;
    }
    .ant-modal-body{
        .Cert-form{
            .ant-form-item{
                position: relative;
                .ant-form-item-label{
                    text-align: left;
                    margin-left: 6%;
                }
                .ant-form-item-control-wrapper{
                    width: 50%;
                }
                .days{
                    position: static;
                    margin-left: 12px;
                }
            }
        }
    }
}
.Cert_btn_disabled {
    color: #e8e8e8;
    cursor: not-allowed;
}
.Cert-table-row {
    word-break: 'break-all';
}

._SAFEIdentityAuth_ {
    padding: 14px 14px 14px 29px;
    > .ant-row {
        > .ant-col {
            padding-bottom: 14px;
        }
    }
    .ant-table-body {
        border-left: 1px solid @border-color;
        border-right: 1px solid @border-color;
    }
    .ant-table-title {
        padding: 0 10px;
        border:1px solid #e8e8e8;
    }
}

._SAFEKMSServices_{
    > .ant-row {
        padding-bottom: 14px;
    }
    .switchTab{
        border-bottom: 1px solid @border-color;
    }
    .paddingTop14{
        padding-top: 14px;
    }
    .marginBottom14 {
        margin-bottom: 14px;
    }
    .info{
        padding-top: 14px;
    }
    .handleBar{
        button{
            margin-right: 10px;
        }
    }
    .LabelIPinput{
        width: 52px !important;
    }
    .LabelIP-label-Col{
        text-align: left !important;
    }
    .table-border{
        border-left: 1px solid @border-color;
        border-bottom: 1px solid @border-color;
        border-right: 1px solid @border-color;
    }
    .table-title{
        height: 40px;
        line-height: 40px;
        border-left: 1px solid @border-color;
        border-top: 1px solid @border-color;
        border-right: 1px solid @border-color;
        .table-title-name{
            padding-left: 30px;    
        }
        .table-cert-manage{
            float: right;
            padding-right:30px;    
            color: @export-color;
            cursor: pointer;
        }
    }
    .ant-table-tbody .CertSefialNum {
        word-break: break-all;
    }
    .row-list{
        margin: 10px 0 10px 0;
    }
    .LabelIP-container{
        margin: 0 !important;
    }
    ._SAFEKMSServices_Alert{
        margin:10px 0 10px 0;
    }
    ._SAFEKMSServices_Revoked{
        color:@error-color;
    }
    .ant-col-5{
        width:221px;
    }
    .ant-table-header-column{
        font-weight:bold;
    }
}
._CoSignServer_{
    padding: 14px 14px 14px 29px;
    .paddingTop14{
        padding-top: 14px;
    }
    .handleBar{
        button {
            margin-right: 10px;
        }
    }
}

._SAFESafetyWarning_{
    padding:14px;
    overflow:'auto';
    height:'100%';
    .event-list{
        display: inline-block;
        line-height: 30px;
        margin-right:20px;
        width: 36%;
    }
    ._SAFESafetyWarning_Alert{
        margin:14px 0;
    }
    .handleBar{
        button {
            margin-right: 10px;
        }
    }
    .alertMessage{
        display: inline-block;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
        -ms-word-break: break-all; 
    }
}
._SAFESafetyWarning_Pop{
    .ant-popover-inner-content{
        overflow: hidden;
        .event-list{
            width:250px;
        }
    }
    .ant-popover-content{
        width:800px;
    }
}

._EarlyWarningEvent_ {
    .dealtext {
        margin-right: 10px;
        color: #1890ff;
        cursor: pointer;
    }
    .disabledtext {
        cursor: not-allowed;
        color: rgba(0, 0, 0, 0.25);
    }
    .overText {
        position: relative; line-height: 20px; max-height: 40px;overflow: hidden;}
        .overText::after{content: "..."; position: absolute; bottom: 0; right: 0;
        background: -webkit-linear-gradient(left, transparent, #fff 55%);
        background: -o-linear-gradient(right, transparent, #fff 55%);
        background: -moz-linear-gradient(right, transparent, #fff 55%);
        background: linear-gradient(to right, transparent, #fff 55%);
    }
    .head {
        padding: 10px;
        border-bottom: 1px solid #e8e8e8;
    }
    .time {
        margin-top: 6px;
    }
    .batch {
        padding: 10px;
        .list {
            margin-top: 6px;
            font-weight: bold;
        }
    }
    .ant-table-header-column{
        font-weight: bold;
    }
    .ant-drawer-body {
        padding-bottom: 0;
    }
    .ant-table{
        border: 1px solid @border-color;
        border-top:  none;
        min-height: 630px;
    }
    .ant-drawer{
        margin-top: 230px;
    }
    .ant-drawer-content-wrapper {
        width: 340px !important;
        height: 628px !important;
    }
    .drawer {
        .ant-row {
            margin-bottom: 14px;
        }
        button {
            width: 100%;
        }
        .anticon {
            margin-left: 280px;
        }
        .special {
            margin-top: 20px;
        }
    }
}
._SAFESecurityStatus_{
    ._SAFESecurityStatus_title{
        background-color:#e6f7ff;
        padding:15px;
        position: relative;
    }
    ._SAFESecurityStatus_titleText{
        font-size:24px;
        margin-bottom:10px !important;
    }
    ._SAFESecurityStatus_titleTip{
        color:#a7adaf;
        margin-left:5%;
    }
    ._SAFESecurityStatus_detect{
        height: 40px;
        max-height: 40px;
        margin-top: 14px;
        position:absolute;
        transform: translateY(-240%);
        -ms-transform: translateY(-240%);
        -webkit-transform: translateY(-240%);
        -o-transform: translateY(-240%);
        -moz-transform: translateY(-240%);
        right:20px;
    }
    .icon_pr10{
        padding-right: 10px;
    }
    ._SAFESecurityStatus_list{
        border-top:1px solid #e8e8e8;
    }
    ._SAFESecurityStatus_listTitle{
        border-bottom:1px solid #e8e8e8;
        padding:15px 5px 10px 25px;
        // font-weight: bold;
    }
    ._SAFESecurityStatus_content{
        min-height:180px;
        padding:15px 60px;
    }
    ._SAFESecurityStatus_titleIcon{
        width: 45px;
        height: 45px;
        position: relative;
        top: 6px;
    }
    .securityStateBtn{
        width: 64px;
        height: 24px;
        margin: 6px 0 0 11px;
        line-height: 24px;
    }
    .cuttitle {
        overflow: hidden !important;
        white-space: nowrap;
        word-wrap: normal;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .button_black {
        text-align: center;
        cursor: pointer;
        border: 1px solid #e8e8e8 !important;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
    }
    .ant-modal-body{
        padding: 0px;
    }
    .detail-modal{
        .title{
            padding: 20px 40px;
            line-height: 32px;
            vertical-align: middle;
            border-bottom: 1px solid #e8e8e8;
            .detail-opz-btn{
                margin-left: 10px;
                float: right;
            }
            button{
                //margin-top: -6px;
            }
        }
        .container{
            
        }
    }
}
.item-icon-list{
    width: 64px;
    height: 64px;
    margin: 0 auto;
    display: block;
    font-size:64px;
}
.item-icon-loading{
    position: relative;
    top:-20px;
}
.item-list-name{
    text-align: center;
    height:30px;
    line-height:30px;
    margin-top: 5px;
}
.item-list-name-users {
    text-align: center;
    line-height:30px;
    margin-top: 5px;
}
.item-list-btn{
    display: inline-block;
    padding: 2px 5px;
    border: .5px solid #e8e8e8;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 4px;
    min-width: 60px;
}
.detail-title-warning{
    margin-left: 6px;
    font-weight: bold;
}
.detail-optimize-btn{
    float: right;
    margin: 0 10px;
}
.detail-ignore-btn{
    float: right;
}
.detail-optimize-list{
    position: relative;
    padding: 20px 40px;
    padding-right: 30px;
    border-bottom: 1px solid #e8e8e8;
}
.detail-optimize-btn{
    position: absolute;
    right: 10px;
    top: 10px;
    text-align:right;
    color:#6699FF;
    cursor: pointer;
}
.icon-desc-popover{
    max-width: 500px;
    .icon-desc-title{
        font-weight: bold;
        margin: 10px 0;
    }
}
.icon-status-success{
    svg path{
        fill:#52c41a;
    }
}
.icon-status-fail{
    svg path{
        fill:#fcac15;
    }
}
.icon-status-ignore{
    svg path{
        fill:#8f8f8f;
    }
}
.item-list-name-fail{
    color: #fcac15;
}
.ant-progress-bg{
    background-color: #8fc6f8;
    background-image: linear-gradient(to right, rgb(16, 142, 233) 0%, rgb(135, 208, 104) 100%);
    background-size: 40px 40px;
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -ms-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}
.marginTop20{
    margin-top: 20px;
}

.padding20{
    padding: 20px;
}
._BaseServe_ .ant-divider-horizontal{
    min-width: 95%;
    width: 95%;
}
._WlanAgree_ .ant-table-bordered .ant-table-thead > tr > th, 
._WlanAgree_ .ant-table-bordered .ant-table-tbody > tr > td,
._publicHttps_ .ant-table-bordered .ant-table-thead > tr > th, 
._publicHttps_ .ant-table-bordered .ant-table-tbody > tr > td  {
    border-right:none;
}

._WlanAgree_ .ant-table-bordered .ant-table-thead > tr, 
._WlanAgree_ .ant-table-bordered .ant-table-tbody > tr,
._publicHttps_ .ant-table-bordered .ant-table-thead > tr, 
._publicHttps_ .ant-table-bordered .ant-table-tbody > tr {
    border:1px solid #e8e8e8;
}
._WlanAgree_ .ant-table-bordered .ant-table-thead> tr > th,
._publicHttps_ .ant-table-bordered .ant-table-thead> tr > th{
    font-weight: bold;
}
._WlanAgree_ .ant-table-title,
._publicHttps_ .ant-table-title {
    padding: 5px 0;
}
.marginTop20{
    margin-top: 20px;
}

.padding20{
    padding: 20px;
}
._BaseServe_ .ant-divider-horizontal{
    min-width: 95%;
    width: 95%;
}
._WlanAgree_ .ant-table-bordered .ant-table-thead > tr > th, 
._WlanAgree_ .ant-table-bordered .ant-table-tbody > tr > td,
._publicHttps_ .ant-table-bordered .ant-table-thead > tr > th, 
._publicHttps_ .ant-table-bordered .ant-table-tbody > tr > td  {
    border-right:none;
}

._WlanAgree_ .ant-table-bordered .ant-table-thead > tr, 
._WlanAgree_ .ant-table-bordered .ant-table-tbody > tr,
._publicHttps_ .ant-table-bordered .ant-table-thead > tr, 
._publicHttps_ .ant-table-bordered .ant-table-tbody > tr {
    border:1px solid #e8e8e8;
}
._WlanAgree_ .ant-table-bordered .ant-table-thead> tr > th,
._publicHttps_ .ant-table-bordered .ant-table-thead> tr > th{
    font-weight: bold;
}
._WlanAgree_ .ant-table-title,
._publicHttps_ .ant-table-title {
    padding: 5px 0;
}
._WlanAgree_{
    padding: 14px 14px 14px 29px;
    .title{
        > .ant-col {
            padding-bottom: 14px;
        }
    }
    .netName{
        padding-bottom: 14px;
        border-bottom: 1px solid #e8e8e8;
    }
    .container{
        padding-top: 14px;
        >.ant-col{
            margin-bottom: 14px;
        }
    }
    .table{
        padding: 14px 0;
    }
    .handleBar{
        padding-top: 14px;
    }
    .ant-row{
        .ant-form-item{
            margin-bottom: 0px;
            .ant-form-explain{
                margin-left: 17%;
            }
        }
    }
}
._publicHttps_{
    padding: 14px 14px 14px 29px;
    .title{
        > .ant-col {
            padding-bottom: 14px;
        }
    }
    .padding14{
        padding-bottom: 14px;
    }
    .ant-table-tbody .CertSefialNum {
        word-break: break-all;
    }
}

._VideoTransmission_{
    padding: 14px;
    min-height: 80vh;
    .ant-table-header-column{
        font-weight: bold;
    }
    .box{
        margin-bottom: 10px;
        border: 1px solid @border-color;
        .title {
            padding: 6px 14px;
            font-weight: bold;
            border-bottom: 1px solid @border-color;
        }
        .conainer{
            padding: 14px 32px;
            > .ant-row {
                &:last-of-type {
                    .ant-col {
                        &:last-child {
                            padding-bottom: 0;
                        }
                    }
                }
                > .ant-col {
                    padding-bottom: 14px;
                }
            }
        }
        .ant-table-body{
          border-left: 1px solid @border-color;
          border-right: 1px solid @border-color;
      }
    }
    // .ant-table-thead > tr:first-child > th:first-child {
    //     border-left: 1px solid @border-color;
    // }
    //   .ant-table-thead > tr:first-child > th:last-child {
    //     border-right: 1px solid @border-color;
    // }
    //   .ant-table-tbody .ant-table-row{
    //     border-left: 1px solid @border-color;
    //     border-right: 1px solid @border-color;
    // }
    //   .ant-table-placeholder{
    //     border-left: 1px solid @border-color;
    //     border-right: 1px solid @border-color;
    // }
    //   .ant-table-header-column{
    //     font-weight: bold;
    // }
    .ant-table-title {
        padding: 0 10px;
        border:1px solid #e8e8e8;
    }
    .ant-table-tbody .CertSefialNum {
        word-break: break-all;
    }
}
._VideoExport_{
    min-height: 80vh;
    padding: 14px 14px 14px 29px;
    > .ant-row {
        > .ant-col {
            padding-bottom: 14px;
        }
    }
    .ant-form-item {
        margin-bottom: 0
    }
    .ant-form-explain {
        margin-left: 21%
    }
}
._VideoStorage_,._GeneralConfig_ {
    min-height: 80vh;
    padding: 14px 14px 14px 29px;
    > .ant-row {
        > .ant-col {
            padding-bottom: 14px;
        }
    }
}
._VideoEncrypt_ {
    .ant-collapse {
        background: #fff;
    }
    .ant-collapse-content > .ant-collapse-content-box {
        padding: 0px;
    }
    .handle {
        margin-left: 20px;
        button {
            margin-right: 10px;
        }
    }
}
.m-main-page {
    height: 100%;
    padding: 10px;
}
._SNMPConfig_ {
    padding: 16px;
    margin-bottom: 16px;
    .labelText {
        line-height: 38px;
    }
    .remark {
        margin-left: 10px;
    }
    .v3Component-topBorder {
        border-top: 1px solid #e8e8e8;
        width: 100%;
        margin: 10px 0px 16px;
    }
    ul, li {
        list-style: none;
        padding: 0
    }
    .fn-marr10 {
        margin-right: 10px;
    }
    .fn-marl15 {
        margin-left: 15px;
    }
    .ant-form-item {
        margin-bottom: 14px;
    }
    .ant-form-item-control {
        line-height: 34px;
    }
    .LabelInput-label-Col, .labelSelect-label-Col, .macInput-label, .ipInput-label,.LabelIP-label-Col, .labelText{
        text-align: left;
        padding-left: 15px;
    }
    .LabelInput-behind-dark {
        padding: 5px 10px;
    }
    .ant-modal .ant-modal-content {
        .ant-modal-header {
            padding: 14px 10px 14px 16px;
        }
        .ant-modal-close-x {
            width: 50px;
            height: 50px;
            line-height: 50px;
            padding-left: 18px;
        }
        .ant-modal-footer {
            padding: 10px;
        }
        .ant-modal-body {
            padding: 25px 25px 25px 40px;
            .ant-form {
                margin-top: -5px;
                margin-bottom: -5px;
                .ant-form-item-label {
                    text-align: left;
                }
            }
            .ant-form > .ant-col {
                margin-bottom: 4px;
                &:last-child {
                    margin-bottom: 0px;
                }
            }
        }
        .ant-row {
            margin-bottom: 6px;
            &:last-child {
                margin-bottom: 0px;
            }
        }
    }
}

.@{prefixClass} {
  &-input-wrap {
    position: relative;
    padding: 6px;
    border-bottom: 1px solid #e9e9e9;
    &:after {
      content: '';
      clear: both;
    }
  }

  &-date-input-wrap {
    overflow: hidden;
  }
  &-time-picker {
    position: absolute;
    width: 100%;
    top: 34px;
    background-color: white;
    height: 217px;
    &-panel {
      width: 100%;
      position: relative;
      .@{timePickerClass}-panel {
        &-input-wrap {
          display: none;
        }
        &-inner {
          border: none;
          box-shadow: none;
        }
        &-select {
          width: 84px;
          max-height: 217px;
          li {
            text-align: center;
            padding: 0;
          }
        }
      }
    }
  }
  &-time-picker-wrap {
    float: left;
    width: 100%;

    .@{timePickerClass} {
      width: 100%;

      &-input {
        padding: 0;
        border: 1px solid transparent;
        outline: 0;;
        height:22px;
      }

      &-icon {
        display: none;
      }
    }
  }

  &-input {
    border: 1px solid transparent;
    width: 100%;
    color: #666;
    cursor: text;
    line-height: 1.5;
    outline: 0;
    height:22px;

    &-invalid {
      border-color: red;
    }
  }

  &-clear-btn {
    z-index: 9999;
    position: absolute;
    right: 6px;
    cursor: pointer;
    overflow: hidden;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    top: 6px;
    margin: 0;
  }

  &-clear-btn:after {
    content: "x";
    font-size: 12px;
    color: #aaa;
    display: inline-block;
    line-height: 1;
    width: 20px;
    transition: color 0.3s ease;
  }

  &-clear-btn:hover:after {
    color: #666;
  }
}
.@{prefixClass}-full {
  width: 275px;
  &-header {
    padding: 5px 10px;
    text-align: center;
    user-select: none;
    -webkit-user-select: none;
    border-bottom: 1px solid #ccc;
    overflow: hidden;

    &-month-select,
    &-year-select {
      width: 70px;
      float: right;
      margin-right: 5px;
    }

    &-switcher {
      float: right;
      display: inline-block;
      &-normal:hover {
        border-color: #23c0fa;
        box-shadow: 0 0 2px rgba(45, 183, 245, 0.8);
        cursor: pointer;
      }
      &-focus {
        border-color: #3fc7fa;
        background-color: #3fc7fa;
        color: #fff;
      }
      > span {
        float: left;
        height: 28px;
        line-height: 24px;
        border: 1px solid #d9d9d9;
        padding: 0 10px;
        color: #666;
        &:first-child {
          border-top-left-radius: 4px;
          border-bottom-left-radius: 4px;
          border-right: none;
        }
        &:last-child {
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
          border-left: none;
        }
      }
    }
  }
}

.@{prefixClass}-fullscreen {
  width: auto;

  .@{prefixClass}-full-header {
    border-bottom: none;
  }

  .@{prefixClass} {
    &-column-header {
      text-align: right;
      padding-right: 12px;
    }
    &-cell {
      padding: 0;
    }
    &-cell .@{prefixClass}-date,
    &-month-panel-cell .@{prefixClass}-month-panel-month {
      display: block;
      height: 116px;
      width: auto;
      border-radius: 0;
      margin: 0 4px;
      border: none;
      border-top: 2px solid #eee;
      text-align: right;
      padding-right: 8px;
    }
    &-selected-day .@{prefixClass}-date,
    &-month-panel-selected-cell .@{prefixClass}-month-panel-month {
      background-color: #ebfaff;
      color: #666;
    }
    &-today .@{prefixClass}-date,
    &-month-panel-selected-cell .@{prefixClass}-month-panel-month {
      border-top-color: #3FC7FA;
      color: #3FC7FA;
    }
  }
}

@prefixClass: rc-calendar;
@timePickerClass: rc-time-picker;

.@{prefixClass} {
  box-sizing: border-box;
  * {
    box-sizing: border-box;
  }
}

.@{prefixClass}-hidden {
  display: none;
}



.@{prefixClass}-picker {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 1000;

  &-hidden {
    display: none;
  }
}

@input-box-height: 35px;

.@{prefixClass}-range {
  width: 502px;
  overflow: hidden;

  &-part {
    width: 250px;
    position: relative;

    .@{prefixClass}-time-picker {
      top: 69px;
      &-panel {
        &-select {
          width: 77px;
        }
      }
    }
  }

  &-left {
    float: left;
    .@{prefixClass}-time-picker-panel {
      &-select:last-child {
        border-right: 1px solid #e9e9e9;
      }

    }
  }

  &-right {
    float: right;
    .@{prefixClass}-time-picker-panel {
      left: 21px;

      &-select:first-child {
        border-left: 1px solid #e9e9e9;
      }
    }
  }

  &-middle {
    position: absolute;
    margin-left: -10px;
    text-align: center;
    height: @input-box-height;
    line-height: @input-box-height;
  }
  .@{prefixClass}-date-panel::after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
  }

  .@{prefixClass}-input-wrap {
    height: @input-box-height;
  }
  .@{prefixClass}-input,
  .@{timePickerClass}-input {
    padding: 1px 7px;
    height: 22px;
  }

  .@{prefixClass}-body,
  .@{prefixClass}-decade-panel-body,
  .@{prefixClass}-year-panel-body,
  .@{prefixClass}-month-panel-body {
    border-bottom: 1px solid #e9e9e9;
  }

  &.@{prefixClass}-week-number {
    width: 574px;

    .@{prefixClass}-range {
      &-part {
        width: 286px;
        .@{prefixClass}-time-picker {
          top: 69px;
          &-panel {
            &-select {
              width: 89px;
            }
          }
        }
      }
      &-right {
        .@{prefixClass}-time-picker-panel {
          left: 36px;
        }
      }
    }
  }

  .@{prefixClass}-year-panel,
  .@{prefixClass}-month-panel,
  .@{prefixClass}-decade-panel {
    top: @input-box-height;
  }
  .@{prefixClass}-month-panel .@{prefixClass}-year-panel {
    top: 0;
  }
  .@{prefixClass}-decade-panel-table,
  .@{prefixClass}-year-panel-table,
  .@{prefixClass}-month-panel-table {
    height: 198px;
  }

  .@{prefixClass}-in-range-cell {
    background: #ebf4f8;
    border-radius: 0;
  }

  &-bottom {
    text-align: right;
  }

  .@{prefixClass}-footer{
    border-top: none;
    padding: 0;
    &-btn {
      padding: 10px 12px 10px 0;
    }
  }
  .@{prefixClass}-ok-btn {
    position: static;
  }
  .@{prefixClass}-today-btn {
    float: left;
  }
}

.@{prefixClass} {
  position: relative;
  outline: none;
  font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans-serif;
  width: 253px;
  border: 1px solid #ccc;
  list-style: none;
  font-size: 12px;
  text-align: left;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 5px #ccc;
  background-clip: padding-box;
  border: 1px solid #ccc;
  line-height: 1.5;

  &-date-panel, &-panel {
    position: relative;
    outline: none;
  }

  &-week-number {
    width: 286px;

    &-cell {
      text-align: center;
    }
  }

  &-header {
    padding: 0 10px;
    height: 34px;
    line-height: 30px;
    text-align: center;
    user-select: none;
    -webkit-user-select: none;
    border-bottom: 1px solid #ccc;

    > a {
      font-weight: bold;
      display: inline-block;
      padding: 0px 5px;
      line-height: 34px;
      text-align: center;
      width: 30px;

      &:hover {
        cursor: pointer;
        color: #23c0fa;
      }
    }

    .@{prefixClass}-prev-month-btn {
      position: absolute;
      left: 25px;

      &:after {
        content: '‹'
      }
    }

    .@{prefixClass}-next-month-btn {
      position: absolute;
      right: 25px;

      &:after {
        content: '›'
      }
    }
  }

  &-year-select, &-month-select, &-day-select {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    color: #666;
    padding: 0 8px;
    line-height: 34px;

    &:hover {
      cursor: pointer;
      color: #23c0fa;
    }
    &.@{prefixClass}-time-status:hover{
      cursor: pointer;
      color: #666;
    }
  }

  &-prev-month-btn,
  &-next-month-btn,
  &-prev-year-btn,
  &-next-year-btn {
    position: absolute;
    top: 0;
    cursor: pointer;
    color: #999;
    font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
    padding: 0 5px;
    font-size: 16px;
    display: inline-block;
    line-height: 34px;

    &:hover {
      color: #23c0fa;
    }
  }

  &-next-year-btn {
    right: 0;

    &:after {
      content: '»'
    }
  }

  &-prev-year-btn {
    left: 0;

    &:after {
      content: '«'
    }
  }

  &-body {
    padding: 9px 10px 10px;
    height: 217px;
  }

  table {
    border-collapse: collapse;
    max-width: 100%;
    background-color: transparent;
    width: 100%;
  }

  table, td, th, td {
    border: none;
  }

  &-table {
    border-spacing: 0;
    margin-bottom: 0;
  }

  &-column-header {
    line-height: 18px;
    padding: 6px 0;
    width: 33px;
    text-align: center;
    .@{prefixClass}-column-header-inner {
      display: block;
      font-weight: normal;
    }
  }

  &-week-number-header {
    .@{prefixClass}-column-header-inner {
      display: none;
    }
  }

  &-cell {
    padding: 1px 0;
  }

  &-date {
    display: block;
    margin: 0 auto;
    color: #666;
    border-radius: 4px 4px;
    width: 26px;
    height: 26px;
    padding: 0;
    background: transparent;
    line-height: 26px;
    text-align: center;

    &:hover {
      background: #ebfaff;
      cursor: pointer;
    }
  }

  &-selected-day &-date {
    background: tint(#3fc7fa, 80%);
  }

  &-selected-date &-date {
    background: #3fc7fa;
    color: #fff;
    &:hover {
      background: #3fc7fa;
    }
  }

  &-today &-date {
    border: 1px solid #3fc7fa;
  }

  &-disabled-cell &-date {
    cursor: not-allowed;
    color: #bcbcbc;
    background: #f3f3f3;
    border-radius: 0;
    width: auto;

    &:hover {
      background: #f3f3f3;
    }
  }

  &-disabled-cell-first-of-row &-date {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  &-disabled-cell-last-of-row &-date {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  &-last-month-cell &-date, &-next-month-btn-day &-date {
    color: #bbb;
  }

  &-footer {
    border-top: 1px solid #ccc;
    padding: 10px 0;
    text-align: center;
    position: relative;

    .@{timePickerClass} {
      width: 90px;
      &-input {
        height: 24px;
      }
    }
    &-show-ok {
      text-align: right;
      .@{prefixClass} {
        &-footer-btn {
          padding-right: 12px;
        }

        &-time-picker-btn {
          margin-left: 0;
          padding: 0 12px;
        }
        &-today-btn {
          float: left;
          padding-left: 12px;
        }
      }
    }
  }

  &-footer-btn {
    margin-top: 2px;

    &:after {
      content: 'x';
      height: 0;
      font-size: 0;
      overflow: hidden;
      clear: both;
    }
  }

  &-time-picker-btn {
    margin-left: 10px;
  }

  &-today-btn, &-ok-btn, &-time-picker-btn {
    display: inline-block;
    text-align: center;
    color: #f46830;

    &:hover {
      cursor: pointer;
      color: #23c0fa;
    }

    &-disabled {
      color: #bbb;
      &:hover {
        color: #bbb;
      }
    }
  }

  &-today-btn {
    padding-left: 10px;
  }
}
.@{prefixClass}-decade-panel {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #ffffff;
  z-index: 10;
  position: absolute;
  outline: none;
}

.@{prefixClass}-decade-panel-hidden {
  display: none;
}

.@{prefixClass}-decade-panel-header {
  padding: 0 10px;
  height: 34px;
  line-height: 34px;
  position: relative;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  border-bottom: 1px solid #ccc;

  > a {
    font-weight: bold;
    display: inline-block;
    padding: 1px 5px;
    text-align: center;
    width: 30px;

    &:hover {
      cursor: pointer;
      color: #23c0fa;
    }
  }
}

.@{prefixClass}-decade-panel-prev-century-btn, .@{prefixClass}-decade-panel-next-century-btn {
  position: absolute;
  top: 0;
}

.@{prefixClass}-decade-panel-next-century-btn {
  &:after {
    content: '»'
  }
}

.@{prefixClass}-decade-panel-prev-century-btn {
  user-select: none;
  left: 0;
  &:after {
    content: '«'
  }
}

.@{prefixClass}-decade-panel-next-century-btn {
  user-select: none;
  right: 0;
}

.@{prefixClass}-decade-panel-body {
  padding: 9px 10px 10px;
  position: absolute;
  bottom: 0;
  top: 34px;
}

.@{prefixClass}-decade-panel-table {
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-collapse: separate;
}

.@{prefixClass}-decade-panel-cell {
  text-align: center;
}

.@{prefixClass}-decade-panel-decade {
  display: block;
  margin: 0 auto;
  color: #666;
  border-radius: 4px 4px;
  height: 36px;
  padding: 0;
  background: transparent;
  line-height: 36px;
  text-align: center;

  &:hover {
    background: #ebfaff;
    cursor: pointer;
  }
}

.@{prefixClass}-decade-panel-selected-cell .@{prefixClass}-decade-panel-decade {
  background: #3fc7fa;
  color: #fff;

  &:hover {
    background: #3fc7fa;
    color: #fff;
  }
}

.@{prefixClass}-decade-panel-last-century-cell, .@{prefixClass}-decade-panel-next-century-cell {
  .@{prefixClass}-decade-panel-decade{
    user-select: none;
    -webkit-user-select: none;
    color: rgba(0, 0, 0, 0.25);
  }
}
.input() {
  height: 25px;
  position: relative;
  display: inline-block;
  margin: 0 0;
  padding: 4px 10px;
  border-radius: 6px 6px;
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
  color: #666;
  line-height: 1.5;
  transform: border 0.3s cubic-bezier(0.35, 0, 0.25, 1), background 0.3s cubic-bezier(0.35, 0, 0.25, 1), box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1);

  &:hover {
    border-color: #23c0fa;
  }

  &:focus {
    border-color: #23c0fa;
    box-shadow: 0 0 3px #23c0fa;
  }
}
.@{prefixClass}-month-panel {
  left: 0;
  top:0;
  bottom: 0;
  right: 0;
  background: #ffffff;
  z-index: 10;
  position: absolute;
  outline: none;
}

.@{prefixClass}-month-panel-hidden {
  display: none;
}

.@{prefixClass}-month-panel-header {
  padding: 0 10px;
  height: 34px;
  line-height: 30px;
  position: relative;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  border-bottom: 1px solid #ccc;

  > a {
    font-weight: bold;
    display: inline-block;
    padding: 4px 5px;
    text-align: center;
    width: 30px;

    &:hover {
      cursor: pointer;
      color: #23c0fa;
    }
  }
}

.@{prefixClass}-month-panel-prev-year-btn, .@{prefixClass}-month-panel-next-year-btn {
  position: absolute;
  top: 0;
}

.@{prefixClass}-month-panel-next-year-btn {
  &:after {
    content: '»'
  }
}

.@{prefixClass}-month-panel-prev-year-btn {
  user-select: none;
  left: 0;

  &:after {
    content: '«'
  }
}

.@{prefixClass}-month-panel .@{prefixClass}-month-panel-year-select {
  width: 180px;
}

.@{prefixClass}-month-panel-year-select-arrow {
  display: none;
}

.@{prefixClass}-month-panel-next-year-btn {
  user-select: none;
  right: 0;
}

.@{prefixClass}-month-panel-body {
  padding: 9px 10px 10px;
  position: absolute;
  top: 34px;
  bottom: 0;
}

.@{prefixClass}-month-panel-table {
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-collapse: separate;
}

.@{prefixClass}-month-panel-cell {
  text-align: center;



  .@{prefixClass}-month-panel-month {
    display: block;
    width: 46px;
    margin: 0 auto;
    color: #666;
    border-radius: 4px 4px;
    height: 36px;
    padding: 0;
    background: transparent;
    line-height: 36px;
    text-align: center;

    &:hover {
      background: #ebfaff;
      cursor: pointer;
    }
  }

  &-disabled{
    .@{prefixClass}-month-panel-month {
      color: #bfbfbf;

      &:hover {
        background: white;
        cursor: not-allowed;
      }
    }
  }
}

.@{prefixClass}-month-panel-selected-cell .@{prefixClass}-month-panel-month {
  background: #3fc7fa;
  color: #fff;

  &:hover {
    background: #3fc7fa;
    color: #fff;
  }
}

.@{prefixClass}-month-header-wrap {
  position: relative;
  height: 308px;
}
.@{prefixClass} {
  &-picker {
    .effect() {
      animation-duration: .3s;
      animation-fill-mode: both;
      transform-origin: 0 0;
      display: block !important;
    }

    &-slide-up-enter {
      .effect();
      opacity: 0;
      animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
      animation-play-state: paused;
    }

    &-slide-up-appear {
      .effect();
      opacity: 0;
      animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
      animation-play-state: paused;
    }

    &-slide-up-leave {
      .effect();
      opacity: 1;
      animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
      animation-play-state: paused;
    }

    &-slide-up-enter&-slide-up-enter-active&-placement-bottomLeft,
    &-slide-up-enter&-slide-up-enter-active&-placement-bottomRight,
    &-slide-up-appear&-slide-up-appear-active&-placement-bottomLeft,
    &-slide-up-appear&-slide-up-appear-active&-placement-bottomRight {
      animation-name: rcDropdownSlideUpIn;
      animation-play-state: running;
    }

    &-slide-up-enter&-slide-up-enter-active&-placement-topLeft,
    &-slide-up-enter&-slide-up-enter-active&-placement-topRight,
    &-slide-up-appear&-slide-up-appear-active&-placement-topLeft,
    &-slide-up-appear&-slide-up-appear-active&-placement-topRight {
      animation-name: rcDropdownSlideDownIn;
      animation-play-state: running;
    }

    &-slide-up-leave&-slide-up-leave-active&-placement-bottomLeft,
    &-slide-up-leave&-slide-up-leave-active&-placement-bottomRight {
      animation-name: rcDropdownSlideUpOut;
      animation-play-state: running;
    }

    &-slide-up-leave&-slide-up-leave-active&-placement-topLeft,
    &-slide-up-leave&-slide-up-leave-active&-placement-topRight {
      animation-name: rcDropdownSlideDownOut;
      animation-play-state: running;
    }

    @keyframes rcDropdownSlideUpIn {
      0% {
        opacity: 0;
        transform-origin: 0% 0%;
        transform: scaleY(0);
      }
      100% {
        opacity: 1;
        transform-origin: 0% 0%;
        transform: scaleY(1);
      }
    }

    @keyframes rcDropdownSlideUpOut {
      0% {
        opacity: 1;
        transform-origin: 0% 0%;
        transform: scaleY(1);
      }
      100% {
        opacity: 0;
        transform-origin: 0% 0%;
        transform: scaleY(0);
      }
    }

    @keyframes rcDropdownSlideDownIn {
      0% {
        opacity: 0;
        transform-origin: 100% 100%;
        transform: scaleY(0);
      }
      100% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scaleY(1);
      }
    }
    @keyframes rcDropdownSlideDownOut {
      0% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scaleY(1);
      }
      100% {
        opacity: 0;
        transform-origin: 100% 100%;
        transform: scaleY(0);
      }
    }
  }
}


.@{prefixClass}-time-input {
  .input();
  width:40px;
}
.@{prefixClass}-time-panel {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #ffffff;
  z-index: 10;
  position: absolute;
  outline: none;
}

.@{prefixClass}-time-panel-header {
  padding: 0 10px;
  height: 34px;
  line-height: 34px;
  position: relative;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  border-bottom: 1px solid #ccc;
}

.@{prefixClass}-time-panel-body {
  padding: 9px 10px 10px;
}

.@{prefixClass}-time-panel-title {
  width: 180px;
  font-weight: bold;
  display: inline-block;
  padding: 4px 5px;
  text-align: center;
  height: 30px;
  line-height: 22px;
  border-radius: 4px;
}


.@{prefixClass}-time-panel-table {
  table-layout: fixed;
  width: 100%;
  height:255px;
  border-collapse: separate;
}

.@{prefixClass}-time-panel-cell {
  text-align: center;
  height: 42px;
  vertical-align: middle;
}

.@{prefixClass}-time-panel-time {
  line-height: 26px;
  display: block;
  border-radius: 4px;
  width:26px;
  margin: 0 auto;

  &:hover {
    background: #ebfaff;
    cursor: pointer;
  }
}


.@{prefixClass}-time-panel-selected-cell .@{prefixClass}-time-panel-time {
  background: #3fc7fa;
  color: #fff;

  &:hover {
    background: #3fc7fa;
    color: #fff;
  }
}
.@{prefixClass}-year-panel {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #ffffff;
  z-index: 10;
  position: absolute;
  outline: none;
}

.@{prefixClass}-year-panel-hidden {
  display: none;
}

.@{prefixClass}-year-panel-header {
  padding: 0 10px;
  height: 34px;
  line-height: 30px;
  position: relative;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  border-bottom: 1px solid #ccc;

  > a {
    font-weight: bold;
    display: inline-block;
    padding: 4px 5px;
    text-align: center;
    width: 30px;

    &:hover {
      cursor: pointer;
      color: #23c0fa;
    }
  }
}

.@{prefixClass}-year-panel-prev-decade-btn, .@{prefixClass}-year-panel-next-decade-btn {
  position: absolute;
  top: 0;
}

.@{prefixClass}-year-panel-next-decade-btn {
  &:after {
    content: '»'
  }
}

.@{prefixClass}-year-panel-prev-decade-btn {
  user-select: none;
  left: 0;

  &:after {
    content: '«'
  }
}

.@{prefixClass}-year-panel .@{prefixClass}-year-panel-decade-select {
  width: 180px;
}

.@{prefixClass}-year-panel-decade-select-arrow {
  display: none;
}

.@{prefixClass}-year-panel-next-decade-btn {
  user-select: none;
  right: 0;
}

.@{prefixClass}-year-panel-body {
  padding: 9px 10px 10px;
  position: absolute;
  bottom: 0;
  top: 34px;
}

.@{prefixClass}-year-panel-table {
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-collapse: separate;
}

.@{prefixClass}-year-panel-cell {
  text-align: center;
}

.@{prefixClass}-year-panel-year {
  display: block;
  width: 46px;
  margin: 0 auto;
  color: #666;
  border-radius: 4px 4px;
  height: 36px;
  padding: 0;
  background: transparent;
  line-height: 36px;
  text-align: center;

  &:hover {
    background: #ebfaff;
    cursor: pointer;
  }
}

.@{prefixClass}-year-panel-selected-cell .@{prefixClass}-year-panel-year {
  background: #3fc7fa;
  color: #fff;

  &:hover {
    background: #3fc7fa;
    color: #fff;
  }
}

.@{prefixClass}-year-panel-last-decade-cell, .@{prefixClass}-year-panel-next-decade-cell {
  .@{prefixClass}-year-panel-year{
    user-select: none;
    -webkit-user-select: none;
    color: rgba(0, 0, 0, 0.25);
  }
}











.fileInput{
    margin: 20px 0;
    .fileLabel{
        text-align: center;
        label{
            vertical-align: middle;
            display:inline-block;
            line-height: 32px;
        }
    }
    input[type="file"]{
        position: absolute;
        top:0;
        left: 0;
        opacity: 0;
        cursor: pointer;
    }
    .uploadBtn{
        margin-left: 0;
        padding-left: 10px;
        position: relative;
        .ant-btn{
            min-width: 65px
        }
    }
    .uploadBtnIE{
        height: 0;
        margin-left: 0;
        padding-left: 10px;
        position: relative;
        .ant-btn{
            min-width: 65px
        }
    }
}
.fileUpdate{
    .updateBtn {
        position: relative;
        margin: 0 0 0 70px;
        .ant-btn {
            min-width: 85px
        }
        .ant-input {
            margin-top: -32px;
            display:none;
        }
    }
}
.IEInput{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:999;
    opacity:0;
}

.fileReader{
    margin: 20px 0;
    .fileLabel{
        text-align: center;
        width: 100px;
        label{
            vertical-align: middle;
            display:inline-block;
            line-height: 32px;
        }
    }
    input[type="file"]{
        position: absolute;
        top:0;
        left: 0;
        opacity: 0;
        cursor: pointer;
    }
    .uploadBtn{
        margin-left: 20px;
        position: relative;
        .ant-btn{
            min-width: 85px
        }
    }
}

.myicon {
    display: inline-block;
    position: relative;
    top: 1px;
}


.ipInput-label{
    padding: 25px 10px;
    text-align: right;
    min-width: 100px;  
}
.ipInput-box{
    width: 100%;
    min-width: 250px;
    padding: 20px 10px;
    .item{
        background-color:@baseColor;
        border: 1px solid @inputBorderColor;
        width: 14%;
        min-width: 50px;
        float: left;
        height: 32px;
        text-align: center;
        border-radius: 0;
        border-left: none;
        border-right: none;
        &:focus{
            border: transparent
        }
    }
    .left{
        border-radius: 4px 0 0 4px;
        border-left: 1px solid @inputBorderColor
    }
    .right{
        border-radius: 0 4px 4px 0;
        border-right: 1px solid @inputBorderColor
    }
    .point{
        float: left;
        vertical-align: baseline;
        margin:0;
        padding: 3px;
        background-color: @baseColor;
        height: 32px;
        font-weight: bold;
        border-top: 1px solid @inputBorderColor;
        border-bottom:  1px solid @inputBorderColor;
    }
    .error{
        box-shadow: 0 0 0 1px red;
        transition: box-shadow 500ms;
        -moz-transition: box-shadow 500ms;
        -o-transition: box-shadow 500ms;
        -webkit-transition: box-shadow 500ms;
    }
    .active-input{
        border-top: 1px solid red;
        border-bottom:  1px solid red;
    }
    .active-input-right{
        border-top: 1px solid red;
        border-bottom:  1px solid red;
        border-right: 1px solid red;
    }
    .active-input-left{
        border-top: 1px solid red;
        border-bottom:  1px solid red;
        border-left: 1px solid red;
    }
}
.error-text{
    color: red;
    padding:5px 10px;
    font-size: 12px;
    opacity:0;
}
.active{
    opacity: 1;
    transition: opacity linear 500ms;
    -moz-transition: opacity linear 500ms;
    -o-transition: opacity linear 500ms;
    -webkit-transition: opacity linear 500ms;
}


.LabelInput-label-light{
    line-height: 32px;
    color: @label-light-Color;
}

.LabelInput-label-dark{
    line-height: 32px;
    color: @label-dark-Color;
}

.LabelInput-label-Col{
    text-align: right;
    padding-right:10px; 
}
.LabelInput-behind-dark{
    line-height: 32px;
    color: @label-dark-Color;
    padding: 5px;
}
.LabelInput-behind-light{
    line-height: 32px;
    color: @label-light-Color;
    padding: 5px;
}
.uploadBtn{
    margin-left: 20px;
    position: relative;
    .ant-btn{
        min-width: 85px
    }
}
.error-red {
    border-color: red;
}
.error-msg {
    display: block;
    color: red;
    line-height: 1;
}

.LabelInput-label-light{
    line-height: 32px;
    color: @label-light-Color;
}

.LabelInput-label-dark{
    line-height: 32px;
    color: @label-dark-Color;
}

.LabelInput-label-Col{
    text-align: right;
    padding-right:10px; 
}
.LabelInput-behind-dark{
    line-height: 32px;
    color: @label-dark-Color;
    padding: 5px;
}
.LabelInput-behind-light{
    line-height: 32px;
    color: @label-light-Color;
    padding: 5px;
}

.LabelIP-container{
    margin: 20px 0
}
.LabelIP-label-light{
    line-height: 32px;
    color: @label-light-Color;
}

.LabelIP-label-dark{
    line-height: 32px;
    color: @label-dark-Color;
}
.LabelIP-label-Col{
    text-align: right;
    padding-right:10px; 
}
.LabelIP-ip-input {
    display: inline-block;
    background-color: @inputBackColor;
    border: 1px solid @inputBorderColor;
    border-radius: 4px;
    input {
        border: none;
        outline: none;
        text-align: center;
    }
    .LabelIP-dot-middle{
        line-height: 1;
        vertical-align: text-bottom;
    }
    .LabelIP-ip-input__item {
        display: inline-block;
    }
}
.LabelIPinput{
    width: auto;
}
.LabelIP-ip-input-disabled{
    background-color: @disabled-bg;
}
.LabelIP-has-error {
    border: 1px solid @inputBorderErrorColor;
}
.labelSelect-behind-dark{
    line-height: 32px;
    color: @label-dark-Color;
    padding: 5px;
}

.labelSelect-behind-light{
    line-height: 32px;
    color: @label-light-Color;
    padding: 5px;
}

.labelSelect-label-light{
    line-height: 32px;
    color: @label-light-Color;
}

.labelSelect-label-dark{
    line-height: 32px;
    color: @label-dark-Color;
}
.labelSelect-label-Col{
    text-align: right;
    padding-right:10px; 
}
.labelSelect-behind-dark{
    line-height: 32px;
    color: @label-dark-Color;
    padding: 5px;
}

.labelSelect-behind-light{
    line-height: 32px;
    color: @label-light-Color;
    padding: 5px;
}

.labelSlider-component{
    .labelSlider-label-light{
        line-height: 32px;
        color: @label-light-Color;
    }
    
    .labelSlider-label-dark{
        line-height: 32px;
        color: @label-dark-Color;
    }
    .labelSlider-label-Col{
        text-align: right;
        padding-right:10px; 
    }
    .ant-form-item-label {
        display: inline-block;
        overflow: hidden;
        line-height: 39.9999px;
        white-space: nowrap;
        text-align: left;
        vertical-align: middle;
    }
    .icon-left {
        float: left;
        margin-top: 14px;
        font-size: 12px;
    }
    .icon-right {
        float: left;
        margin-top: 14px;
        margin-left: 8px;
        font-size: 12px;
    }
}


.LabelSwitch-label-light{
    line-height: 32px;
    color: @label-light-Color;
}

.LabelSwitch-label-dark{
    line-height: 32px;
    color: @label-dark-Color;
}
.LabelSwitch-label-Col{
    text-align: right;
    padding-right:10px; 
}
.LabelSwitch-swtich{
    line-height: 32px;
}

.labelText-label-light{
    line-height: 32px;
    color: @label-light-Color;
}

.labelText-label-dark{
    line-height: 32px;
    color: @label-dark-Color;
}
.labelText-label-Col{
    text-align: right;
    padding-right:10px; 
}
.labelText-label-Text{
    line-height: 31px;
}
.labelText-behind-dark{
    line-height: 32px;
    color: @label-dark-Color;
    padding: 5px;
}

.labelText-behind-light{
    line-height: 32px;
    color: @label-light-Color;
    padding: 5px;
}

.loadingWapper{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    top:0;
    left: 0;
    text-align: center;
    background-color: @loadingBackgroundColor;
    filter:alpha(opacity=50); 
    -moz-opacity:0.5; 
    -khtml-opacity:0.5; 
    opacity: 0.5;
    .ant-spin{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .addMargin .ant-spin-text{
        margin-top: 40px;
    }
}


.macInput-label{
    padding: 5px 10px;
    text-align: right;  
}
.mac-box {
    width: 93%;
    .mac-input{
        background-color:@baseColor;
        border: 1px solid @inputBorderColor;
        width: 14.6%;
        float: left;
        height: 35px;
        text-align: center;
        border-radius: 0;
        border-left: none;
        border-right: none;
        &:focus{
            border: transparent;
        }
    }
    .mac-point{
        float: left;
        vertical-align: baseline;
        margin:0;
        padding: 3px;
        background-color: @baseColor;
        height: 35px;
        width: 2%;
        font-weight: bold;
        border-top: 1px solid @inputBorderColor;
        border-bottom:  1px solid @inputBorderColor; 
    }
    .mac-point-disabled{
        background-color:@disabled-bg
    }
    .error{
        box-shadow: 0 0 0 1px red;
        transition: box-shadow 500ms;
        -moz-transition: box-shadow 500ms;
        -o-transition: box-shadow 500ms;
        -webkit-transition: box-shadow 500ms;
    }
    .left{
        border-radius: 4px 0 0 4px;
        border-left: 1px solid @inputBorderColor
    }
    .right{
        border-radius: 0 4px 4px 0;
        border-right: 1px solid @inputBorderColor
    }
}

.netConfigGroup-label{
    padding: 20px 10px;
    text-align: right;
    min-width: 100px;  
}
.netConfigGroup-box{
    width: 100%;
    min-width: 250px;
    padding: 20px 10px;
    .item{
        background-color:@baseColor;
        border: none;
        width: 14%;
        min-width: 50px;
        float: left;
        height: 26px;
        text-align: center;
        border-radius: 0;
    }
    .left{
        border-radius: 4px 0 0 4px;
    }
    .right{
        border-radius: 0 4px 4px 0;
    }
    .point{
        float: left;
        vertical-align: baseline;
        margin:0;
        padding: 3px;
        background-color: @baseColor;
        height: 26px;
        font-weight: bold 
    }
    .error{
        box-shadow: 0 0 0 1px red;
        transition: box-shadow 500ms;
        -moz-transition: box-shadow 500ms;
        -o-transition: box-shadow 500ms;
        -webkit-transition: box-shadow 500ms;
    }
    .active-input{
        border-top: 1px solid red;
        border-bottom:  1px solid red;
    }
    .active-input-right{
        border-top: 1px solid red;
        border-bottom:  1px solid red;
        border-right: 1px solid red;
    }
    .active-input-left{
        border-top: 1px solid red;
        border-bottom:  1px solid red;
        border-left: 1px solid red;
    }
}
.error-text{
    color: red;
    padding:5px 10px;
    font-size: 12px;
    opacity:0;
}
.active{
    opacity: 1;
    transition: opacity linear 500ms;
    -moz-transition: opacity linear 500ms;
    -o-transition: opacity linear 500ms;
    -webkit-transition: opacity linear 500ms;
}


.Ocx_download{
    position: fixed;
    text-align: center;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid @border-color;
    background: @baseColor;
    z-index: 10000;
    span{
        padding-top: 6px;
        display: inline-block;
    }
    a {
        text-decoration: underline;
    }
    .closeBtn{
        float: right;
        margin-right: 20px;
        border: 1px solid @border-color;
        border-radius: 4px;
        padding: 4px 10px;
        cursor: pointer;
    }
}


.passwordCheck-light{
    width: 30%;
    display: inline-block;
    height: 5px;
    margin: 0;
    border-radius: 5px;
    margin-left: 3px;
    background-color:@sideMenuBackColor;
    transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
}
.passwordCheck-tip{
    transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    color:#F5222D;
    margin: 0;
} 
.passwordCheck-label{
    line-height: 32px;
    text-align: right;
    padding-right:10px; 
    color:@label-dark-Color;
}
.passwordCheck-vlight{
    width: 12%;
    display: inline-block;
    height: 5px;
    margin: 0;
    margin-bottom: 6px;
    background-color:@sideMenuBackColor;
    transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
}

.passwordCheck-v-left{
    border-radius: 5px 0 0 5px
}
.passwordCheck-v-right{
    border-radius: 0 5px 5px 0
}
.passwordInput-security {
    -webkit-text-security:disc;
    -moz-text-security:disc;
    -ms-text-security:disc;
}

._PtzControl_{
    i {
        cursor: pointer;
        &:hover{
            color: @export-color;
        }
    }
    i.icon-disabled {
        cursor: auto;
        color: #d9d9d9;
        &:hover{
            color: #d9d9d9;
        }
    }
    .rangeslider-vertical{
        height: 110px;
    }
    .active{
        color: @export-color;
    }
    .aimingCircle{
        text-align: center;
        padding-bottom: 20px;
        .left{
            float: left;
            width: 20px;
            min-height: 20px;
        }
        .middle{
            float: left;
            width: 140px;
            margin: 0 10px;
        }
        .rights{
            float: right;
            width: 20px;
        }
        .circle{
            position: relative;
            min-width: 140px;
            max-width: 140px;
            margin-top: 20px;
            .center{
                position: absolute;
                top: 42.5%;
                left: 42.8%;
            }
            .string-center {
                position: absolute;
                top: 41.5%;
                left: 43.8%;
                cursor: pointer; 
            }
            .up{
                position: absolute;
                top: 0%;
                left: 42.8%;
            }
            .down{
                position: absolute;
                bottom: 0;
                left: 42.8%;
            }
            .left{
                position: absolute;
                top: 42%;
                left: 0%;
            }
            .rights{
                position: absolute;
                top: 42%;
                right: 0;
            }
            .leftup{
                position: absolute;
                top: 15%;
                left: 12.8%;
            }
            .rightup{
                position: absolute;
                top: 14%;
                left: 70.8%;
            }
            .leftdown{
                position: absolute;
                top: 70%;
                left: 16%;
            }
            .rightdown{
                position: absolute;
                top: 69%;
                right: 14%;
            }
        }
    }
    .zoom{
        border-radius: 4px;
        text-align: center;
        background: #fcfcfc;
        .ant-col{
            padding: 3px 0;
            border: 1px solid @border-color;
        }
        .no-right-boder{
            border-right: none;
        }
        .no-bottom-boder{
            border-bottom: none;
        }
    }
    .step{
        text-align: left;
        margin-top: 14px;
        border: 1px solid @border-color;
        border-radius: 4px;
        text-align: center;
        background: #fcfcfc;
        padding: 0 6px;
    .name{
        margin-top: 10px;
        font-size: 12px;
        text-align: left;
        color: @disableColor;
    }
    .ant-slider-mark-text-active{
        color: @export-color;
    }
    .ant-slider-handle{
        border: 1px solid #e2e4e7;
        margin-top: -4px;
    }
    .ant-slider-rail{
        height: 7px;
    }
    .ant-slider-mark{
        font-size: 12px;
    }
    .ant-slider-step{
        height: 7px;
        background: #e2e4e7;
    }
    .ant-slider-dot{
        width: 1px;
        border: none;
        top: 0;
    }
    .ant-slider-dot:last-child{
        margin-left: 0;
    }
    .ant-slider-dot:nth-child(7) {
            left: 87.7143% !important;
        }
    }
    .left-step{
        .myicon{
            cursor:default;
            &:hover{
                color: @hoverColor;
            }
        }
        .ant-slider-dot{
            &:nth-child(1){
                border: 0px
            }
            &:last-child{
                border: 0px
            }
            border-radius: 0;
            height: 0;
            width: 6px;
            left:4px;
            border: 1px solid @border-color
        }
        .ant-slider-vertical .ant-slider-step{
            width: 6px;
        }
        .ant-slider-vertical .ant-slider-rail{
            width: 6px;
            border:1px solid @border-color
        }
        .ant-slider-vertical .ant-slider-handle{
            margin-left: -4px;
        }
        .ant-slider-vertical .ant-slider-track{
            width: 6px;
        }
        .ant-slider-with-marks{
            margin-bottom: 5px;
        }
    }
    .resetBtn {
        text-align: center;
    }
}

/**
* Rangeslider
*/
.rangeslider {
  margin: 10px 0 10px 0;
  position: relative;
  background: #e6e6e6;
  -ms-touch-action: none;
  touch-action: none;

  &,
  .rangeslider__fill {
    display: block;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4);
  }
  .rangeslider__handle {
    background: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    outline: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 -1px 3px rgba(0, 0, 0, 0.4);
    .rangeslider__active {
      opacity: 1;
    }
  }

  .rangeslider__handle-tooltip {
    width: 38px;
    height: 30px;
    text-align: center;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    font-weight: normal;
    font-size: 14px;
    transition: all 100ms ease-in;
    border-radius: 4px;
    display: inline-block;
    color: white;
    left: 50%;
    transform: translateX(-50%);
    span {
      margin-top: 9px;
      display: inline-block;
      line-height: 100%;
    }
    &:after {
      content: ' ';
      position: absolute;
      width: 0;
      height: 0;
    }
  }
}

/**
* Rangeslider - Horizontal slider
*/
.rangeslider-horizontal {
  height: 8px;
  border-radius: 10px;
  .rangeslider__fill {
    height: 100%;
    background-color: @export-color;
    border-radius: 10px;
    top: 0;
  }
  .rangeslider__handle {
    width: 12px;
    height: 12px;
    border-radius: 30px;
    top: -10%;
  }
  .rangeslider__handle-tooltip {
    top: -40px;
    &:after {
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid rgba(0, 0, 0, 0.8);
      left: 50%;
      bottom: -8px;
      transform: translateX(-50%);
    }
  }
}

/**
* Rangeslider - Vertical slider
*/
.rangeslider-vertical {
  margin: 20px auto;
  height: 150px;
  max-width: 8px;
  background-color: transparent;

  .rangeslider__fill,
  .rangeslider__handle {
    position: absolute;
  }

  .rangeslider__fill {
    width: 100%;
    background-color: @export-color;
    box-shadow: none;
    bottom: 0;
  }
  .rangeslider__handle {
    width: 12px;
    height: 12px;
    left: -2px;
    border-radius: 50%;
    box-shadow: none;
  }
  .rangeslider__handle-tooltip {
    left: -150%;
    top: 50%;
    transform: translateX(-50%);
    transform: translateY(-135%);
    &:after {
      border-right: 8px solid transparent;
      border-left: 8px solid transparent;
      border-top: 8px solid rgba(0, 0, 0, 0.8);
      left: 30%;
      top: 39px;
    }
  }
}

/**
* Rangeslider - Reverse
*/

.rangeslider-reverse {
  &.rangeslider-horizontal {
    .rangeslider__fill {
      right: 0;
    }
  }
  &.rangeslider-vertical {
    .rangeslider__fill {
      top: 0;
      bottom: inherit;
    }
  }
}

/**
* Rangeslider - Labels
*/
.rangeslider__labels {
  .rangeslider-vertical & {
    position: relative;
    list-style-type: none;
    margin: 0 0 0 24px;
    padding: 0;
    text-align: left;
    width: 250px;
    height: 100%;
    left: -10px;
    top:-3px;

    .rangeslider__label-item {
      position: relative;
      transform: translate3d(0, -50%, 0);
      &::before {
        content: '';
        width: 8px;
        height: 2px;
        background: black;
        position: absolute;
        left: -14px;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1;
      }
    }
  }

  .rangeslider__label-item {
    position: absolute;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
    top: 8px;
    transform: translate3d(-50%, 0, 0);
  }
}


._ScheduleComponent_{
    padding: 16px;
    user-select: none;
    .align-center {
        text-align: center
    }
    .ant-card-body{
        padding: 15px 24px 15px 24px;
    }
    .slider-container{
        position: relative;
    }
    .btnContainer{
        float: right;
        button:nth-child(1) {
            margin-right: 10px;
        }
    }
    // 时间尺的样式
    .timeplan-ruler {
        height: 14px;
        position: relative;
        font-size: 12px;
        div{
            display: inline-block;
            height: 5px;
            border-left: 1px solid #555;
        }
        div:last-child {
            border-right: 1px solid #555;
            .ruler-text{
                margin-left: 0px;
            }
            
        }
        .ruler-text{
            position: absolute;
            bottom: 15px;
            margin-left: -5px;
            font: 11px/1 sans-serif; 
        }
        .hour{
            height: 10px;
        }
    }

    .main-container {
        border: 1px solid #e8e8e8;
        box-sizing: border-box;
        margin: 0;
        padding: 9px 0 4px 0;
        overflow: hidden;
        .label{
            float: left;
            height: 100%;
            line-height: 45px;
            padding-left: 10px; 
        }
        .slider-container {
            float: left;
        }
        .copyBtn{
            >span{
                width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-wrap: normal;
            }
            float: left;
            height: 45px;
            line-height: 45px;
            display: inline-block;
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
        }
    .dayplan {
        position: relative;
        height: 8px;
        margin-bottom: 8px;
        border: 1px solid #c5c5c5; 
        background-color: #e8eaeb;
        cursor: pointer;
        box-sizing: border-box;
        .handle{
            position: absolute;
            width: 12px;
            height: 12px;
            margin-top: -3px;
            margin-left: -7px;
            background-color: #fff;
            border: solid 2px #91d5ff;
            border-radius: 50%;
            -webkit-box-shadow: 0;
            box-shadow: 0;
            cursor: pointer;
            -webkit-transition: border-color .3s,-webkit-box-shadow .6s,-webkit-transform .3s cubic-bezier(.18, .89, .32, 1.28);
            transition: border-color .3s,-webkit-box-shadow .6s,-webkit-transform .3s cubic-bezier(.18, .89, .32, 1.28);
            transition: border-color .3s,box-shadow .6s,transform .3s cubic-bezier(.18, .89, .32, 1.28);
            transition: border-color .3s,box-shadow .6s,transform .3s cubic-bezier(.18, .89, .32, 1.28),-webkit-box-shadow .6s,-webkit-transform .3s cubic-bezier(.18, .89, .32, 1.28);
            &:hover {
                border-color: #46a6ff;
            }
        }
        .onlyNormal-handle {
            height: 16px;
            width: 16px;
            z-index: 1;
        }
        .track{
            position: absolute;
            height: 100%;
            &.green  {
                background:  @success-color;
            }
            &.yellow  {
                background:@warn-color;
            }
            &.red {
                background: @error-color;
            }
            &.red-1 {
                background-color: #f54117;
            }
            &.green-2 {
                background-color: #0a9c02;
            }
            &.green-3 {
                background-color: #03aeac;
            }
            &.orange-1 {
                background-color: #ff7e16;
            }
            &.orange-2 {
                background-color: #fcac15;
            }
            &.orange-3 {
                background-color: #bc7c00;
            }
            &.blue-1 {
                background-color: #1890ff;
            }
            &.blue-2 {
                background-color: #2238c7;
            }
            &.purple-1 {
                background-color: #ac0dce;
            }
            &.purple-2 {
                background-color: #6e52fe;
            }
        }
        :focus {
            outline: none;
        }
    }
        .onlyNormal-dayplan{
            height: 12px;
            margin-top: 16px;
        }
        

    }
    
    //事件类型头部的样式
    .header{
        height: 50px;
        line-height: 50px;
        margin-bottom: 20px;
        // width: 880px;
        .status-container{
            margin-bottom: 20px;
            float: left;
            .circle (...) {
                content: '';
                height: 10px;
                width: 10px;
                display: inline-block;
                border-radius: 5px;
                margin:0 10px;
                background-color:@arguments
            }
            span:nth-child(2) {
                &:before{
                    .circle( @success-color);
                }
            }
            span:nth-child(3) {
                &:before{
                    .circle(@warn-color);
                }
            }
            span:nth-child(4) {
                &:before{
                    .circle(@error-color);
                }
            }
        }
        .button-container{
            float: right
        }
    }
    .onlyNormal-header{
        .status-container {
            display: none
        }
    } 
   
}
.tip{
    .ant-tooltip-arrow{
        border-bottom-color:#FFF;
        border-top-color: #FFF
    }
    .ant-tooltip-inner{
        color: #000;
        background-color:#FFF;
        padding: 0 8px;
    }
    .timer-input{
        width: 20px;
        min-width: 10px;
        float: left;
        height: 30px;
        text-align: center;
    }
}
.timeSchedule-drawer{
    button:nth-child(1) {
        margin-right: 20px;
    }
    .ant-drawer-body{
        .btnContainer{
            margin-top: 40px;
            // text-align: right;
        }
    }
}
.timer-box-area {
    display: inline-block;
    margin: 0;
    vertical-align: 9px;
}
.timer-box-label {
    margin: 0;
    line-height: 30px;
}
.red-1-options {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    border-radius: 2px;
    background-color: #f54117;
}
.green-options {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    border-radius: 2px;
    background-color: @success-color;
}
.green-2-options {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    border-radius: 2px;
    background-color: #0a9c02;
}
.green-3-options {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    border-radius: 2px;
    background-color: #03aeac;
}

.orange-1-options {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    border-radius: 2px;
    background-color: #ff7e16;
}
.orange-2-options {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    border-radius: 2px;
    background-color: #fcac15;
}
.orange-3-options {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    border-radius: 2px;
    background-color: #bc7c00;
}

.blue-1-options {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    border-radius: 2px;
    background-color: #1890ff;
}

.blue-2-options {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    border-radius: 2px;
    background-color: #2238c7;
}

.purple-1-options {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    border-radius: 2px;
    background-color: #ac0dce;
}

.purple-2-options {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    border-radius: 2px;
    background-color: #6e52fe;
}
.modalOptions-header {
    margin-bottom: 10px;
    height: 15px;
}
.modalOptions-badge-container {
    float: left;
    margin-left: 3px;
    margin-right: 3px;
    span.ant-badge-status-text {
        margin-left: 8px;
        color: #272727;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        width: 60px;
        display: inline-block;
        line-height: 15px;
    }
}
._radioComponent_{
    min-width: 300px;
    .radio-group {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        color: rgba(0,0,0,0.65);
        font-size: 14px;
        line-height: 1.5;
        list-style: none;
        display: inline-block;
        line-height: unset;
        .radio-button-wrapper {
            margin: 0 10px;
            border-radius:4px;
            &:first-child {
                margin: 0px
            }
            height: 32px;
            line-height: 30px;
            color: #272727;
            display: inline-block;
            transition: all 0.3s ease;
            cursor: pointer;
            border: 1px solid #E8E8E8;
            border-top-width: 1.02px;
            background: #fff;
            padding: 0 15px;
            position: relative;
            input[type="radio"] {
                margin: 3px 3px 0px 5px;
                display: none;
            }

            input[type="checkbox"] {
                margin: 3px 3px 0px 5px;
                display: none;
            }
            &.radio-button-wrapper-checked {
                z-index: 1;
                color: #1890ff;
                background: #fff;
                border-color: #1890ff;
            }
            &.radio-button-wrapper-disabled {
                border-color: #E8E8E8;
                background-color: #f5f5f5;
                cursor: not-allowed;
                color: rgba(0, 0, 0, 0.25);
            }
        }
    }
}
._ratioComponent_{
    .radio-group {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        color: rgba(0,0,0,0.65);
        font-size: 14px;
        line-height: 1.5;
        list-style: none;
        display: inline-block;
        line-height: unset;
        
        .radio-button-wrapper {
            margin: 0 10px;
            height: 32px;
            line-height: 30px;
            color: #272727;
            display: inline-block;
            transition: all 0.3s ease;
            cursor: pointer;
            border: 1px solid #E8E8E8;
            border-top-width: 1.02px;
            background: #fff;
            padding: 0 15px;
            position: relative;
            input[type="radio"] {
                margin: 3px 3px 0px 5px;
                display: none;
            }
            &.radio-button-wrapper-checked {
                z-index: 1;
                color: #1890ff;
                background: #fff;
                border-color: #1890ff;
            }
            &.radio-button-wrapper-disabled {
                border-color: #E8E8E8;
                background-color: #f5f5f5;
                cursor: not-allowed;
                color: rgba(0, 0, 0, 0.25);
            }
        }
    }
}


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

.sideMenu {
    height:100%;
    background-color:@baseColor;
    padding: 10px 0;
}
.sideMenu .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{
    background-color: @sideMenuBackColor;
    color:@primary-color;
}
.sideMenu .ant-menu-item:hover, .ant-menu-item-active, .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open, .ant-menu-submenu-active, .ant-menu-submenu-title:hover{
    color:@primary-color;
}
.sideMenu .ant-menu-submenu-arrow::before{
    background-color:@sideMenuBackColor
}
.sideMenu .sideMenuBody{
    height:100%;
    border-right:none;
    background-color:@baseColor
}
.@{tabs-prefix-cls} {
  &-bottom {
    border-top: 2px solid #f3f3f3;
  }

  &-bottom &-content {
    width: 100%;
  }

  &-bottom &-bar {
    border-top: 1px solid #f3f3f3;
  }

  &-bottom &-nav-container-scrolling {
    padding-left: 32px;
    padding-right: 32px;
  }

  &-bottom &-nav-scroll {
    width: 99999px;
  }

  &-bottom &-nav-swipe {
    position: relative;
    left: 0;
    .@{tabs-prefix-cls}-nav {
      display: flex;
      flex: 1;
      width: 100%;
      .@{tabs-prefix-cls}-tab {
        display: flex;
        flex-shrink: 0;
        margin-right: 0;
        padding: 8px 0;
        justify-content: center;
      }
    }
  }
  &-bottom &-nav-wrap {
    width: 100%;
  }

  &-bottom &-content-animated {
    flex-direction: row;

    .@{tabs-prefix-cls}-tabpane {
      width: 100%;
    }
  }

  &-bottom &-tab-next {
    right: 2px;

    &-icon:before {
      content: ">";
    }
  }

  &-bottom &-tab-prev {
    left: 0;
    &-icon:before {
      content: "<";
    }
  }

  &-bottom &-tab-prev, &-bottom &-tab-next {
    margin-right: -2px;
    width: 32px;
    height: 100%;
    top: 0;
    text-align: center;
  }

  &-bottom &-ink-bar {
    height: 2px;
    top: 3px;
    left: 0;
  }

  &-bottom &-tab {
    float: left;
    height: 100%;
    margin-right: 30px;
  }

  &-bottom &-tabpane-inactive {
    height: 0;
    overflow: hidden;
  }
}

.@{tabs-prefix-cls} {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;

  &-bar, &-nav-container {
    font-size: 14px;
    line-height: 1.5;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    outline: none;
    zoom: 1;
    transition: padding .45s;
  }

  &-ink-bar {
    z-index: 1;
    position: absolute;
    box-sizing: border-box;
    margin-top: -3px;
    background-color: #108ee9;
    transform-origin: 0 0;

    width: 0;
    height: 0;

    &-animated {
      transition:
        transform @effect-duration @easing-in-out,
        left @effect-duration @easing-in-out,
        top @effect-duration @easing-in-out,
        height @effect-duration @easing-in-out,
        width @effect-duration @easing-in-out;
    }
  }

  &-tab-prev, &-tab-next {
    user-select: none;
    z-index: 1;
    line-height: 36px;
    cursor: pointer;
    border: none;
    background-color: transparent;
    position: absolute;

    &-icon {
      position: relative;
      display: inline-block;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: inherit;
      vertical-align: baseline;
      text-align: center;
      text-transform: none;
      font-smoothing: antialiased;
      text-stroke-width: 0;
      font-family: sans-serif;

      &:before {
        display: block;
      }
    }
  }

  &-tab-btn-disabled {
    cursor: default;
    color: #ccc;
  }

  &-nav-wrap {
    overflow: hidden;
  }

  &-nav {
    box-sizing: border-box;
    padding-left: 0;
    position: relative;
    margin: 0;
    float: left;
    list-style: none;
    display: inline-block;
    transform-origin: 0 0;

    &-animated {
      transition: transform 0.5s @easing-in-out;
    }

    &:before, &:after {
      display: table;
      content: " ";
    }

    &:after {
      clear: both;
    }
  }

  &-tab {
    box-sizing: border-box;
    position: relative;
    display: block;
    transition: color @effect-duration @easing-in-out;
    padding: 8px 20px;
    font-weight: 500;
    cursor: pointer;

    &:hover {
      color: #23c0fa;
    }
  }

  &-tab-active {
    &, &:hover {
      color: #108ee9;
      cursor: default;
      // fix chrome render
      transform: translateZ(0);
    }
  }

  &-tab-disabled {
    cursor: default;
    color: #ccc;
    &:hover {
      color: #ccc;
    }
  }

  &-content {
    zoom: 1;

    .@{tabs-prefix-cls}-tabpane {
      overflow: hidden;
    }

    &-animated {
      transition: transform @effect-duration @easing-in-out,
                  margin-left @effect-duration @easing-in-out,
                  margin-top @effect-duration @easing-in-out;
      display: flex;
      will-change: transform;

      .@{tabs-prefix-cls}-tabpane {
        flex-shrink: 0;
      }
    }
  }

  .no-flexbox &-content {
    transform: none !important;
    overflow: auto;
  }

  .no-csstransitions &-tabpane-inactive,
  .no-flexbox &-tabpane-inactive,
  &-content-no-animated &-tabpane-inactive {
    display: none;
  }
}

.@{tabs-prefix-cls} {
  &-left {
    border-right: 2px solid #f3f3f3;
  }

  &-left &-bar {
    float: left;
    height:100%;
    margin-right: 10px;
    border-right: 1px solid #f3f3f3;
  }
  &-left &-nav-container {
    height:100%;
  }
  &-left &-nav-container-scrolling {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  &-left &-nav-wrap {
    height: 100%;
  }

  &-left &-content-animated {
    flex-direction: column;

    .@{tabs-prefix-cls}-tabpane {
      height: 100%;
    }
  }

  &-left &-nav-scroll {
    height: 99999px;
  }

  &-left &-nav-swipe {
    position: relative;
    top: 0;
    .@{tabs-prefix-cls}-nav {
      display: flex;
      flex: 1;
      flex-direction: column;
      height: 100%;
      .@{tabs-prefix-cls}-tab {
        display: flex;
        flex-shrink: 0;
        justify-content: center;
      }
    }
  }

  &-left &-tab-prev, &-left &-tab-next {
    margin-top: -2px;
    height: 0;
    line-height: 32px;
    width: 0;
    display: block;
    text-align: center;
    opacity: 0;
    transition: width .3s, height .3s, opacity .3s;
  }

  &-top &-tab-arrow-show,
  &-left &-tab-arrow-show,
  &-bottom &-tab-arrow-show,
  &-right &-tab-arrow-show {
    opacity: 1;
    width: 100%;
    height: 32px;
  }

  &-left &-tab-next {
    bottom: 0;
    &-icon {
      transform: rotate(90deg);
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }
    &-icon:before {
      content: ">";
    }
  }

  &-left &-tab-prev {
    top: 2px;
    &-icon {
      transform: rotate(270deg);
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }
    &-icon:before {
      content: ">";
    }
  }

  &-left &-ink-bar {
    width: 2px;
    right: 0;
    top: 0;
  }

  &-left &-tab {
    padding: 16px 24px;
  }
}

.@{tabs-prefix-cls} {
  &-right {
    border-left: 2px solid #f3f3f3;
  }

  &-right &-bar {
    float: right;
    height: 100%;
    margin-left: 10px;
    border-left: 1px solid #f3f3f3;
  }
  &-right &-nav-container {
    height:100%;
  }
  &-right &-nav-container-scrolling {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  &-right &-nav-wrap {
    height: 100%;
  }

  &-right &-nav-scroll {
    height: 99999px;
  }

  &-right &-nav-swipe {
    position: relative;
    .@{tabs-prefix-cls}-nav {
      display: flex;
      flex: 1;
      flex-direction: column;
      height: 100%;
      .@{tabs-prefix-cls}-tab {
        display: flex;
        flex-shrink: 0;
        justify-content: center;
      }
    }
  }

  &-right &-tab-prev, &-right &-tab-next {
    margin-top: -2px;
    height: 0;
    width: 0;
    display: block;
    text-align: center;
    line-height: 32px;
    opacity: 0;
    transition: width .3s, height .3s, opacity .3s;
  }


  &-top &-tab-arrow-show {
    opacity: 1;
    width: 100%;
    height: 32px;
  }

  &-right &-tab-next {
    bottom: 0;
    &-icon {
      transform: rotate(90deg);
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }
    &-icon:before {
      content: ">";
    }
  }

  &-right &-tab-prev {
    top: 2px;
    &-icon {
      transform: rotate(270deg);
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }
    &-icon:before {
      content: ">";
    }
  }

  &-right &-content-animated {
    flex-direction: column;

    .@{tabs-prefix-cls}-tabpane {
      height: 100%;
    }
  }

  &-right &-ink-bar {
    width: 2px;
    left: 0;
    top: 0;
  }

  &-right &-tab {
    padding: 16px 24px;
  }
}

.@{tabs-prefix-cls} {
  &-top {
    border-bottom: 2px solid #f3f3f3;
  }

  &-top &-content {
    width: 100%;
  }

  &-top &-bar {
    border-bottom: 1px solid #f3f3f3;
  }

  &-top &-nav-container-scrolling {
    padding-left: 32px;
    padding-right: 32px;
  }

  &-top &-nav-scroll {
    width: 99999px;
  }

  &-top &-nav-swipe {
    position: relative;
    left: 0;
    .@{tabs-prefix-cls}-nav {
      display: flex;
      flex: 1;
      width: 100%;
      .@{tabs-prefix-cls}-tab {
        display: flex;
        flex-shrink: 0;
        margin-right: 0;
        padding: 8px 0;
        justify-content: center;
      }
    }
  }

  &-top &-nav-wrap {
    width: 100%;
  }

  &-top &-content-animated {
    flex-direction: row;
    .@{tabs-prefix-cls}-tabpane {
      width: 100%;
    }
  }

  &-top &-tab-next {
    right: 2px;

    &-icon:before {
      content: ">";
    }
  }

  &-top &-tab-prev {
    left: 0;
    &-icon:before {
      content: "<";
    }
  }

  &-top &-tab-prev, &-top &-tab-next {
    margin-right: -2px;
    width: 0;
    height: 0;
    top: 0;
    text-align: center;
    opacity: 0;
    transition: width .3s, height .3s, opacity .3s;
  }

  &-top &-tab-arrow-show {
    opacity: 1;
    width: 32px;
    height: 100%;
  }

  &-top &-ink-bar {
    height: 2px;
    bottom: 0;
    left: 0;
  }

  &-top &-tab {
    float: left;
    height: 100%;
    margin-right: 30px;
  }

  &-top &-tabpane-inactive {
    height: 0;
    overflow: hidden;
  }
}

@tabs-prefix-cls: rc-tabs;

@easing-in-out: cubic-bezier(0.35, 0, 0.25, 1);

@effect-duration: .3s;










.TabMenu{
    line-height: 64px;
    width: 100%;
    .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active{
        background-color: transparent;
        border:none;
        color:@topMenuTabActiveColor
    }
    .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
        background-color: transparent;
        border:none;
        text-align: center;
        line-height: 64px;
        width: unset;
        margin-right: 10px;
    }
    .ant-tabs-bar {
        border: none;
        color:@topMenuTabColor;
    }
    .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container{
        height:64px;
    }
    .ant-tabs-nav-container {
        line-height: 64px;
    }
    .ant-tabs-tab-next{
        height: 64px;
        color:@baseColor;
        &:hover{
            color:@primary-color;
        }
    }
    .ant-tabs-tab-prev{
        height: 64px;
        color:@baseColor;
        &:hover{
            color:@primary-color;
        }
    }
    .anticon-close{
        opacity: 0;
        color:@baseColor;
    }
    .ant-tabs-tab {
        &:hover .anticon-close{
            opacity: 1;
        }
    }
    .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x{
        color:@baseColor;
    }
}
.tab-menu{
    width: 100%;
    background-color:@topBackColor;
    color:@topMenuTabColor;
    height: 64px;
    .tab-menu-right{
        float: right;
        height: 64px;
        overflow: hidden;
    }
    .systemSet {
        width: 128px;
        background-color: @tabMenuHomeColor;
        .ant-badge {
            color: @topMenuTabColor;
            &:hover{
                color:@topMenuTabHoverColor
            }
        }
    }
    .ant-tabs-nav .ant-tabs-tab:hover {
        color: @topMenuTabHoverColor;
    }
    .ant-divider {
        height: 16px;
        background: @topHomeBorderColor;
    }
    .ant-divider, .ant-divider-vertical{
        margin: 0 14px;
    }
    i:hover{
        color:@topMenuTabHoverColor
    }
}
.tab-menu-button{
    border: none;
    padding: 0;
    background-color:@topBackColor;
    outline: none;
    line-height: 64px;
    cursor: pointer;
    &:hover{
        color:@topMenuTabHoverColor
    }
    &:last-child {
        text-align: center;
        display: inline-block;
        margin-right: 0;
        
    }
}

.tab-menu-button-admin{
    border: none;
    padding: 0;
    background-color:@topBackColor;
    outline: none;
    line-height: 19px;
    cursor: pointer;
    &:hover{
        color:@topMenuTabHoverColor
    }
}
.tab-menu-home{
    text-align: center;
    float: left;
    cursor: pointer;
    line-height: 64px;
    &:hover {
        color: @topMenuTabHoverColor
    }
}
.tab-menu-homeIconLine{
    float: left;
    line-height: 64px;
    margin-left: 10px;
}

.tab-menu-homeIcon{
    text-align: center;
    cursor: pointer;
    float: left;
    margin-left: 10px;
    line-height: 64px;
    &:hover {
        color: @topMenuTabHoverColor
    }
}

.topMenus {
    // background-color:@topMenuTabColor;
    opacity: 0.8;
    -webkit-animation-name: arcSlideUpIn;
    animation-name: arcSlideUpIn;
    top:63px !important;
    min-width: 130px;
    .ant-menu {
        border-color:@topBackColor;
        background-color: @topBackColor;
        color:@topMenuTabColor;
        .ant-menu-item:hover {
            color: @baseColor;
        }
        .ant-menu-item-selected {
            background-color: @topBackColor!important;
            color:@baseColor!important;
        }
    }
}


.topMenus {
    // background-color:@topMenuTabColor;
    opacity: 0.8;
    -webkit-animation-name: arcSlideUpIn;
    animation-name: arcSlideUpIn;
    top:63px !important;
    min-width: 130px;
    .ant-dropdown-menu {
        border-color:@topBackColor;
        background-color: @topBackColor;
        color:@topMenuTabColor;
        .ant-dropdown-menu-item {
            margin-bottom: 8px;
            height: 40px;
            margin-top: 4px;
            padding: 0 16px;
            overflow: hidden;
            font-size: 14px;
            line-height: 40px;
            // -o-text-overflow: ellipsis;
            // text-overflow: ellipsis;
            color: inherit;
            .anticon {
                margin-right:10px;
            }
            .ant-badge {
                color: @topMenuTabColor;
                &:hover{
                    color: @topMenuTabHoverColor
                }
            }
        }
        .ant-dropdown-menu-item-active {
            color: @baseColor;
        }
        .ant-dropdown-menu-item:hover {
            background-color: transparent;
        }
        .ant-dropdown-menu-item-selected {
            background-color: @topBackColor!important;
            color:@baseColor!important;
        }
    }
}

.topAlarms {
    // background-color:@topMenuTabColor;
    opacity: 1;
    -webkit-animation-name: arcSlideUpIn;
    animation-name: arcSlideUpIn;
    top:63px !important;
    min-width: 130px;
    .ant-menu {
        border-color:@topBackColor;
        background-color: @topBackColor;
        color:@topMenuTabColor;
        .ant-menu-item:hover {
            color: @baseColor;
        }
        .ant-menu-item-selected {
            background-color: @topBackColor!important;
            color:@baseColor!important;
        }
    }
}

.full-screen {
    font-size: 14px; 
    margin-right: 20px;
    i:hover{
        color:@topMenuTabHoverColor
    }
} 

@keyframes arcSlideUpIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 0.8;
    }
  }

.timer-box {
    height: 30px;
    display: inline-block;
    .ant-input{
        padding:4px 0px
    }
    .timer-input{
        background-color:@baseColor;
        // border: 1px solid @inputBorderColor;
        width: 20px;
        min-width: 10px;
        float: left;
        height: 30px;
        text-align: center;
        border-radius: 0;
        border-left: none;
        border-right: none;
        border: none;
        &:focus{
            border: transparent;
        }
    }
    .timer-point{
        float: left;
        vertical-align: baseline;
        margin:0;
        padding: 3px;
        background-color: @baseColor;
        height: 30px;
        font-weight: bold;
        // border-top: 1px solid @inputBorderColor;
        // border-bottom:  1px solid @inputBorderColor; 
    }
    .left{
        // border-radius: 4px 0 0 4px;
        // border-left: 1px solid @inputBorderColor
    }
    .right{
        // border-radius: 0 4px 4px 0;
        // border-right: 1px solid @inputBorderColor
    }
}


.menu-logo{
    div{
        height:50px;
        position: relative;
    }
    img{
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        padding-left: 40px;
    }
}
.ant-menu-horizontal > .ant-menu-item-selected{
    color: @baseBlue;
    border-bottom-color: transparent;
}
.ant-menu-horizontal > .ant-menu-item-selected>a{
    color: @baseBlue;
}

.ant-menu-horizontal > .ant-menu-item-selected:hover{
    color: @baseBlue;
    border-bottom-color: transparent
}
.ant-menu-horizontal > .ant-menu-item-selected>a:hover{
    color: @baseBlue;
}
.ant-menu-horizontal > .ant-menu-item:hover{
    color: @baseBlue;
    border-bottom-color: transparent 
}
.ant-menu-horizontal > .ant-menu-item>a:hover{
    color: @baseBlue ;
    border-bottom-color: transparent 
}
.ant-dropdown-menu-item:hover{
    color: @baseColor;
    background-color: @baseBlue 
}
.top-button{
    background-color:transparent;
    border:none;
    color:@baseColor;
    outline: none;
    border-radius: 4px;
    padding: 0px 10px;
    cursor: pointer;
    line-height: 26px;
}
@media (max-width:1920px) {
    .top-menu-item .top-button{
        min-width:80px;
        font-size: 14px; 
    }
    .top-menu{
        font-size: 14px; 
    }
}
@media (max-width:1500px) {
    .top-menu-item .top-button{
        min-width:80px;
        font-size: 12px; 
    }
    .top-menu{
        font-size: 12px;
    }
}
.top-button:hover{
    background-color:@baseBlue;
    transition: background-color 0.8s;
    -webkit-transition: background-color 0.8s;
    -o-transition: background-color 0.8s;
    -moz-transition: background-color 0.8s;
}
.ant-menu-horizontal > .ant-menu-item-selected .top-button{
    background-color:@baseBlue;
    font-weight: bold;
}
.top-menu{
    min-width:1280px;
    background-color:@topBackColor;
    color:@baseColor;
    height:50px;
}
.top-menu-body{
    border-bottom:none;
    line-height:40px;
    min-width: 980px;
    background-color:@topBackColor
}
.top-menu-item{
    padding-top: 5px;
}
.top-menu-button{
    border: none;
    padding: 0 6px;
    background-color:@topBackColor;
    outline: none;
    line-height: 19px;
    font-size: 12px;
    cursor: pointer;
    &:hover{
        color:@topMenuHoverColor
    }
}
.top-menu-button-admin{
    border: none;
    padding: 0 6px;
    background-color:@topBackColor;
    outline: none;
    line-height: 19px;
    font-size: 12px;
    cursor: pointer;
    &:hover{
        color:@topMenuHoverColor
    }
}
.ant-dropdown .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background-color: @sideMenuBackColor;
    color:@baseBlue;
}
.top-menu-body {
    .ant-menu-item{
        padding:5px 0px 0px 0px;
        margin:0 15px;
        top:0px;
    }
}
.top-caretDown {
    width:6px;
    vertical-align:bottom;
    margin-left:5px; 
}


@video-title-height:32px;
@video-head-color:#000000;
@video-dark-Color:#000000;
@video-light-Color:#FCAC15;
@video-back-Color:#1b1b1b;
@video-text-color:#3C444D;
.video-container{
    width:100%;
    height:100%;
    position: relative;
    &.video-onechannel .video-box.active{
        outline:none;
    }
}
.video-box{
    outline:1px solid @video-dark-Color;
    background:@video-back-Color;
    text-align: center;
    color:@video-text-color;
    width:100%;
    height:100%;
    padding: 1px;
    &.active{
        outline:2px solid @video-light-Color;
        position: relative;
        z-index: 2;
        &.middle{
            outline:none;
            position: absolute;
            top:0;
            left:0;
            right:0;
            bottom:0;
        }
        &.full{
            outline:none;
            position: fixed;
            z-index:10000;
            display: block;
            top:0;
            left:0;
            right:0;
            bottom:0;
        }
    }
}
.video-head{
    height:@video-title-height;
    line-height: @video-title-height;
    width: 100%;
    background:@video-head-color;
    text-align:right;
    opacity: 0.5;
    color:#fff;
    padding-right:5px;
}
.video-content{
    width:100%;
    height:calc(100% - @video-title-height);
    position: relative;
    .ant-spin {
        position: absolute;
        left:  50%;
        top: 50%;
        margin-left: -10px;
        margin-top: -12.5px;
    }
}
.video-text{
    display: inline-block;
    text-align:center;
    width:100%;
    font-size: 34px;
    position:absolute;
    top:50%;
    margin-top:-17px;
    left:0;
}
.video-defaultlogo{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
}
.video-audioPlaying{
    color:@video-light-Color !important
}
#video {
    height: 100%;
}

/*
* 使用函数生成margin、padding等的类名的方式
*/

/*padding
* 类明分别为 fn-padding、fn-padding-left10、fn-padding-top10....
*/
@padding: 0, 10, 16, 20, 30;
@paddingLeft: 5, 10, 15, 16, 20;
@paddingTop:  5, 10, 15;
@paddingRight: 5, 10, 15, 16;
@paddingBottom: 0, 5, 10, 15;

/*margin
* 类明分别为 fn-margin、fn-margin-left10、fn-margin-top10....
*/
@margin: 0, 10, 16, 20, 30;
@marginLeft: 5, 10, 15, 16, 20;
@marginRight: 5, 10, 15, 20;
@marginTop:  5, 10, 15, 20;
@marginBottom:  5, 10, 14, 15, 16, 20;

/*min-width
* 类明为 fn-min-width200...
*/
@minWidth: 110,200;


.fn-func(@name, @value){
    .fn-@{name}@{value}{
        @{name}: @value + 0px;
    }
}
.fn-minWFunc(@value) {
    .fn-min-width@{value} {
        min-width: @value + 0px !important;
    }
}

.loop(@list, @name, @i:1) when (@i <= length(@list)) {
    .fn-func(@name, extract(@list, @i));
    .loop(@list, @name, @i+1);
}

.loopMinWidth(@list, @i:1) when (@i <= length(@list)) {
    .fn-minWFunc(extract(@list, @i));
    .loopMinWidth(@list, @i+1);
}


.loop(@padding, padding);
.loop(@paddingLeft, padding-left);
.loop(@paddingTop, padding-top);
.loop(@paddingRight, padding-right);
.loop(@paddingBottom, padding-bottom);

.loop(@margin, margin);
.loop(@marginLeft, margin-left);
.loop(@marginTop, margin-top);
.loop(@marginRight, margin-right);
.loop(@marginBottom, margin-bottom);

.loopMinWidth(@minWidth);

// 虚线的样式
.dotLine (@width:25px){
    height: 1px;
    background-image: linear-gradient(to right, #ccc 0%, #ccc 50%, transparent 50%);
    background-size: @width 1px;
    background-repeat: repeat-x;
}
// 按钮容器的样式
.btnContainer(@top:20px,@left:15px,@right:15px) {
    margin-top: @top;
    margin-bottom: @top;
    margin-left: @left;
    button:nth-of-type(odd) {
        margin-right: @right
    }
}
/* 
* 当前定制修改，不支持抽离成两个文件，然后导入两个文件到当前文件中
* 经过测试，导入是不生效的
* 具体问题原因未知，这里只能是完整的代码拆分，且不能有重名
*/

/*存放基色*/
@white: #fff;   // 主色 背景色
@border-color:#e8e8e8;  // 所有线框颜色


@font-color:#272727;    // 正文文字颜色
@font-color-secondary:#565656; // 输入内容辅色
@placeholder-color:#7d7d7d;
@topMenuColor: #a6adb4;
@handleBarColor: #e8eaeb;

// 登陆首页的颜色 


@loginFormBgColor: rgba(0, 0, 0, 0.1);
@loginFormBorderColor: rgba(255, 255, 255, 0.1);


@topMenuTabActiveColor:#ffffff;
@topMenuTabHoverColor:#ffffff;

@normalColor:#52c41a;   // 辅助色  成功、密码强度强
@warnColor:#fcac15;   // 辅助色  警告、密码强度中
@errorColor:#f5222d;  // 辅助色  错误、密码强度低
@disableColor:#8f8f8f;
@opaqueBalck: rgba(0,0,0,0.5);
@placeholder: #bfbfbf;
@contentTitleColor: #f0f2f5;

@indexBgColor:#fff;
@indexPadding:16px;
@borderSolid:1px;
@borderNone:0px;
@emptyText:rgba(0, 0, 0, 0.25);
@timebarBgColor: rgba(24, 144, 255, 0.5);
@timebarBtnColor: rgba(0,0,0,0.8);

// 字体大小
@biggerFont: 26px;
@bigFont: 20px;
@middleFont: 16px;
@normalFont: 14px;
@smallFont: 12px;

//label色值
@label-dark-Color:#272727;

@primaryText:#fff;

//主界面模块描述语的颜色修改
@ViewItemMessageColor:#a6adb4;

// 这份代码需要复制到basestyle/index中进行数据覆盖
// 同时，由于主干中的其他颜色也需要覆盖，所以这里也要存在一份文件
// intalbras颜色定制
// 客户要求，普通选中时，是intelbrasGreen
// 鼠标移入按钮时，按钮要变暗intelbrasGreenDark
@intelbrasGreen: #00a335;
@intelbrasGreenShadow: 0 0 0 2px rgba(0, 163, 53, 0.2);
@intelbrasGreenLight: #87c984;
@intelbrasGreenShallow: #e5f6ed;
@intelbrasGreenDark: #00863F;
@intelbrasGrayDN: #d9d9d9;
@intelbrasGrayEE: #ebeeee;

// 通用样式变量覆盖
@loginInputBorderColor: @intelbrasGrayDN;
@loginInputBorderHoverColor: @intelbrasGreenDark;
@loginBtnColor: @intelbrasGreen;
@loginBtnHoverColor: @intelbrasGreenDark;
@topBackColor: @intelbrasGreen;
@sideMenuBackColor: @intelbrasGreenShallow;
@topMenuTabColor: #fff;
@export-color: @intelbrasGreen;  // 主色 选中色
@tab-active-color: @intelbrasGreenShallow;
/* start 5.0业务代码样式覆盖 */
#root, body {
    background: @intelbrasGrayEE;
}
a {
    color: @intelbrasGreen;
}

.init-step-nav {
    background: @white;
}

.passwordCheck-light {
    background-color: @intelbrasGreenShallow;
}


._MenuView_ {
    background: @white;
    .bg {
        background: linear-gradient(@intelbrasGreenLight, @intelbrasGreen);
    }
    .swiper-pagination-switch {
        background: @intelbrasGreenLight;
    }
    .swiper-active-switch {
        background: @intelbrasGreenDark;
    }
}

.MenuView_ViewItem_underLine {
    background-color: @intelbrasGreenLight;
}

._Imgset_ {
    .osd-image-preview {
        border-color: solid 1px @intelbrasGreenLight;
        background-color: @intelbrasGreenShallow;
    }
}

.Ocx_download a {
    color: @intelbrasGreen;
}

._SingleSDIExclusionConfig_ .content ul li .ant-card-head:hover {
    background-color: @intelbrasGreenShallow;
}

._SAFESecurityStatus_list {
    .myicon {
        color: @intelbrasGreen;
    }
}


._ScheduleComponent_ .main-container .dayplan .handle {
    border-color: @intelbrasGreen;
}

.intelbras-cloud {
    display: inline-block;
    cursor: pointer;
}

.topMenus {
    opacity: 1;
    .ant-dropdown-menu .ant-dropdown-menu-item-active {
        font-weight: bold;
    }
}

._PasswordReset_ .header-height {
    background-color: @intelbrasGreen;
}

._PasswordReset_ {
    .ant-steps-item-process .ant-steps-item-icon {
        border-color: @intelbrasGreen;
        background: @intelbrasGreen;
    }
}

._AIConfig_ {
    .side-panel {
        .ant-menu:not(.ant-menu-horizontal) {
            .ant-menu-item-selected {
                background:  @intelbrasGreenShallow;
            }
        }
    }
}

.sideMenu .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected,
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background-color: @intelbrasGreenShallow;
}

._RTP_ .row_title_style,
._TS_ .row_title_style {
    font-weight: normal!important;
}

._PtzLink_ .main .icon-active {
    color: @intelbrasGreen!important;
}


/* end 5.0业务代码样式覆盖 */

/* ant有部分颜色没有被修改成功的功能 */
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled),
.ant-select-dropdown-menu-item-active:hover:not(.ant-select-dropdown-menu-item-disabled) {
    background: @intelbrasGreenShallow!important;
}

.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td, .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
    background: @intelbrasGreenShallow!important;
}

.ant-dropdown-menu-item:hover {
    background: @intelbrasGreen!important;
}

.ant-slider-track {
    background: @intelbrasGreen
}

.ant-progress-bg {
    background-color: #87d068;
    background-image: -webkit-gradient(linear, left top, right top, from(#00a335), to(#87d068));
    background-image: -o-linear-gradient(left, #00a335 0%, #87d068 100%);
    background-image: linear-gradient(to right, #00a335 0%, #87d068 100%);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.ant-alert-info {
    background: @intelbrasGreenShallow;
    border:1px solid @intelbrasGreen;
}

.ant-alert-info .ant-alert-icon {
    color: @intelbrasGreen;
}


@selectItemBg:#e6f7ff;
@dialogHeader:#fff;
@disableInputColor: #f5f5f5;
@iconCloseColor:#fff;
@behindColor:#333333;//UI建议输入框后面提示语颜色修改
.m-main-page.ant-col {
  padding: @indexPadding;
}
.m-main-page > div, .m-main-page > .ant-form{
  
	background: @indexBgColor;
	min-height: calc(100vh - 92px);
}

.clearfix {
  &::after {
    content: ".";            
    display: block;        
    height: 0;
    visibility: hidden;  
    clear: both;   
  }
}

#root,body{
  font-family: 'Microsoft YaHei';
  font-size:@normalFont;
  color: @font-color;
  .ant-time-picker,.ant-select, .ant-input, .ant-radio-wrapper, .ant-input-number, .ant-checkbox-wrapper,.labelText-label-Text {
    color: @font-color-secondary; 
  }
  .labelSelect-behind-dark,.LabelInput-behind-dark,.labelText-behind-dark{
    color:@behindColor;
  }
}
ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.LabelInput-label-dark,
.LabelSwitch-label-dark,
.labelSlider-label-dark,
.labelSelect-label-dark {
  color: @font-color;
}
.labelSlider-component {
  .labelSlider-label-dark {
    color: @font-color;
  }
}
// 解决复选框左外边距导致换行不对齐问题
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 0;
} 
.ant-checkbox-wrapper {
  margin-right: 8px;
}
// 重写antd样式文件
.ant-table-thead > tr > th {
  background: @baseColor !important;
}
.ant-table-thead{
  border-top: 1px solid @border-color;
}
//表格和内容，单词不换行
.ant-table-column-title,
.ant-table-row td{
  word-break: keep-all;
}
.ant-table-placeholder{
  background:@indexBgColor !important
}
.ant-select-selection{
  background:@indexBgColor
}
.ant-select-disabled .ant-select-selection {
  background:@disableInputColor
}
.ant-input[disabled] {
  background:@disableInputColor
}
.ant-select-dropdown{
  background:@baseColor 
}
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled),.ant-select-dropdown-menu-item-active:hover:not(.ant-select-dropdown-menu-item-disabled){
  background:@selectItemBg 
}
.ant-calendar{
  background:@baseColor
}
.ant-pagination-item,.ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link{
  background:@baseColor
}
.ant-btn-primary{
  color:@primaryText
}
.ant-card{
  background:@baseColor  
}
.ant-modal-content{
  background-color:@indexBgColor
}
.ant-modal-header{
  background-color:@dialogHeader
}
.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,
.ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td{
  background-color:@selectItemBg
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x{
  color:@iconCloseColor !important;
}

.ant-btn{
  min-width: 65px;
  max-height: 32px;
  box-sizing: border-box;
}
.ant-tabs-nav .ant-tabs-tab {
  margin-right: 53px;
}
.ant-tabs-bar{
  margin-bottom: 0;
}

.ant-table-tbody > tr > td {
  padding: 8px 11px !important;
}
.ant-table-thead > tr > th, .ant-table-tbody > tr > td {
  padding: 9px 11px !important;
}
.ant-card-head{
  height: 34px !important;
  min-height: 0px !important;
  padding:  0 14px !important;
  .ant-card-head-wrapper{
    height: 34px;
    .ant-card-head-title{
      font-size: 14px;
      font-weight: bold;
      padding:   0px !important;
      
    }
  }
  
 
}
.ant-card-body{
  padding: 30px 0 30px 32px !important;
}
.ant-table-pagination{
  .ant-pagination-item,.ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next{
    min-width: 26px;
    height: 26px;
    line-height: 26px;
  }
}

.slide{
    margin-top: -10px;
}
.ant-slider-track{
    background: @export-color;
}
.ant-slider-handle{
    border: 1px solid @border-color;
}
.ant-slider-rail{
    background: #e2e4e7;
}
.point{
    cursor: pointer;
}
.ant-slider-rail,.ant-slider-step,.ant-slider-track{
    height: 7px;
}
.ant-slider-handle{
    margin-top: -4px;
}
body .ant-table-empty .ant-table-body {
  overflow: hidden!important;
}

.TabMenu .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  font-weight: bold;
}

@keyframes antSlideUpIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 0.8;
  }
}

@keyframes antSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 0.8;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}

.ant-modal .ant-modal-confirm-btns .ant-btn {
  float: right;
  margin-left: 10px;
}
.ant-popover-buttons {
  overflow: hidden;
}
.ant-popover-buttons .ant-btn:first-child {
  float: right;
}
.ant-popover-buttons .ant-btn:last-child {
  float: right;
}

.ant-form-item-label > label::after {
  content:'';
}
@media screen and (min-width: 1600px) {
    .ant-form-explain{
        margin-left: 17%;
    }
} 
@media screen and (max-width: 1600px) {
    .ant-form-explain{
        margin-left: 25%;
    }
}

.ant-form-item-label,
.LabelSwitch-label-Col,
.labelText-label-Col,
.labelSelect-label-Col,
.LabelInput-label-Col,
.macInput-label,
.LabelIP-label-Col,
.FaceDetailQueryCardLabel,
.FaceDetailCard,
.labelText {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.ant-slider-dot{
    width: 10px;
    height: 10px;
    border: 1px solid #e8e8e8;
}
.ant-table-header-column{
    font-weight: bold;
}

._radioComponent_{
  .radio-group {
      .radio-button-wrapper {
          margin: 0px 10px 0px 0px;
          &:first-child {
              margin: 0px 10px 0px 0px
          }

      }
  }
}

.ant-table-tbody{
    .ant-table-row{
        .editable-cell-value-wrap{
            height: 20px !important;
            line-height: 18px !important;
        }
    }
}
.ant-menu-submenu-selected{
  color: @primary-color;
}
// IE下样式不一样，需要单独修改
@media screen and (min-width:0\0)  {
    .ant-table-tbody{
        .ant-table-row{
            .editable-cell-value-wrap{
                height: 20px !important;
                line-height: 16px !important;
            }
            .ant-input{
                line-height: 16px !important;
            }
        }
    }

}

.bottom-pagination{
    position: absolute;
    bottom: 0px;
    width:100%;
    div:nth-child(2){
        text-align: right;
        padding-right: 20px;
    }
    height: 50px;
    line-height: 50px;
    padding:0 10px;
    .ant-table-pagination.ant-pagination {
        float: right;
        margin: 9px 0;
    }
}


.record_download {
    .record_download-title-left {
        float: left;
    }
    .record_download-title-right {
        float: right;
    }
    .item-list {
        line-height: 32px;
    }
    .saveplace-input {
        width: 350px;
    }
    .encryption_password {
        width: 170px;
    }
    .ant-spin-container {
        min-height: 240px;
    }
    .ant-modal-body{
        padding-bottom: 60px;
        .ant-table-scroll{
            .ant-table-body{
                overflow-y: auto !important
            }
            .ant-table-header{
                overflow: auto !important;
                margin-bottom: 0px !important;
                padding-bottom: 0px !important;
            }
        }
    }
}


.download-box {
    position: absolute;
    top: 10px;
    height: 30px;
    .handle{
        width: 100%;
        height: 100%;
        button{
            display: inline-block;
            background: @timebarBtnColor;
            color: @white;
            &:hover, &:active, &:focus {
                background: @timebarBtnColor;
                color: @white;
            }
        }
    }
    .left-border, .right-border {
        position: absolute;
        width: 20px;
        height: 30px;
        span {
            position: absolute;
            display: block;
            width: 10px;
            height: 30px;
            border-top: 3px solid @export-color;
            border-bottom: 3px solid @export-color;
        }
    }
    .left-border {
        left: -10px;
        span {
            left: 10px;
            border-left: 3px solid @export-color;
            cursor: w-resize;
        }
    }
    .right-border {
        right: -10px;
        padding-right: 10px;
        span {
            right: 10px;
            border-right: 3px solid @export-color;
            cursor: e-resize;
        }
    }
    .download-range {
        width: 100%;
        height: 100%;
        cursor: move;
        background: @timebarBgColor;
    }
    input {
        margin: 0;
        padding: 0;
        width: 18px;
        border: none;
        font-size: 12px;
        text-align: center;
        outline: none;
    }
    .ant-popover-inner-content {
        padding: 3px 2px;
        min-width: 65px;
    }
    .handle {
        position: absolute;
        top: 0;
        white-space: nowrap;
        .download-save, .download-cancle {
            background: @timebarBtnColor;
            color: @white;
            &.download-save {
                right: -80px;
            } 
            &.download-cancle {
                right: -160px;
            }
            &:hover, &:active, &:focus {
                background: @timebarBtnColor;
                color: @white;
            }
        }
    }
}


._MutiControl_ {
    border-left: 1px solid @border-color;
    .mode-item,.mode-title {
        padding: 10px;
        width: 110px;
        float: left;
        text-align: center;
        border-right: 1px solid @border-color;
    }
    .mode-title {
        border-left: 1px solid @border-color;
    }
    .mode-item-top {
        border-top: 1px solid @border-color;
        background: @border-color;
    }
    .mode-item-bottom {
        border-bottom: 1px solid @border-color;
    }
}
.custom_muti_menu {
    .ant-dropdown-menu-item:hover {
        background-color: #e6f7ff;
    }
    
}
.mutidropdown-btn {
    position: relative;
    width: 126px;
    text-align: left;
    .anticon-down {
        position: absolute;
        right: 10px;
        top: 6px;
    }
    .mutidropdown-btn-ellipsis {
        display: block;
        word-wrap:break-word;
        word-break:normal; 
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
}
._radioComponent_{
    .radio-group {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        color: rgba(0,0,0,0.65);
        font-size: 14px;
        line-height: 1.5;
        list-style: none;
        display: inline-block;
        line-height: unset;
        .radio-button-wrapper {
            margin: 0px 10px 0px 0px;
            &:first-child {
                margin: 0px 10px 0px 0px
            }
            height: 32px;
            line-height: 30px;
            color: #272727;
            display: inline-block;
            transition: all 0.3s ease;
            cursor: pointer;
            border: 1px solid #E8E8E8;
            border-top-width: 1.02px;
            background: #fff;
            padding: 0 15px;
            position: relative;
            input[type="radio"] {
                margin: 3px 3px 0px 5px;
                display: none;
            }

            input[type="checkbox"] {
                margin: 3px 3px 0px 5px;
                display: none;
            }
            &.radio-button-wrapper-checked {
                z-index: 1;
                color: #1890ff;
                background: #fff;
                border-color: #1890ff;
            }
            &.radio-button-wrapper-disabled {
                border-color: #E8E8E8;
                background-color: #f5f5f5;
                cursor: not-allowed;
                color: rgba(0, 0, 0, 0.25);
            }
        }
    }
}
._ratioComponent_{
    .radio-group {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        color: rgba(0,0,0,0.65);
        font-size: 14px;
        line-height: 1.5;
        list-style: none;
        display: inline-block;
        line-height: unset;
        
        .radio-button-wrapper {
            margin: 0px 10px 0px 0px;
            height: 32px;
            line-height: 30px;
            color: #272727;
            display: inline-block;
            transition: all 0.3s ease;
            cursor: pointer;
            border: 1px solid #E8E8E8;
            border-top-width: 1.02px;
            background: #fff;
            padding: 0 15px;
            position: relative;
            input[type="radio"] {
                margin: 3px 3px 0px 5px;
                display: none;
            }
            &.radio-button-wrapper-checked {
                z-index: 1;
                color: #1890ff;
                background: #fff;
                border-color: #1890ff;
            }
            &.radio-button-wrapper-disabled {
                border-color: #E8E8E8;
                background-color: #f5f5f5;
                cursor: not-allowed;
                color: rgba(0, 0, 0, 0.25);
            }
        }
    }
}

.MyTable{
    position: relative;
    .ant-table-thead {
        border-top:none
    }
    .ant-table-thead > tr > th, .ant-table-tbody > tr > td {
        text-align: center;
    }
    .bottom-pagination{
        border-top: 1px solid  @border-color;
    }
    border: 1px solid @border-color;
    .noBorderLR{
        border-left:none;
        border-right:none 
    }
    &.noBoderTop {
        border-top:none;
    }
    .drawer-content-wrapper{
        position: absolute;
        height: 100%;
        background-color: white;
        z-index: 99;
        right: 0;
        box-shadow:-2px 0 8px rgba(0, 0, 0, 0.15);
        overflow: hidden;
        transition: width 0.3s;
        .drawer-header{
            padding: 0 16px;
            position: relative;
            color: #272727;
            height: 40px;
            line-height: 40px;
            background: #ffffff;
            border-bottom: 1px solid @border-color;
            border-radius: 4px 4px 0 0;
            .drawer-close{
                position: absolute;
                top: 0;
                right: 0;
                display: block;
                width: 40px;
                height: 40px;
                padding: 0;
                color: rgba(0, 0, 0, 0.45);
                font-weight: 700;
                font-size: 16px;
                line-height: 40px;
                text-align: center;
                text-transform: none;
                text-decoration: none;
                background: transparent;
                border: 0;
                outline: 0;
                cursor: pointer;
                transition: color 0.3s;
                text-rendering: auto;
            }
        }
    }
}
.titleIcon{
    display: inline-block;
    width: 112px;
    height: 94px;
    box-sizing: border-box;
    background: url('/static/media/icon.e530f308.png');
    background-repeat: no-repeat;
}
.icon_prev{
    background-position: 0px 0px;
}
.icon_playback{
    background-position: -113px 0px;
}
.icon_png{
    background-position: -226px 0px;
}
.icon_aiEvent{
    background-position: -338px 0px;
}
.icon_aiTable{
    background-position: -452px 0px;
}
.icon_safety{
    background-position: -564px 0px;
}
.icon_ptz{
    background-position: -678px 0px;
}
.icon_camera{
    background-position: -790px 0px;
}
.icon_event{
    background-position: -904px 0px;
}
.icon_system{
    background-position: -1016px 0px;
}
.icon_temper {
    background-position: -1128px 0px;
}
.icon_water{
    background-position: -1240px 0px;
}
.icon_waterLevel{
    background-position: -1352px 0px;
}
.icon_highThr{
    background-position: -1584px 0px;
}
.icon_maintenance{
    background-position: -1698px 0px;
}



._Burningwarn_ {
    .formItem {
        margin-bottom: 15px;
    }
    .icon-wrapper {
        position: relative;
        padding: 0px 30px;
        margin-top: -10px;
        i {
            top: 14px;
            cursor: pointer;
            font-size: 14px;
        }
        .anticon {
            position: absolute;
            width: 16px;
            height: 16px;
            line-height: 1;
            font-size: 16px;
        }
    }
    .slider-value {
        margin-left: 10px;
    }
}



._AbnormalConfig_ {
  padding: 0 16px;

  .ant-tabs-nav-animated {
    .ant-tabs-tab {
      margin-right: 53px;
    }
  }
  .LabelInput-behind-dark {
    padding: 5px 10px;
    margin-bottom: 0px;
    margin-top: -1px;
  }
}

.empty {
  text-align: center;
  height: 90vh;
  line-height: 90vh;
}

._SDCardError_,
._NETError_,
._AUTHError_,
._SECURITYError_,
._DESError_,
._PowerVoltageDetect_,
._CPUError_,
._PtzError_,
._BatteryError_{
  background: @baseColor;

  .fn-mart15 {
    margin-top: 15px;
  }

  .fn-marb15 {
    margin-bottom: 15px;
  }

  //登陆异常、网络安全和破坏侦测的content
  .content {
    padding: 16px 0px 10px 16px;

    .LabelSwitch-label-Col,
    .LabelInput-label-Col,
    .labelSelect-label-Col {
      text-align: left;
    }

    .list-item {
      margin: 15px 0;
    }

    .event {
      .ant-col {
        p {
          padding-left: 0 !important
        }
      }
    }

    .netError_col {
      > .ant-row {
        &:first-child {
          margin-top: 22px !important;
        }
        margin-top: 12px !important;
      }
      .EventHandlerPL15 {
        padding-left: 15px;
        margin-top: 6px;
        margin-bottom: 8px;
      }
    }
  }

  //SD卡异常和网络异常的content
  .content_ {
    padding: 16px 0px 10px 16px;

    .LabelSwitch-label-Col,
    .LabelInput-label-Col,
    .labelSelect-label-Col {
      text-align: left;
      padding-left: 15px;
    }

    .list-item {
      margin: 15px 0;
    }

    .list-item_sdarea {
      margin-top: 15px;
    }

    .list-item_title {
      margin: 1px 0;
      font-weight: 700;
    }

    .boder {
      border: 1px solid @border-color;
      margin-bottom: 26px;
    }
    .SDlast {
      margin-bottom: 0;
    }
    .sdError_row, .netError_row{
      margin-top: 15px;
      .LabelInput-label-Col {
        padding-left: 0;
      }
    }
    .StorageFailure {
      margin-bottom: 0;
    }

    .IPConflict, .PowerFault {
      margin-bottom: 0;
    }

    .blankDiv {
      height: 30px;
      width: 100%;
      border-top: 1px solid @border-color;
    }

    .event {
      border-top: 1px solid @border-color;
      padding-bottom: 20px;
      padding-left: 18px;
    }

    //网络异常中不需要padding-bottom属性
    .event_net {
      padding-bottom: 20px;
      border-top: 1px solid @border-color;
      padding-left: 18px;
      .EventHandlerPL16 {
        padding-left: 15px;
      }
    }

    .sdError_col {
      > .ant-row {
        margin-top: 12px !important;
      }
      .EventHandlerPL15 {
        padding-left: 15px;
        margin-top: 6px;
        margin-bottom: 8px;
      }
      .EventHandlerPL16 {
        padding-left: 15px;
      }
    }

    

    .netError_col {
      > .ant-row {
        &:first-child {
          margin-top: 22px !important;
        }
        margin-top: 12px !important;
      }
      .EventHandlerPL15 {
        padding-left: 15px;
        margin-top: 6px;
        margin-bottom: 8px;
      }
    }
  }

  .bottom {
    /* margin-top: 10px; */
    margin-bottom: 30px;
    padding-left: 16px;
  }
  .fn-mart15 {
    margin-top: 15px;
  }
  .fn-marr10 {
    margin-right: 10px;
  }

  .fn-marr11 {
    margin-left: 10px;
  }

  .fn-marl16 {
    margin-left: 16px;
  }

  .fn-marr12 {
    margin-left: 15px;
  }

  //滑动条的样式
  .slider {
    margin: 15px 0 0 0;
    .slide{
      margin-top:-7px;
    }
    .ant-slider-track {
      background: @export-color;
    }

    // .ant-slider-handle {
    //   border: 1px solid @border-color;
    // }
    .slider-wrapper {
      .list {
        // padding: 8px 0;

        i {
          font-size: 20px;
        }

        .slide {
          margin-top: -11px;
        }

        .ant-slider-track {
          background: @export-color;
        }

        .ant-slider-handle {
          border: 1px solid @border-color;
        }

        .ant-slider-rail {
          background: #e2e4e7;
        }

        .point {
          cursor: pointer;
        }

        .ant-slider-rail,
        .ant-slider-step,
        .ant-slider-track {
          height: 7px;
        }

        .ant-slider-handle {
          margin-top: -4px;
        }
      }
    }
  }

  //调整ant按钮的padding
  .ant-btn {
    padding: 0 18px;
  }
}

._Burningwarn_ {
  padding-top: 20px;
  padding-left: 16px;
  
  .handle {
    margin-top: 15px;

    button {
      margin-right: 10px;
    }
  }
}

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

    .right {
        margin-top: 30px;
        .qrcode {
            img {
                border: 1px solid;
                padding: 4px;
            }
        }
    }
}


._figure_ {
  .figure-wrap {
    margin: 20px auto;
    position: relative; 
    background-image: url(/static/media/motion_figure.763d43f2.png);
    background-repeat: repeat;
    background-position: center;
  }

  .figure-canvas {
    position: relative;
    height: 100%;
    left: 0px;
  }

  .figure-threshold {
    position: absolute;
    height: 1px;
    width: 100%;
    left: 0px;
    background-color: #000;
  }
}



._AbnormalAudio_{
  background: @baseColor;
  padding: 32px;
  padding-right: 0;
  .LabelInput-behind-dark {
    padding: 5px 10px;
    margin-bottom: 0px;
    margin-top: -1px;
  }

  .content {
    .label{
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .ant-alert-info {
      margin-right: 32px;
    }
    .ant-divider-horizontal {
      height: 0;
      margin: 0px
    }

    .LabelSwitch-label-Col,
    .LabelInput-label-Col,
    .labelSelect-label-Col {
      text-align: left;
    }

    .formItem {
      margin-bottom: 15px;
      .list {
        .slide {
          margin-top: -5px;
        }
      }
    }
  }

  .event {
    margin-top: -15px;

    .ant-col {
      p {
        padding-left: 0 !important
      }
    }

    .EventHandlerPL15 {
      padding-left: 15px;
      margin-top: 6px;
      margin-bottom: 8px;
    }
  }

  .handle {
    margin-top: 15px;

    button {
      margin-right: 10px;
    }
  }
  // slider相关
  .slider-wrapper {

    .list {
      i {
        font-size: 20px;
      }

      .slide {
        margin-top: -4px !important;
      }

      .ant-slider-track {
        background: @export-color;
      }

      .ant-slider-handle {
        border: 1px solid @border-color;
      }

      .ant-slider-rail {
        background: #e2e4e7;
      }

      .point {
        cursor: pointer;
        display:flex;
        justify-content: center;
      }

      .ant-slider-rail,
      .ant-slider-step,
      .ant-slider-track {
        height: 7px;
      }

      .ant-slider-handle {
        margin-top: -4px;
      }
    }
  }
}


._PrivacyMask_ {
    .row-item {
        margin-top: 10px;
        line-height: 40px;
    }
}
.image-information{
    display: flex;
    flex-direction: column;
    padding: 20px;
    .ai-config-btns{
        padding: 10px 0px 10px 506px;
    }
}

._IvsObjectDetectConfigRuleConfig_ {
    width: 100%;
    .ant-form-item-label {
        display: inline-block;
        overflow: hidden;
        line-height: 39.9999px;
        white-space: nowrap;
        text-align: left;
        vertical-align: middle;
    }
    .selectedRow {
        background-color: #E6F7FF;
    }
    .ant-row {
        margin-bottom: 10px;
    }
    .config-wrap {
        padding: 0px 20px 10px 16px;
        .ant-divider-horizontal {
            margin: 8px 0 18px 0;
        }
    }
    ._ObjectDetectPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;
        position: relative;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 40px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
        }
        .ant-modal {
            width: 300px;
            top: 200px;
            left: calc(13vw + 500px);
            position: absolute;
        }
    }
    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}


._BoatDetectConfig_ {
    padding-left: 16px;
    .ant-tabs-top-bar {
        margin-left: 0px;
    }
}

._ElevatorDetectRuleConfig_ {
    width: 100%;
    .ant-form-item-label {
        display: inline-block;
        overflow: hidden;
        line-height: 39.9999px;
        white-space: nowrap;
        text-align: left;
        vertical-align: middle;
    }
    .selectedRow {
        background-color: #E6F7FF;
    }
    .ant-row {
        margin-bottom: 10px;
    }
    .config-wrap {
        padding: 0px 20px 10px 16px;
        .ant-divider-horizontal {
            margin: 8px 0 18px 0;
        }
    }
    ._ElevatorDetectPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;
        position: relative;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 40px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
        }
        .ant-modal {
            width: 300px;
            top: 200px;
            left: calc(13vw + 500px);
            position: absolute;
        }
    }
    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}



._FaceAnalysisConfigDetail_ {
    background: @baseColor;
	margin: 16px;
    min-height: 860px;

    .content {
        .ant-row {
	        margin-bottom: 0px;
	    }
	    .ant-table-thead > tr, .ant-table-tbody > tr{
	        border: 1px solid #e8e8e8;
        }
        .ant-table-tbody > tr > td {
            padding: 7px 11px !important;
        }
	    .ant-divider-horizontal {
	        margin: 0 0 25px 0;
	    }
	    .ant-card .ant-card-body {
	        padding : 20px 32px !important;
	    }
	    .card-wrap {
            padding: 22px 10px 10px 10px;
            background-image: linear-gradient(0deg, 
                #ffffff 0%, 
                #f8f8f8 93%, 
                #f1f1f1 100%);
            &::after {
                clear: both;
                content: '';
                display: block;
            }
            .ant-row {
                line-height: 24px;
            }
	    }
	    .card-wrapParent {
            width: 18%;
            border-radius: 1px;
	        margin-bottom: 16px;
	        border: 1px solid #e8e8e8;
	        &:hover {
                border: 1px solid #56AEFF;
            }
        }
        .left{
            text-align: center;
            max-width: 34px;
            min-height: 26px;
            line-height: 26px;
            border: 1px solid @border-color;
            border-radius: 4px 0 0 4px;
            z-index: 1;
            cursor: pointer;
            float: right;
        }
        .right{
            text-align: center;
            max-width: 34px;
            min-height: 26px;
            line-height: 26px;
            border: 1px solid @border-color;
            border-radius: 0 4px 4px 0;
            z-index: 1;
            cursor: pointer;
            float: right;
        }
        .active {
            border: 1px solid  @export-color;
            color: @export-color;
        }
        .FaceDetailCardContent,
        .FaceDetailTableContent {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
        }
    }

    .ant-modal .ant-modal-content {
        .ant-form-explain {
            margin-left: 0px;
        }
        .ant-modal-header {
            padding: 14px 10px 14px 16px;
        }
        .ant-modal-close-x {
            width: 50px;
            height: 50px;
            line-height: 50px;
            padding-left: 18px;
        }
        .ant-modal-footer {
            padding: 10px;
        }
        .ant-modal-body {
            padding: 25px 50px;
            .ant-form {
                margin-top: -5px;
                margin-bottom: -5px;
                .ant-form-item-label {
                    text-align: left;
                }
            }
            .ant-form > .ant-col {
                margin-bottom: 4px;
                &:last-child {
                    margin-bottom: 0px;
                }
            }
            .ant-slider {
                margin: 14px 0px 10px;
            }
            .ant-collapse .ant-collapse-content > .ant-collapse-content-box {
                padding: 6px 16px 6px 25px;
                .ant-divider {
                    margin: 0;
                }
            }
            .upload-span {
                margin: -48px 0px 0px 30px;
                color: #fff;
                display: block;
                &::before {
                    color: #f5222d;
                    content: '*';
                    margin-right: 4px;
                    display: inline-block;
                    font-size: 14px;
                    font-family: SimSun, sans-serif;
                    line-height: 1;
                }
            }
            .reUpload-span {
                margin: -34px 0px 0px 40px;
                color: #fff;
                display: block;
            }
            .upload-tip {
                width : 133px; 
                height : 34px;
                background-image: linear-gradient(180deg, rgba(249, 252, 254, 0.1), rgba(58, 112, 148, 0.3), rgba(50, 97, 128, 0.9), rgba(38, 74, 98, 1));
                opacity: 0.9;
            }
        }
        .ant-row {
            margin-bottom: 6px;
            &:last-child {
                margin-bottom: 0px;
            }
        }
    }
    .faceTask-modal {
        table {
            table-layout: fixed;
        } 
    }
    .batchRegistFailWordBreak {
        word-break: break-all;
    }
    .fn-marr10 {
        margin-right: 10px;
    }
    .fn-marr16 {
        margin-right: 16px;
    }
    .fn-marr20 {
        margin-right: 20px;
    }

    .fn-right {
        float: right;
    }

    .fn-bold {
        font-weight: bold;
    }

    .fn-blue {
        color: #56AEFF;
    }

    .fn-black {
        color: #272727;
    }

    .fn-show {
        display: '';
    }

    .fn-hide {
        display: none;
    }

    .fn-green {
        color: #B5E3A6;
    }
    .fn-red {
        color: #F98A8E;
    }
    .selectedRow {
        background-color: #E6F7FF;
    }
    //调整图标颜色
    i {
        cursor: pointer;
        &:hover {
            color: @export-color;
        }
    }
    .ant-progress-status-normal .ant-progress-text {
        margin-left: 5px;
        width: 2.2em;
    }
    .container-size{
        width: 516px;
        height: 375px;
    }
}



._FaceAnalysisConfigGroup_ {
    background: @baseColor;
	margin: 16px;
    min-height: 860px;
    // 调整事件联动中音频联动文件间隔
    ._EventHandlerPanel {
        min-height: 200px;
        .EventHandler-voice {
            margin-top: 15px;
        }
    }
    .content {
        .ant-row {
	        margin-bottom: 0px;
	    }
	    .ant-table-thead > tr, .ant-table-tbody > tr{
	        border: 1px solid #e8e8e8;
	    }
	    .selectedRow {
            background-color: #E6F7FF;
        }
    }
    .editable-cell-value-wrap {
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        margin: 0 auto;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        padding: 4px 11px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        padding: 4px 11px;
    }

	.fn-right {
        float: right;
    }
    .fn-green {
        color: green;
    }
    .fn-red {
        color: red;
    }

    .ant-modal .ant-modal-content {
        .ant-modal-header {
            padding: 14px 10px 14px 16px;
        }
        .ant-modal-close-x {
            width: 50px;
            height: 50px;
            line-height: 50px;
            padding-left: 18px;
        }
        .ant-modal-footer {
            padding: 10px;
        }
        .ant-modal-body {
            padding: 25px 60px 25px 60px;
            .ant-form {
                margin-top: -5px;
                margin-bottom: -5px;
                .ant-form-item-label {
                    text-align: left;
                }
                .LabelSwitch-swtich {
                    line-height: 40px;
                }
                ._ScheduleDialog_ {
                    .ant-row {
                        &:first-child {
                            div {
                                &:first-child {
                                    line-height: 32px;
                                }
                            }
                        }
                    }
                }
            }
            .ant-form > .ant-col {
                margin-bottom: 4px;
                &:last-child {
                    margin-bottom: 0px;
                }
            }
            // .ant-slider {
            //     margin: 14px 0px 10px;
            // }
        }
        .ant-row {
            margin-bottom: 6px;
            &:last-child {
                margin-bottom: 0px;
            }
        }
    }
    .icon-left {
        float: left;
        margin-top: 14px;
        font-size: 12px;
    }
    .slider-middle {
        margin-left: 10px;
        float: left;
        width: 90%;
    }
    .icon-right {
        margin-left: 5px;
        float: left;
        margin-top: 14px;
        font-size: 12px;
    }
    .icon-tip {
        width: 20px;
        height: 20px;
        display: block;
        font-size:20px;
    }
    //调整图标颜色
    i {
        cursor: pointer;
        &:not(.disabled):hover {
            color: @export-color;
        }
        &.disabled {
            color: @disableColor;
            cursor: not-allowed;
        }
    }
    .ant-progress-status-success .ant-progress-text {
        color: rgba(0, 0, 0, 0.45);
    }
    .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
        padding: 6px 10px 6px 14px; 
    }
    .ant-collapse-content > .ant-collapse-content-box {
        padding: 16px 14px 10px 20px;
    }
    .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
        right: 10px;
    }
    .ant-collapse {
        margin-top: 8px;
        margin-bottom: 10px;
    }
    .behind-tip {
        display: inline-block;
        margin-left: 10px;
        margin-top: 10px;
    }
}



._FacePageConfig_ {
    background: @baseColor;
    position: relative;
    padding-left: 16px;
    .topContent {
        padding: 20px 16px 10px;
    }
	.content {
        padding: 30px 16px 10px;
        ._FacePagePlugin_ {
            width: 470px;
            height: 338px;
            display: inline-block;
            .video-wrap {
                width: 430px;
                height: 338px;
                display: inline-block;
                background: #1b1b1b;
                line-height: 338px;
                font-size: 40px;
                text-align: center;
            }
            .aitoolsbar-warp {
                display: inline-block;
                position: absolute;
                width: 40px;
                height: 338px;
                background-color: #e8e8e8;
                text-align: center;
                .icon {
                    margin-top: 10px;
                }
            }
            .ant-modal {
                width: 300px;
                top: 400px;
                left: calc(13vw + 500px);
                position: absolute;
            }
        }
        .ant-dropdown-menu-item {
            clear: both;
            margin: 0;
            padding: 5px 12px;
            color: #272727;
            font-weight: 400;
            font-size: 14px;
            line-height: 22px;
            white-space: nowrap;
            cursor: pointer;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
        }
        .ant-dropdown-menu-item:hover {
            background-color: #E6F7FF;
        }
		.config-wrap {
            padding: 0px 20px 10px 16px;
            .ant-row{
	          margin-bottom: 5px;
	        }
	        .ant-form-item-label{
			    text-align: left;
		    }
            .labelText-behind-dark {
                color: #8f8f8f;
            }
		    .operation {
                margin-top: -5px;
            }
            .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
                padding: 6px 10px 6px 14px; 
            }
            .ant-collapse-content > .ant-collapse-content-box {
                padding: 16px 14px 10px 20px;
            }
            .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
                right: 10px;
            }
            .ant-collapse {
                margin-top: 8px;
                margin-bottom: 10px;
            }
            .advanceSetting {
                .ant-collapse-content-box {
                    padding: 16px 14px 0px 32px;
                }
            }
            ._EventHandler_ {
                .LabelInput-behind-dark {
                    padding-left:10px;
                }
            }
        }
	}
    .fn-marr10 {
        margin-right: 10px;
    }
    .ant-modal .ant-modal-content {
        .ant-modal-header {
            padding: 14px 10px 14px 16px;
        }
        .ant-modal-close-x {
            width: 35px;
            height: 35px;
            line-height: 35px;
        }
        .ant-modal-footer {
            padding: 10px;
        }
        .ant-modal-body {
            padding: 25px;
            .ant-form {
                margin-top: -5px;
                margin-bottom: -5px;
                .ant-form-item-label {
                    text-align: left;
                }
            }
            .ant-form > .ant-col {
                margin-bottom: 4px;
                &:last-child {
                    margin-bottom: 0px;
                }
            }
            .ant-slider {
                margin: 14px 0px 10px;
            }
        }
        .ant-row {
            margin-bottom: 0px;
        }
    }
    .icon-left {
        float: left;
        margin-top: 14px;
        font-size: 12px;
    }
    .slider-middle {
        float: left;
        width: 95%;
        margin-left: 6px;
    }
    .icon-right {
        float: left;
        margin-top: 14px;
        margin-left: 10px;
        font-size: 12px;
    }
    //调整图标颜色
    i {
        cursor: pointer;
        &:not(.disabled):hover {
            color: @export-color;
        }
    }
    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}
._FacePageConfigDupRemSetMod_ {
    .ant-row {
        margin-bottom: 5px;
    }
    .ant-form-item-label {
        text-align: left;
    }
    .icon-left {
        float: left;
        margin-top: 14px;
        font-size: 12px;
    }
    .icon-right {
        float: left;
        margin-top: 14px;
        margin-left: 8px;
        font-size: 12px;
    }
}


._FaceConfig_ {
    .ant-tabs {
        overflow: visible;
    }
}


._FishDetection_ {
    padding-left: 16px;
    .ant-tabs-top-bar {
        margin-left: 0px;
    }
}


._HeatMapConfig_ {
    padding-left: 16px;
    .config-wrap {
        padding: 30px 1px 10px;
        .formItem{
            margin-bottom: 15px;
            ._ScheduleDialog_{
                .ant-col-6{
                    padding-left: 15px;
                }
            }
            .LabelSwitch-label-Col,
            .labelSelect-label-Col{
                padding-left: 15px;
            }
        }
    }
    ._HeatMapPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;
        position: relative;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 40px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
        }
        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }
    }
}


._IExclusionConfig_ {
	background: @baseColor;
	padding: 16px;
	.content {
		.ant-form-item-label{
			text-align: left;
			padding-left: 10px;
		}
		.ant-row{
	      margin-bottom: 10px;
	      &:last-child{
	        margin-bottom: 0px;
	      }
	    }
	    .ant-card-head .ant-btn-link {
	        color: @font-color;
	    }
	    ul {
	        li {
                margin-top: 10px;
	        }
            .li-no-marginTop {
                margin-top: 0px;
            }
	    }
        .noPreset-tip {
            background-color: #FFFBE6;
            border: 1px solid #FFE797;
            height: 40px;
            line-height: 40px;
            padding-left: 10px;
            margin: -5px 0px 10px;
            border-radius: 4px;
        }
	    .ant-card {
	        ul {
                li {
                    margin-top: 0px;
	                float : left;
	                margin-right: 40px;
	                label {
	                        margin-right: 20px;
	                }
                }
	        }
	    }
	}
	.operation {
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .fn-marr10 {
        margin-right: 10px;
    }
    .selectedRow {
        background-color: #E6F7FF;
    }
    .ant-popover {
        line-height: 1.8;
    }
    .ant-modal {
        width: 830px !important;
        .ant-modal-content {
            .ant-modal-header {
                padding: 14px 10px 14px 16px;
            }
            .ant-modal-close-x {
                width: 50px;
                height: 50px;
                line-height: 50px;
                padding-left: 18px;
            }
            .ant-modal-footer {
                padding: 10px;
            }
            .ant-modal-body {
                padding: 16px;
                .ant-form {
                    margin-top: -5px;
                    margin-bottom: -5px;
                    .ant-form-item-label {
                        text-align: left;
                    }
                }
                .ant-form > .ant-col {
                    margin-bottom: 4px;
                    &:last-child {
                        margin-bottom: 0px;
                    }
                }
                .ant-slider {
                    margin: 14px 0px 10px;
                }
                .video-wrap {
                    width: 800px;
                    height: 320px;
                }
                .ant-table-placeholder {
                    border-bottom: 0px;
                }
                .ant-table-thead {
                    border-top : 0px;
                }
            }
            .ant-row {
                margin-bottom: 6px;
                &:last-child {
                    margin-bottom: 0px;
                }
            }
        }
    }
}
.iExclusionConfig-Scene-DropDownItem:hover {
    background-color: #e6f7ff;
    color: #272727;
}


._IExclusionConfigNew_ {
    background: @baseColor;
    padding: 16px;
    .content {
        .ant-card-extra {
            width: 25%;
        }
        ul {
	        li {
                margin-top: 10px;
                .ant-card-head {
                    &:hover {
                        background: #E6F7FF;
                    }
                }
	        }
        }
        .ant-card {
	        ul {
                margin-top: -20px;
                li {
                    margin-top: 20px;
	                float : left;
	                margin-right: 40px;
	                label {
	                    margin-right: 20px;
	                }
                }
	        }
        }
        .noPreset-tip {
            background-color: #FFFBE6;
            border: 1px solid #FFE797;
            height: 40px;
            line-height: 40px;
            padding-left: 10px;
            margin: -5px 0px 10px;
            border-radius: 4px;
        }
    }
    .ant-modal {
        width: 830px !important;
        .ant-modal-content {
            .ant-modal-header {
                padding: 14px 10px 14px 16px;
            }
            .ant-modal-close-x {
                width: 50px;
                height: 50px;
                line-height: 50px;
                padding-left: 18px;
            }
            .ant-modal-footer {
                padding: 10px;
            }
            .ant-modal-body {
                padding: 16px;
                .ant-form {
                    margin-top: -5px;
                    margin-bottom: -5px;
                    .ant-form-item-label {
                        text-align: left;
                    }
                }
                .ant-form > .ant-col {
                    margin-bottom: 4px;
                    &:last-child {
                        margin-bottom: 0px;
                    }
                }
                .ant-slider {
                    margin: 14px 0px 10px;
                }
                .addPresetModal-video-wrap {
                    width: 800px;
                    height: 320px;
                    .addPresetModal-video {
                        width: 100%;
                        height: 100%;
                        background-color: #000;
                    }
                }
                .addPresetModal-channel-wrap {
                    margin-top: 20px;
                }
                .addPresetModal-content {
                    height: 280px;
                    margin-top: 16px;
                    .addPresetModal-content-ptzControl-wrap {
                        float: right;
                        padding: 10px 16px;
                        border: 1px solid #E8E8E8;
                    }
                    .addPresetModal-content-main {
                        .addPresetModal-content-main-btn {
                            padding: 10px 16px;
                            border: 1px solid #E8E8E8;
                            border-right: 0px;
                        }
                        .addPresetModal-content-main-table {
                            height: 227px;
                            overflow-y: auto;
                            border: 1px solid #E8E8E8;
                            border-top: 0;
                        }
                    }
                }
                .ant-table-placeholder {
                    border-bottom: 0px;
                }
                .ant-table-thead {
                    border-top : 0px;
                }
            }
            .ant-row {
                margin-bottom: 6px;
                &:last-child {
                    margin-bottom: 0px;
                }
            }
        }
    }
    .operation {
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .fn-marr10 {
        margin-right: 10px;
    }
    .fn-mart10 {
        margin-top: 10px;
    }
    .fn-marb10 {
        margin-bottom: 10px;
    }
}
._AIConfig_ ._IExclusionConfigNew_ .innerListStyle {
    .ant-card-head {
        .ant-card-extra {
            width:25px;
            float: right;
            margin-left: auto;
            padding: 16px 0;
            color: #272727;
            font-weight: normal;
            font-size: 14px;
        }
    }
}


._IExclusionConfigTPCSD_ {
    background: @baseColor;
    padding: 16px;
    .ant-dropdown-menu-item:hover {
        background-color: @tab-active-color;
    }
    .content {
        .ant-card-extra {
            cursor: pointer;
        }
        ul {
	        li {
                margin-top: 10px;
                .ant-card-head {
                    background: @panelBackgroundColor;
                    &:hover {
                        background: #E6F7FF;
                    }
                }
	        }
        }
        .ant-card {
            .channel {
                padding: 0 14px;
                margin: 0;
                font-weight: bold;
                line-height: 34px;
                border-top: 1px solid @border-color;
                border-bottom: 1px solid @border-color;
            }
	        ul {
                padding: 16px 0 16px 32px;
                overflow: hidden;
                li {
                    // margin-top: 20px;
	                float : left;
	                margin-right: 40px;
	                label {
	                    margin-right: 20px;
	                }
                }
	        }
        }
        .ant-card-body {
            padding: 0 !important;
        }
        .noPreset-tip {
            background-color: #FFFBE6;
            border: 1px solid #FFE797;
            height: 40px;
            line-height: 40px;
            padding-left: 10px;
            margin: -5px 0px 10px;
            border-radius: 4px;
        }
    }
    .ant-modal {
        width: 830px !important;
        .ant-modal-content {
            .ant-modal-header {
                padding: 14px 10px 14px 16px;
            }
            .ant-modal-close-x {
                width: 50px;
                height: 50px;
                line-height: 50px;
                padding-left: 18px;
            }
            .ant-modal-footer {
                padding: 10px;
            }
            .ant-modal-body {
                padding: 16px;
                .ant-form {
                    margin-top: -5px;
                    margin-bottom: -5px;
                    .ant-form-item-label {
                        text-align: left;
                    }
                }
                .ant-form > .ant-col {
                    margin-bottom: 4px;
                    &:last-child {
                        margin-bottom: 0px;
                    }
                }
                .ant-slider {
                    margin: 14px 0px 10px;
                }
                .addPresetModal-video-wrap {
                    width: 800px;
                    height: 320px;
                    .addPresetModal-video {
                        width: 100%;
                        height: 100%;
                        background-color: #000;
                    }
                }
                .addPresetModal-channel-wrap {
                    margin-top: 20px;
                }
                .addPresetModal-content {
                    height: 280px;
                    margin-top: 16px;
                    .addPresetModal-content-ptzControl-wrap {
                        float: right;
                        padding: 10px 16px;
                        border: 1px solid #E8E8E8;
                    }
                    .addPresetModal-content-main {
                        .addPresetModal-content-main-btn {
                            padding: 10px 16px;
                            border: 1px solid #E8E8E8;
                            border-right: 0px;
                        }
                        .addPresetModal-content-main-table {
                            height: 227px;
                            overflow-y: auto;
                            border: 1px solid #E8E8E8;
                            border-top: 0;
                        }
                    }
                }
                .ant-table-placeholder {
                    border-bottom: 0px;
                }
                .ant-table-thead {
                    border-top : 0px;
                }
            }
            .ant-row {
                margin-bottom: 6px;
                &:last-child {
                    margin-bottom: 0px;
                }
            }
        }
    }
    .operation {
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .fn-marr10 {
        margin-right: 10px;
    }
    .fn-marl5 {
        margin-left: 5px;
    }
}


._AIConfig_ {
    .side-panel {
        border-right: 1px solid #e8e8e8;
        background: @baseColor;
        min-height: calc(100vh - 96px);
        min-width: 155px;
        padding: 10px 0px;
        .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
            background-color: #ECF4FF;
        }
    }
    .content-panel {
        height: 100%;
        padding: 16px;
        .main-content {
            background: @baseColor;
            min-height: calc(100vh - 92px);
            .ai-navigation {
                padding: 10px 0px;
                border-bottom: 1px solid #e8e8e8;
                // height: 50px;
            }
            .ai-navigation-row {
                margin-left: 12px;
                margin-right: 16px;
                .ant-steps {
                    flex-wrap: wrap;
                    .ant-steps-item{
                        flex: none;
                        padding-right: 30px;
                        width: auto\9 !important;
                        padding-left: 0\9;
                        margin: 0\9 !important;
                    }
                    .ant-steps-item:last-of-type{
                        padding-right: 0;
                    }
                }
                .ant-steps-item-icon{
                    width: 24px;
                    line-height: 24px;
                    .ant-steps-icon {
                        line-height: 24px;
                    }
                }
                .ant-steps-item-title {
                    font-size: 14px;
                    line-height: 23px;
                    padding-right: 0px;
                }
                .ant-steps-item-title::after{
                    top: 12px;
                }
                .ant-steps-item-process > .ant-steps-item-content > .ant-steps-item-title::after {
                    background-color: #1890FF;
                }
                .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
                    margin-right: 0px;
                }
            }
            .ai-Breadcrumb-wrapper {
                height: 40px;
                background-color: #fafafa;
                padding-left: 16px;
                .ai-Breadcrumb {
                    line-height: 40px;
                }
            }
            .operation {
                margin-top: 10px;
            }
        }
    }
    .fn-marr10 {
        margin-right: 10px;
    }
    .fn-marl15 {
        margin-left: 15px;
    }
}


._IntelliParking_ {
    background: @baseColor;
    position: relative;
    padding-left: 16px;
    .topContent {
        padding: 20px 16px 10px;
    }
	.content {
        padding: 30px 16px 10px;
        ._IntelliParkingPlugin_ {
            width: 470px;
            height: 338px;
            display: inline-block;
            .video-wrap {
                width: 430px;
                height: 338px;
                display: inline-block;
                background: #1b1b1b;
                line-height: 338px;
                font-size: 40px;
                text-align: center;
            }
            .aitoolsbar-warp {
                display: inline-block;
                position: absolute;
                width: 40px;
                height: 338px;
                background-color: #e8e8e8;
                text-align: center;
                .icon {
                    margin-top: 10px;
                }
            }
            .ant-modal {
                width: 300px;
                top: 400px;
                left: calc(13vw + 500px);
                position: absolute;
            }
        }
        .ant-dropdown-menu-item {
            clear: both;
            margin: 0;
            padding: 5px 12px;
            color: #272727;
            font-weight: 400;
            font-size: 14px;
            line-height: 22px;
            white-space: nowrap;
            cursor: pointer;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
        }
        .ant-dropdown-menu-item:hover {
            background-color: #E6F7FF;
        }
		.config-wrap {
            padding: 0px 20px 10px 16px;
            .tabs-wrap {
                min-height: 300px;
                border: 1px solid @border-color;
                .title {
                    height: 32px;
                    line-height: 32px;
                    font-weight: bold;
                    padding-left: 24px;
                    border-bottom: 1px solid @border-color;
                }
                .parking-tabs {
                    height: calc(100% - 32px);
                }
            }
    
            .left-panel {
                background: @baseColor;
                padding: 10px 0px;
                .ant-menu {
                    border-right: none;
                    .ant-menu-item {
                        padding-right: 4px;
                        .close-icon {
                            display: none;
                        }
                        &.ant-menu-item-selected {
                            background-color: #ECF4FF;
                        }
                        &:hover {
                            padding-right: 20px;
                            .close-icon {
                                display: inline-block;
                                position: absolute;
                                right: 0px;
                                top: 14px;
                            }
                        }
                    }
                }
                .sub-tab {
                    padding: 0px;
                    cursor: pointer;
                }
            }
    
            .right-panel {
                height: 100%;
                min-height: 266px;
                padding: 16px;
                border-left: 1px solid #e8e8e8;
                .main-content {
                    background: @baseColor;
                }
                .labelText-label-Text {
                    padding-left: 11px;
                }
                .ant-form-explain {
                    margin-left: 0px;
                }
            }
    
            .advanceSetting {
                .ant-collapse-content-box {
                    padding: 16px 14px 0px 32px;
                }
            }
            .ant-form-item {
                margin-bottom: 12px;
            }
            .ant-radio-item-label {
                padding-right: 8px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-wrap: normal;
                display: block;
            }
            .ant-form-item-label {
                text-align: left;
            }
            .labelText-behind-dark {
                color: #8f8f8f;
            }
            .operation {
                margin-top: 10px;
            }
            .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
                padding: 6px 10px 6px 14px; 
            }
            .ant-collapse-content > .ant-collapse-content-box {
                padding: 16px 14px 10px 20px;
            }
            .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
                right: 10px;
            }
            .ant-collapse {
                margin-top: 8px;
                margin-bottom: 10px;
            }
            .advanceSetting {
                .ant-collapse-content-box {
                    padding: 16px 14px 0px 32px;
                }
            }
            ._EventHandler_ {
                .LabelInput-behind-dark {
                    padding-left:10px;
                }
            }
        }
	}
    .fn-marr10 {
        margin-right: 10px;
    }
    .ant-modal .ant-modal-content {
        .ant-modal-header {
            padding: 14px 10px 14px 16px;
        }
        .ant-modal-close-x {
            width: 35px;
            height: 35px;
            line-height: 35px;
        }
        .ant-modal-footer {
            padding: 10px;
        }
        .ant-modal-body {
            padding: 25px;
            .ant-form {
                margin-top: -5px;
                margin-bottom: -5px;
                .ant-form-item-label {
                    text-align: left;
                }
            }
            .ant-form > .ant-col {
                margin-bottom: 4px;
                &:last-child {
                    margin-bottom: 0px;
                }
            }
            .ant-slider {
                margin: 14px 0px 10px;
            }
        }
        .ant-row {
            margin-bottom: 0px;
        }
    }
    .icon-left {
        float: left;
        margin-top: 14px;
        font-size: 12px;
    }
    .slider-middle {
        float: left;
        width: 95%;
        margin-left: 6px;
    }
    .icon-right {
        float: left;
        margin-top: 14px;
        margin-left: 10px;
        font-size: 12px;
    }
    //调整图标颜色
    i {
        cursor: pointer;
        &:not(.disabled):hover {
            color: @export-color;
        }
    }
    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}
._FacePageConfigDupRemSetMod_ {
    .ant-row {
        margin-bottom: 5px;
    }
    .ant-form-item-label {
        text-align: left;
    }
    .icon-left {
        float: left;
        margin-top: 14px;
        font-size: 12px;
    }
    .icon-right {
        float: left;
        margin-top: 14px;
        margin-left: 8px;
        font-size: 12px;
    }
}


._IntelliPrisonConfig_ {
    padding-left: 16px;
    .ant-tabs-top-bar {
        margin-left: 0px;
    }
}

._IntelliPrison_ {
    position: relative;
      .ant-table-placeholder{
        border-bottom: none;
      }
      .ant-table-header-column{
        font-weight: bold;
      }
    .ant-table-thead{
        border-top: none;
    }
    .ant-table-title {
    padding: 5px 0;
    }
    .ant-divider-horizontal {
        margin: 5px 0 22px 0;
    }
    .ant-empty-normal {
        margin: 25px 0px 0px 0px;
    }
    .ant-dropdown-menu-item {
        clear: both;
        margin: 0;
        padding: 5px 12px;
        color: #272727;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .ant-dropdown-menu-item:hover {
        background-color: #E6F7FF;
    }
    .ant-dropdown-menu-item-disabled {
        color: @disableColor;
    }
    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .topContent {
        padding: 20px 16px 10px;
    }
    .Content {
        padding: 30px 16px 10px;
        .ant-row {
            margin-bottom: 11px;
        }
        //调整图标颜色
        i {
            cursor: pointer;
            &:hover {
                color: @export-color;
            }
        }
    }
    .config-wrap {
        display: inline-block;
        padding: 0px 20px 10px 16px;
        width: 100%;
        .LabelInput-behind-dark {
            margin-left: 5px;
        }
    }
    ._IntelliPrisonPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
        }
        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }
        ._LockTimer_ {
            position: absolute;
            bottom: 10px;
            margin-left: 15px;
        }
    }
    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
    .LabelInput-label-overflow {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    } 
}


._IntelliResourceAllocationConfig_ {
    background: @baseColor;
    padding: 16px;
    .content {
        padding: 30px 16px 10px;
        .ant-row{
            margin-bottom: 20px;
        }
        .radioStyle {
            display: block;
            height: 30px;
            line-height: 30px;
        }
    }
    .operation {
        padding-left: 16px;
        margin-top: 10px;
        clear: both;
        padding-top: 20px;
    }
    .fn-marr10 {
        margin-right: 10px;
    }
}


._IntelliTour_{
  background: @white;
  color: @font-color;
  padding: 16px;
  .labelSelect-label-dark,.LabelIP-label-dark,.LabelInput-label-dark{
    color: @font-color;
  }
  .LabelInput-label-Col, .labelSelect-label-Col, .macInput-label, .ipInput-label,.LabelIP-label-Col, .LabelSwitch-label-Col, .labelText-label-Col{
    text-align: left;
    padding-left: 15px;
  }
  .fn-marl16{
      margin-left: 16px;
  }
  .ant-row{
    margin-bottom: 6px;
  }
  .ipInput-label, .ipInput-box{
    padding: 0;
  }
  .ipInput-label{
    min-width: 0;
  }
  .LabelIP-container{
    margin: 0;
  }
  .error-text{
    display: none;
  }
  .LabelIP-has-error{
    border: 1px solid @border-color;
  }
  .openARpp {
      padding-top: 14px;
      margin-bottom: 4px;
      border-top: 1px solid @border-color !important;
  }
  .handle{
    button {
      margin-right: 10px;
    }
  }
  .Prefix{
    margin-top: 4px;
    text-align: center;
  }
  .numbers{
      margin-top: 4px;
      .ant-input-number{
        width: calc(128.8888888% - 21px);
      }
  }
  .LabelIP-ip-input__item{
    input{
      display: inline-block;
      width: calc(25% - 5px);
    }
  }
  .mac-box .mac-input{
    padding: 0;
    min-width: 0;
  }
  .mac-box .mac-point{
    padding: 5px 3px;
  }
  .ipInput-box .item{
    width: calc(25% - 8px);
  }
  .LabelIP-ip-input .LabelIP-ip-input__item{
    display: inline;
  }
  .labelSelect-label-Col {
      overflow: hidden;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-wrap: normal;
      display: block;
  }
}
._TourPlan_{
    .tourPlanTip{
        background-color: #FFFBE6;
        border: 1px solid #FFE797;
        height: 36px;
        line-height: 36px;
        margin-bottom:10px;
        border-radius: 4px;
        padding-left:10px;
      }
    .fn-mart10{
        margin-top:10px;
    }
}

._CrowdDistriMapComplete_ {
    .topContent {
        padding: 20px 16px 10px;
    }
    .Content {
        padding: 16px;
        .ant-row {
            margin-bottom: 10px;
            .ant-row {
                margin-bottom: 6px;
            }
        }
        .ant-form-item-label {
            display: inline-block;
            overflow: hidden;
            line-height: 39.9999px;
            white-space: nowrap;
            text-align: left;
            vertical-align: middle;
        }
    }
    .div-divider {
        margin: 4px 0px 18px 0px;
    }
    ._CrowdDistriMapCompletePlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 40px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
        }
        .ant-modal {
            width: 300px;
            top: 150px;
            left: calc(13vw + 500px);
            position: absolute;
        }
    }
    .config-wrap {
        padding: 0px 20px 10px 16px;
        margin-top: 5px;
        .labelSelect-behind-dark {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
        }
    }
    //调整图标颜色
    i {
        cursor: pointer;
        &:not(.disabled):hover {
            color: @export-color;
        }
    }
    .icon-left {
        float: left;
        margin-top: 14px;
        font-size: 12px;
    }
    .icon-right {
        float: left;
        margin-top: 14px;
        margin-left: 10px;
        font-size: 12px;
    }
    .span-right {
        margin-left: 10px;
    }
    .image-tip {
        background-color: #E6F7FF;
        border: 1px solid #C8EAFF;
        height: 37px;
        padding-left: 10px;
        padding-top: 7px;
        margin: -5px -17px 10px -7px;
        border-radius: 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}

._CrowdDistriMapRule_ {
    position: relative;
      .ant-table-placeholder{
        border-bottom: none;
      }
      .ant-table-header-column{
        font-weight: bold;
      }
    .ant-table-thead{
        border-top: none;
    }
    .ant-table-title {
    padding: 5px 0;
    }
    .ant-divider-horizontal {
        margin: 5px 0 22px 0;
    }
    .ant-empty-normal {
        margin: 25px 0px 0px 0px;
    }
    .ant-dropdown-menu-item {
        clear: both;
        margin: 0;
        padding: 5px 12px;
        color: #272727;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .ant-dropdown-menu-item:hover {
        background-color: #E6F7FF;
    }
    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .topContent {
        padding: 20px 16px 10px;
    }
    .Content {
        padding: 30px 16px 10px;
        .ant-row {
            margin-bottom: 11px;
        }
        //调整图标颜色
        i {
            cursor: pointer;
            &:not(.disabled):hover {
                color: @export-color;
            }
        }
    }
    .config-wrap {
        display: inline-block;
        padding: 0px 20px 10px 16px;
        width: 100%;
        .LabelInput-behind-dark {
            margin-left: 5px;
        }
    }
    ._CrowdDistriMapPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
        }
    }
    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}


._IpcCrowdDistriMap_ {
    padding-left: 16px;
    .ant-tabs-top-bar {
        margin-left: 0px;
    }
}


._CompleteConfig_ {
    background: @baseColor;
    position: relative;
    padding-left: 16px;
    .topContent {
        padding: 20px 16px 10px;
    }
	.content {
        padding: 30px 16px 10px;
        ._CompletePlugin_ {
            width: 470px;
            height: 338px;
            display: inline-block;
            .video-wrap {
                width: 430px;
                height: 338px;
                display: inline-block;
                background: #1b1b1b;
                line-height: 338px;
                font-size: 40px;
                text-align: center;
            }
            .aitoolsbar-warp {
                display: inline-block;
                position: absolute;
                width: 40px;
                height: 338px;
                background-color: #e8e8e8;
                text-align: center;
                .icon {
                    margin-top: 10px;
                }
            }
            .ant-modal {
                width: 300px;
                top: 400px;
                left: calc(13vw + 500px);
                position: absolute;
            }
        }
        .ant-dropdown-menu-item {
            clear: both;
            margin: 0;
            padding: 5px 12px;
            color: #272727;
            font-weight: 400;
            font-size: 14px;
            line-height: 22px;
            white-space: nowrap;
            cursor: pointer;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
        }
        .ant-dropdown-menu-item:hover {
            background-color: #E6F7FF;
        }
		.config-wrap {
            padding: 0px 20px 10px 16px;
            .ant-row{
	          margin-bottom: 5px;
	        }
	        .ant-form-item-label{
			    text-align: left;
		    }
            .labelText-behind-dark {
                color: #8f8f8f;
            }
		    .operation {
                margin-top: -5px;
            }
            .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
                padding: 6px 10px 6px 14px; 
            }
            .ant-collapse-content > .ant-collapse-content-box {
                padding: 16px 14px 10px 20px;
            }
            .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
                right: 10px;
            }
            .ant-collapse {
                margin-top: 8px;
                margin-bottom: 10px;
            }
            .advanceSetting {
                .ant-collapse-content-box {
                    padding: 16px 14px 0px 32px;
                }
            }
            ._EventHandler_ {
                .LabelInput-behind-dark {
                    padding-left:10px;
                }
            }
        }
	}
    .fn-marr10 {
        margin-right: 10px;
    }
    .ant-modal .ant-modal-content {
        .ant-modal-header {
            padding: 14px 10px 14px 16px;
        }
        .ant-modal-close-x {
            width: 35px;
            height: 35px;
            line-height: 35px;
        }
        .ant-modal-footer {
            padding: 10px;
        }
        .ant-modal-body {
            padding: 25px;
            .ant-form {
                margin-top: -5px;
                margin-bottom: -5px;
                .ant-form-item-label {
                    text-align: left;
                }
            }
            .ant-form > .ant-col {
                margin-bottom: 4px;
                &:last-child {
                    margin-bottom: 0px;
                }
            }
            .ant-slider {
                margin: 14px 0px 10px;
            }
        }
        .ant-row {
            margin-bottom: 0px;
        }
    }
    .icon-left {
        float: left;
        margin-top: 14px;
        font-size: 12px;
    }
    .slider-middle {
        float: left;
        width: 95%;
        margin-left: 6px;
    }
    .icon-right {
        float: left;
        margin-top: 14px;
        margin-left: 10px;
        font-size: 12px;
    }
    //调整图标颜色
    i {
        cursor: pointer;
        &:hover {
            color: @export-color;
        }
    }
    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}
._FacePageConfigDupRemSetMod_ {
    .ant-row {
        margin-bottom: 5px;
    }
    .ant-form-item-label {
        text-align: left;
    }
    .icon-left {
        float: left;
        margin-top: 14px;
        font-size: 12px;
    }
    .icon-right {
        float: left;
        margin-top: 14px;
        margin-left: 8px;
        font-size: 12px;
    }
}


.__IpcPortraitDetectConfig__ {
  padding-left: 16px;
}


._RuleConfig_ {
    background: @baseColor;
    position: relative;
    padding-left: 16px;
    .listContent {
        // width: 150px;
        float: left;
        margin-right: 10px;
        margin-bottom: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
    .topContent {
        padding: 20px 16px 10px;
    }
	.content {
        padding: 30px 16px 10px;
        ._RulePlugin_ {
            width: 470px;
            height: 338px;
            display: inline-block;
            .video-wrap {
                width: 430px;
                height: 338px;
                display: inline-block;
                background: #1b1b1b;
                line-height: 338px;
                font-size: 40px;
                text-align: center;
            }
            .aitoolsbar-warp {
                display: inline-block;
                position: absolute;
                width: 40px;
                height: 338px;
                background-color: #e8e8e8;
                text-align: center;
                .icon {
                    margin-top: 10px;
                }
            }
            .ant-modal {
                width: 300px;
                top: 400px;
                left: calc(13vw + 500px);
                position: absolute;
            }
        }
        .ant-dropdown-menu-item {
            clear: both;
            margin: 0;
            padding: 5px 12px;
            color: #272727;
            font-weight: 400;
            font-size: 14px;
            line-height: 22px;
            white-space: nowrap;
            cursor: pointer;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
        }
        .ant-dropdown-menu-item:hover {
            background-color: #E6F7FF;
        }
		.config-wrap {
            padding: 0px 20px 10px 16px;
            .ant-row{
	          margin-bottom: 5px;
	        }
	        .ant-form-item-label{
			    text-align: left;
            }
            .ant-form-item-body{
                margin-top: 8px;
            }
            .labelText-behind-dark {
                color: #8f8f8f;
            }
		    .operation {
                margin-top: -5px;
            }
            .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
                padding: 6px 10px 6px 14px; 
            }
            .ant-collapse-content > .ant-collapse-content-box {
                padding: 16px 14px 10px 20px;
            }
            .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
                right: 10px;
            }
            .ant-collapse {
                margin-top: 8px;
                margin-bottom: 10px;
            }
            .advanceSetting {
                .ant-collapse-content-box {
                    padding: 16px 14px 0px 32px;
                }
            }
            ._EventHandler_ {
                .LabelInput-behind-dark {
                    padding-left:10px;
                }
            }
        }
	}
    .fn-marr10 {
        margin-right: 10px;
    }
    .ant-modal .ant-modal-content {
        .ant-modal-header {
            padding: 14px 10px 14px 16px;
        }
        .ant-modal-close-x {
            width: 35px;
            height: 35px;
            line-height: 35px;
        }
        .ant-modal-footer {
            padding: 10px;
        }
        .ant-modal-body {
            padding: 25px;
            .ant-form {
                margin-top: -5px;
                margin-bottom: -5px;
                .ant-form-item-label {
                    text-align: left;
                }
            }
            .ant-form > .ant-col {
                margin-bottom: 4px;
                &:last-child {
                    margin-bottom: 0px;
                }
            }
            .ant-slider {
                margin: 14px 0px 10px;
            }
        }
        .ant-row {
            margin-bottom: 0px;
        }
    }
    .icon-left {
        float: left;
        margin-top: 14px;
        font-size: 12px;
    }
    .slider-middle {
        float: left;
        width: 95%;
        margin-left: 6px;
    }
    .icon-right {
        float: left;
        margin-top: 14px;
        margin-left: 10px;
        font-size: 12px;
    }
    //调整图标颜色
    i {
        cursor: pointer;
        &:hover {
            color: @export-color;
        }
    }
    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}
._FacePageConfigDupRemSetMod_ {
    .ant-row {
        margin-bottom: 5px;
    }
    .ant-form-item-label {
        text-align: left;
    }
    .icon-left {
        float: left;
        margin-top: 14px;
        font-size: 12px;
    }
    .icon-right {
        float: left;
        margin-top: 14px;
        margin-left: 8px;
        font-size: 12px;
    }
}


._PtzNumberStat_ {
    padding-left: 16px;
    position: relative;
    .ant-popover-inner-content{
        width: 250px;
    }
    .ant-form-item-label {
        display: inline-block;
        overflow: hidden;
        line-height: 39.9999px;
        white-space: nowrap;
        text-align: left;
        vertical-align: middle;
    }
    .ant-table-thead{
        border-top: none;
    }
    .ant-table-placeholder{
        border-bottom: none;
    }
    .ant-table-header-column{
        font-weight: bold;
    }
    .ant-table-title {
    padding: 5px 0;
    } 
    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        padding: 4px 11px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        padding: 4px 11px;
    }
    .Content {
        padding: 30px 16px 10px 16px;
        .ant-row {
            margin-bottom: 10px;
            .ant-row {
                margin-bottom: 6px;
            }
        }
        //调整图标颜色
        i {
            cursor: pointer;
            &:hover {
                color: @export-color;
            }
        }
    }
    ._PtzNumberStatPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 40px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
        }
    }
    .config-wrap {
        padding: 0px 20px 10px 16px;
        .param-wrap {
            .labelSlider-component {
                margin-bottom: 0px;
            }
        }
        ._ScheduleDialog_ {
            margin-top: 22px;
        }
    }
    .ant-divider-horizontal {
        margin: 4px 0 15px 0;
    }
    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}

._IvsObjectDetectConfigRuleConfig_ {
    width: 100%;
    .ant-form-item-label {
        display: inline-block;
        overflow: hidden;
        line-height: 39.9999px;
        white-space: nowrap;
        text-align: left;
        vertical-align: middle;
    }
    .selectedRow {
        background-color: #E6F7FF;
    }
    .ant-row {
        margin-bottom: 10px;
    }
    .config-wrap {
        padding: 0px 20px 10px 16px;
        .ant-divider-horizontal {
            margin: 8px 0 18px 0;
        }
    }
    ._ObjectDetectPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;
        position: relative;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 40px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
        }
        .ant-modal {
            width: 300px;
            top: 200px;
            left: calc(13vw + 500px);
            position: absolute;
        }
    }
    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}


._AnimalDetect_ {
    color: @font-color;
    background: @baseColor;
    padding-left: 16px;
    .labelSelect-label-dark, .LabelInput-label-dark, .labelText-label-dark, .LabelSwitch-label-dark {
        color: @font-color;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .content {
        .selectedRow {
            background-color: #E6F7FF;
        }
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
}


._AnimalDetectRuleConfig_ {
    width: 100%;
    .topContent {
        padding: 20px 16px 10px;
        .ant-row {
            margin-bottom: 0px;
        }
    }
    .content {
        padding: 30px 16px 10px;
    }
    .config-wrap {
        display: inline-block;
        padding: 0px 20px 10px 16px;
        width: 100%;
        .LabelInput-behind-dark {
            margin-left: 5px;
        }
        .labelSlider-component {
            margin-bottom: 28px;
            .icon-left {
                margin-top: 10px;
            }
            .icon-right {
                margin-top: 10px;
                margin-left: 4px;
            }
            .ant-slider {
                margin: 10px 6px 10px;
                padding: 3px 0;
            }
        }
    }
    .ant-row {
        margin-bottom: 5px;
        .marb-16 {
            margin-bottom: 16px;
        }
    }
    .ant-divider-horizontal {
        margin: 12px 0px;
    }
    .LabelRadio-body {
        line-height: 40px;
    }
    // .ant-form-item {
    //     padding: 0 15px;
    // }
    .ant-form-item-label {
        display: inline-block;
        overflow: hidden;
        line-height: 32px;
        white-space: nowrap;
        text-align: left;
        vertical-align: middle;
    }
    .LabelSwitch-label-Col {
        line-height: 32px;
    }
    ._AnimalDetectPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;
        position: relative;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 40px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
        }
        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }
        ._LockTimer_ {
            position: absolute;
            bottom: 10px;
            margin-left: 15px;
            .ant-tooltip {
                z-index: 99;
            }
        }
    }
}

@label-dark-Color: #272727;
.LabelRadio-label-light{
    line-height: 32px;
    color: @label-light-Color;
}

.LabelRadio-label-dark{
    line-height: 32px;
    color: @label-dark-Color;
}
.LabelRadio-label-Col{
    text-align: right;
    padding-right:10px; 
}
.LabelRadio-body{
    line-height: 32px;
}
.LabelRadio-behind-dark{
    line-height: 32px;
    color: @label-dark-Color;
    padding: 5px;
}
.LabelRadio-behind-light{
    line-height: 32px;
    color: @label-light-Color;
    padding: 5px;
}

._IVSCarDetection_ {
    padding: 16px;
    ._TrafficOsd_{
        padding-left: 16px;
    }
    ._TrafficRedList_ .ant-table {
        height: calc(100vh - 500px)
    }
    ._TrafficBlackList_ .ant-table {
        height: calc(100vh - 400px)
    }
    ._TrafficList_{
        .ant-table-body {
            height: auto !important;
        }
        .ant-table{
            overflow: auto;
            border-radius: 2px;
            border-bottom: 1px solid @border-color;
        }
        //表格无数据时居中
        .ant-table-placeholder{
            border-bottom: none;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }
    }
    ._RuleConfig_{
        padding: 16px;
        .topItem {
           padding-bottom: 10px;
           border-bottom: 1px solid @border-color;
        }
        .contentItem {
            padding: 30px 0 10px;
            .RowItem {
                margin-top: 15px;
            }
            .ant-table-wrapper {
                border: 1px solid @border-color;
                min-height: 190px;
                max-height: 292px;
                overflow-y: auto;
                margin-bottom: 26px;
            }
            i {
                cursor: pointer;
                &:hover {
                    color: @export-color;
                }
            }
            .editable-cell-value-wrap {
                display: inline-block;
                cursor: pointer;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-wrap: normal;
                border: 1px solid rgba(255, 255, 255, 0);
                position: relative;
                top: 2px;
            }
            .selectedRow {
                background-color: @tab-active-color;
                &:hover .editable-cell-value-wrap {
                    border: 1px solid #d9d9d9;
                    border-radius: 4px;
                }
            }
            .editRow:hover {
                background-color: @tab-active-color;
                & .editable-cell-value-wrap {
                    border: 1px solid #d9d9d9;
                    border-radius: 4px;
                }
            }
            .m-text-ellipsis {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                display: inline-block;
            }
            // 插件
            ._RulePlugin_ {
                width: 470px;
                height: 338px;
                display: inline-block;
                position: relative;
                .video-wrap {
                    width: 430px;
                    height: 338px;
                    display: inline-block;
                    background-color: black;
                }
                .aitoolsbar-warp {
                    display: inline-block;
                    position: absolute;
                    width: 40px;
                    height: 338px;
                    background-color: #e8e8e8;
                    text-align: center;
                    .icon {
                        margin-top: 10px;
                    }
                }
                .ant-modal {
                    width: 300px;
                    top: 400px;
                    left: calc(13vw + 500px);
                    position: absolute;
                }
            }
            // 表单
            ._RuleForm_ {
                padding-top: 16px;
                .ant-checkbox-group {
                    white-space: nowrap;
                }
                .ant-checkbox-wrapper {
                    max-width: 120px;
                    .m-text-ellipsis
                }
                .ant-divider-horizontal {
                    margin: 15px 0 10px 0 !important;
                }
            }
            .formButton {
                padding-bottom: 30px;
                & button:nth-child(n+2) {
                  margin-left: 10px;
                }
              }
        }
    }
}

._ClassRoomAnalysis_ {
    padding-left: 16px;
    ._RuleConfig_ {
        width: 100%;
        .topContent {
            padding: 20px 16px 10px;
            .ant-row {
                margin-bottom: 0px;
            }
        }
        .content {
            padding: 30px 16px 10px;
        }
        .ant-form-item-label {
            display: inline-block;
            overflow: hidden;
            line-height: 39.9999px;
            white-space: nowrap;
            text-align: left;
            vertical-align: middle;
        }
        .selectedRow {
            background-color: #E6F7FF;
        }
        .editable-cell-value-wrap {
            display: inline-block;
            cursor: pointer;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
            border: 1px solid rgba(255, 255, 255, 0);
            position: relative;
            top: 2px;
        }
        .selectedRow:hover .editable-cell-value-wrap {
            border: 1px solid #d9d9d9;
            border-radius: 4px;
        }
        .editable-row:hover .editable-cell-value-wrap {
            border: 1px solid #d9d9d9;
            border-radius: 4px;
        }
        .ant-row {
            margin-bottom: 10px;
        }
        .ant-divider-horizontal {
            margin: 4px 0px -3px 0px;
        }
        .ant-empty-normal {
            margin: 25px 0px 0px 0px;
        }
        .ant-table-placeholder {
            border-bottom: none;
        }
        .ant-dropdown-menu-item {
            clear: both;
            margin: 0;
            padding: 5px 12px;
            color: #272727;
            font-weight: 400;
            font-size: 14px;
            line-height: 22px;
            white-space: nowrap;
            cursor: pointer;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
        }
        .ant-dropdown-menu-item:hover {
            background-color: #E6F7FF;
        }
        .LabelInput-behind-dark {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
        }
        .config-wrap {
            display: inline-block;
            padding: 0px 20px 10px 16px;
            width: 100%;
            .LabelInput-behind-dark {
                margin-left: 5px;
            }
        }
    }
    ._RuleConfigPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;
        position: relative;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 40px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
        }
        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }
    }
    .image-tip {
        background-color: #E6F7FF;
        border: 1px solid #C8EAFF;
        height: 37px;
        padding-left: 10px;
        padding-top: 7px;
        margin: -5px -17px 10px -7px;
        border-radius: 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}
.ant-tooltip {
    max-width: 300px;
}

._CompleteConfigure_ {
    .topContent {
        padding: 20px 16px 10px;
    }
    .Content {
        padding: 16px;
        .ant-row {
            margin-bottom: 10px;
            .ant-row {
                margin-bottom: 6px;
            }
        }
        .ant-form-item-label {
            display: inline-block;
            overflow: hidden;
            line-height: 39.9999px;
            white-space: nowrap;
            text-align: left;
            vertical-align: middle;
        }
    }
    .div-divider {
        margin: 4px 0px 18px 0px;
    }
    ._CompleteConfigurePlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 40px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
        }
        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }
    }
    .config-wrap {
        padding: 0px 20px 10px 16px;
        margin-top: 5px;
        .labelSelect-behind-dark {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
        }
        .advanceSetting {
            .ant-collapse-content-box {
                padding: 16px 14px 0px 32px;
            }
        }
    }
    //调整图标颜色
    i {
        cursor: pointer;
        &:not(.disabled):hover {
            color: @export-color;
        }
    }
    .icon-left {
        float: left;
        margin-top: 14px;
        font-size: 12px;
    }
    .icon-right {
        float: left;
        margin-top: 14px;
        margin-left: 10px;
        font-size: 12px;
    }
    .span-right {
        margin-left: 10px;
    }
    .image-tip {
        background-color: #E6F7FF;
        border: 1px solid #C8EAFF;
        height: 37px;
        padding-left: 10px;
        padding-top: 7px;
        margin: -5px -17px 10px -7px;
        border-radius: 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}


._IVSConfig_ {
    padding-left: 16px;
    .ant-tabs-top-bar {
        margin-left: 0px;
    }
}

._RuleConfig_ {
    position: relative;
      .ant-table-placeholder{
        border-bottom: none;
      }
      .ant-table-header-column{
        font-weight: bold;
      }
    .ant-table-thead{
        border-top: none;
    }
    .ant-table-title {
    padding: 5px 0;
    }
    .ant-divider-horizontal {
        margin: 5px 0 22px 0;
    }
    .ant-empty-normal {
        margin: 25px 0px 0px 0px;
    }
    .ant-dropdown-menu-item {
        clear: both;
        margin: 0;
        padding: 5px 12px;
        color: #272727;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .ant-dropdown-menu-item:hover {
        background-color: #E6F7FF;
    }
    .selectedRow {
        background-color: #E6F7FF;
    }
    .trackRow{
        span{
            font-size:12px;
            color:#000000;
            opacity:45%;
        }
        :nth-child(2).ant-row{
            margin-top:-11px;
        }
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .topContent {
        padding: 20px 16px 10px;
    }
    .Content {
        padding: 30px 16px 10px;
        .ant-row {
            margin-bottom: 11px;
        }
        ._EventHandler_ .ant-row {
            margin-bottom: 0;
        }
        //调整图标颜色
        i {
            cursor: pointer;
            &:hover {
                color: @export-color;
            }
        }
    }
    .config-wrap {
        display: inline-block;
        padding: 0px 20px 10px 16px;
        width: 100%;
        .LabelInput-behind-dark {
            margin-left: 5px;
        }
    }
    ._IvsRuleConfigPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
        }
        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }
        ._LockTimer_ {
            position: absolute;
            bottom: 10px;
            margin-left: 15px;
            .ant-tooltip {
                z-index: 99;
            }
        }
    }
    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
    .LabelInput-label-overflow {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    } 
}


._IVSElecPoliceConfig_ {
    padding-left: 16px;
}



._VehicleLaneConfiguration_ {
    position: relative;

    .topContent {
        padding: 20px 16px 10px;
    }
    
    .Content {
        padding: 30px 16px 10px;

        .ant-row {
            margin-bottom: 11px;
        }

        //调整图标颜色
        i {
            cursor: pointer;

            &:not(.disabled):hover {
                color: @export-color;
            }
        }

        .operation {
            .ant-btn-group .ant-btn {
                padding: 0px;
                float: left;
            }

            .buttonGroup-preButton {
                min-width: 100px;
                width: 100px;
                line-height: 32px;
                padding-right: 5px;
            }

            .buttonGroup-preButton-long {
                min-width: 150px;
                width: 150px;
                line-height: 32px;
                padding-right: 5px;
            }

            .buttonGroup-afterButton {
                min-width: 40px;
                width: 40px;
            }
        }
        .config-wrap {
            display: inline-block;
            padding: 0px 20px 10px 16px;
            width: 100%;
    
            .tabs-wrap {
                border: 1px solid @border-color;
                .title {
                    padding: 6px 14px;
                    font-weight: bold;
                    border-bottom: 1px solid @border-color;
                }
            }

            .left-panel {
                border-right: 1px solid #e8e8e8;
                background: @baseColor;
                width: 100px;
                height: 100%;
                padding: 10px 0px;
    
                .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
                    background-color: #ECF4FF;
                }
                .sub-tab {
                    padding: 0px;
                    cursor: pointer;
                }
            }

            .right-panel {
                height: 100%;
                padding: 16px;
    
                .main-content {
                    background: @baseColor;
                }
            }

            .advanceSetting {
                .ant-collapse-content-box {
                    padding: 16px 14px 0px 32px;
                }
            }
        }
    }

    ._VehicleLaneConfigurationPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;

        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }

        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;

            .ptz-icon {
                margin-top: 300px;
            }
        }

        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }
    }

    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }

    .fn-width25 {
        width: 25px;
    }

    .fn-width55 {
        width: 55px;
    }

    .fn-width70 {
        width: 70px;
    }

    .fn-width120 {
        width: 120px;
    }

    .fn-wid470 {
        width: 470px;
    }

    .fn-marl5 {
        margin-left: 5px;
    }

    .fn-marr10 {
        margin-right: 10px;
    }

    .fn-right {
        float: right;
    }

    .fn-mart10 {
        margin-top: 10px;
    }

    .label-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        display: inline-block;
    }
}


._VehicleRuleConfiguration_ {
    position: relative;

    .topContent {
        padding: 20px 16px 10px;
    }

    .Content {
        padding: 30px 16px 10px;

        .ant-row {
            margin-bottom: 11px;
        }

        //调整图标颜色
        i {
            cursor: pointer;

            &:hover {
                color: @export-color;
            }
        }

        .rule-table {
            max-height: 292px;
            overflow-y: auto;
            margin-top: 16px;
            margin-bottom: 26px;
            border: 1px solid #e8e8e8;
            border-bottom: 0px;
            border-top: 0px;
        }

        .config-wrap {
            display: inline-block;
            padding: 0px 20px 10px 16px;
            width: 100%;
        }

        .operation {
            margin-left: 16px;
        }
    }

    ._VehicleRuleConfigurationPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;

        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }

        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;

            .icon {
                margin-top: 10px;
            }
        }
    }

    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }

    .fn-lineHei32 {
        line-height: 32px;
    }

    .fn-marr10 {
        margin-right: 10px;
    }
}


._ForeignDetectConfig_ {
  padding-left: 16px;
}


._ForeignDetectRuleConfig_ {
    position: relative;

    .topContent {
        padding: 20px 16px 10px;
    }
    
    .Content {
        padding: 30px 16px 10px;

        .ant-row {
            margin-bottom: 11px;
        }

        //调整图标颜色
        i {
            cursor: pointer;

            &:not(.disabled):hover {
                color: @export-color;
            }
        }

        .operation {
            .label-behind-dark {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-wrap: normal;
                display: inline-block;
            }
        
            .ant-btn-group .ant-btn {
                padding: 0px;
                float: left;
            }

            .buttonGroup-preButton {
                min-width: 100px;
                width: 100px;
                line-height: 32px;
                padding-right: 5px;
            }

            .buttonGroup-afterButton {
                min-width: 40px;
                width: 40px;
            }
        }
        .config-wrap {
            display: inline-block;
            padding: 0px 20px 10px 16px;
            width: 100%;
    
            .tabs-wrap {
                border: 1px solid @border-color;
                border-bottom: 0px;
                .title {
                    padding: 6px 14px;
                    font-weight: bold;
                    margin-bottom: 0px;
                }
            }
            .labelSlider-component .labelSlider-label-dark {
                color: rgba(0, 0, 0, 0.85);
            }
        }
    }

    ._ForeignDetectRuleConfigPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;

        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }

        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;

            .icon {
                margin-top: 10px;
            }
        }
        .ant-modal {
            width: 300px;
            top: 300px;
            left: calc(13vw + 500px);
            position: absolute;
        }
    }

    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }

    .fn-width70 {
        width: 70px;
    }

    .fn-marl5 {
        margin-left: 5px;
    }

    .fn-wid470 {
        width: 470px;
    }

    .fn-marr10 {
        margin-right: 10px;
    }
}


._FileParamConfig_ {
    position: relative;

    .topContent {
        padding: 20px 16px 10px;
    }
    
    .Content {
        padding: 30px 16px 10px;

        .ant-row {
            margin-bottom: 11px;
        }

        //调整图标颜色
        i {
            cursor: pointer;

            &:not(.disabled):hover {
                color: @export-color;
            }
        }

        .operation {
            .label-behind-dark {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-wrap: normal;
                display: inline-block;
            }
        
            .ant-btn-group .ant-btn {
                padding: 0px;
                float: left;
            }
        }
        .ant-upload-list-item-info {
            width: 100%;
            height: 100%;
        }
        .upload {
            display: inline-block;
        }
        .ant-upload-list {
            display: inline-block;
        }
        .ant-upload-list-item-info::before {
            left: 0px;
        }
    }

    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }

    .fn-width70 {
        width: 70px;
    }

    .fn-marl5 {
        margin-left: 5px;
    }

    .fn-wid470 {
        width: 470px;
    }

    .fn-marr10 {
        margin-right: 10px;
    }
}


._IVSIntelliCityMgrConfig_ {
  padding-left: 16px;
}
._ViolationCodeConfig_ {
  .topContent {
    padding: 20px 16px 10px;
  }
  .Content {
    padding: 30px 16px 10px;
  }
}


._IntelliCityMgrRegionalConfiguration_ {
    position: relative;

    .topContent {
        padding: 20px 16px 10px;
    }
    
    .Content {
        padding: 30px 16px 10px;

        .ant-row {
            margin-bottom: 11px;
        }

        //调整图标颜色
        i {
            cursor: pointer;

            &:not(.disabled):hover {
                color: @export-color;
            }
        }

        .operation {
            .label-behind-dark {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-wrap: normal;
                display: inline-block;
            }
        
            .ant-btn-group .ant-btn {
                padding: 0px;
                float: left;
            }

            .buttonGroup-preButton {
                min-width: 100px;
                width: 100px;
                line-height: 32px;
                padding-right: 5px;
            }

            .buttonGroup-afterButton {
                min-width: 40px;
                width: 40px;
            }
        }
        .config-wrap {
            display: inline-block;
            padding: 0px 20px 10px 16px;
            width: 100%;
    
            .tabs-wrap {
                border: 1px solid @border-color;
                border-bottom: 0px;
                .title {
                    padding: 6px 14px;
                    font-weight: bold;
                    margin-bottom: 0px;
                }
            }
        }
    }

    ._IntelliCityMgrRegionalConfigurationPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;

        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }

        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;

            .icon {
                margin-top: 10px;
            }
        }

        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }
    }

    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }

    .fn-width70 {
        width: 70px;
    }

    .fn-marl5 {
        margin-left: 5px;
    }

    .fn-wid470 {
        width: 470px;
    }

    .fn-marr10 {
        margin-right: 10px;
    }

    .fn-right {
        float: right;
    }
}


._IntelliCityMgrRuleConfiguration_ {
    position: relative;

    .topContent {
        padding: 20px 16px 10px;
    }

    .Content {
        padding: 30px 16px 10px;

        .ant-row {
            margin-bottom: 11px;
        }

        //调整图标颜色
        i {
            cursor: pointer;

            &:hover {
                color: @export-color;
            }
        }

        .rule-table {
            max-height: 292px;
            overflow-y: auto;
            margin-top: 16px;
            margin-bottom: 26px;
            border: 1px solid #e8e8e8;
            border-bottom: 0px;
            border-top: 0px;
        }

        .config-wrap {
            display: inline-block;
            padding: 0px 20px 10px 16px;
            width: 100%;
        }

        .operation {
            margin-left: 16px;
        }

        .image-originalPic {
            transform: scale(0.1);
            transform-origin: 0 0;
            width: auto;
            height: auto;
            // width: 250px;
            // height: 150px;
            border: solid 1px #bad2e8;
            background-repeat: no-repeat;
            background-position: 50% 30%;
            background-size: cover;
            zoom: 1;
            margin-top: 16px;
            line-height: 100px;
        }
    }

    ._IntelliCityMgrRuleConfigurationPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;

        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }

        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;

            .icon {
                margin-top: 10px;
            }
        }
    }

    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }

    .fn-lineHei32 {
        line-height: 32px;
    }
}


._IVSInvigilatingConfig_ {
    margin-top: 16px;
    padding-left: 16px;
    .selectedRow {
        background-color: #E6F7FF;
    }
    .addRule {
        display: inline-block;
        width: 100px;
    }
    .config-wrap {
        padding: 30px 0px 10px 16px;
        .ant-divider-horizontal {
            margin: 8px 0 18px 0;
        }
        .formItem{
            margin-bottom: 15px;
            ._ScheduleDialog_{
                .ant-col-6{
                    padding-left: 15px;
                }
            }
            .LabelSwitch-label-Col,
            .labelSelect-label-Col{
                padding-left: 15px;
            }
        }
    }
    .handleBar {
        // 按钮
        padding: 30px 0px 10px 16px; 
    }
    ._IVSInvigilatingPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;
        position: relative;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 40px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
        }
        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }
    }
}


._IVSMode_ {
    background: @baseColor;
    padding: 16px;
    .content {
        .modeField {
            border: 1px solid @border-color;
            padding: 40px 32px;
        }
        .addPlanBtn {
            margin: 16px 0;
        }
        .ant-table-header {
        }
        .ant-table-body {
            max-height: 248px;
            overflow-y: auto;
        }
        .selectedRow {
            background-color: #E6F7FF;
        }
        .editable-cell-value-wrap {
            display: inline-block;
            cursor: pointer;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
            border: 1px solid rgba(255, 255, 255, 0);
            position: relative;
            top: 2px;
        }
        .selectedRow:hover .editable-cell-value-wrap {
            border: 1px solid #d9d9d9;
            border-radius: 4px;
        }
        .editable-row:hover .editable-cell-value-wrap {
            border: 1px solid #d9d9d9;
            border-radius: 4px;
        }
        .table-column-details {
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 160px;
            height: 16px;
            line-height: 16px;
        }
        .fn-marr10 {
            margin-right: 10px;
        }
        .fn-hide {
            display: none;
        }
        .fn-show {
            display: '';
        }
    }
    .ant-modal {
        .ant-modal-body {
            .ant-form-item {
                margin-bottom: 16px;
            }
            .form-item-special {
                float: left;
            }
        }
    }
}


._IVSModePre_ {
    background: @baseColor;
    padding: 16px;
    .content {
        .modeField {
            border: 1px solid @border-color;
            padding: 40px 32px;
        }
        .MenuView_item{
            padding: 45px 20px 0px 20px;
        }
        .icon_preIvs {
            display: inline-block;
            width: 85px;
            height: 85px;
            box-sizing: border-box;
            background: url('/static/media/icon_pre_ivs.8a3d8ad6.png');
            background-repeat: no-repeat;
        }
        .icon_normal_ivs {
            background-position: 0px 0px;
        }
        .icon_bytime_ivs {
            background-position: -80px 0px;
        }
        .label {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
        }
        .text-center {
            text-align: center;
        }
        .fn-marl60 {
            margin-left: 60px;
        }
        .fn-marr10 {
            margin-right: 10px;
        }
        .fn-hide {
            display: none;
        }
        .fn-show {
            display: '';
        }
    }
}

._ObjectConfig_ {
    padding-left: 16px;
    ._IvsObjectDetectConfigRuleConfig_ {
        width: 100%;
        .topContent {
            padding: 20px 16px 10px;
            .ant-row {
                margin-bottom: 0px;
            }
        }
        .content {
            padding: 30px 16px 10px;
        }
        .ant-form-item-label {
            display: inline-block;
            overflow: hidden;
            line-height: 39.9999px;
            white-space: nowrap;
            text-align: left;
            vertical-align: middle;
        }
        .selectedRow {
            background-color: #E6F7FF;
        }
        .editable-cell-value-wrap {
            display: inline-block;
            cursor: pointer;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
            border: 1px solid rgba(255, 255, 255, 0);
            position: relative;
            top: 2px;
        }
        .selectedRow:hover .editable-cell-value-wrap {
            border: 1px solid #d9d9d9;
            border-radius: 4px;
        }
        .editable-row:hover .editable-cell-value-wrap {
            border: 1px solid #d9d9d9;
            border-radius: 4px;
        }
        .ant-row {
            margin-bottom: 10px;
        }
        .ant-divider-horizontal {
            margin: 4px 0px -3px 0px;
        }
        .ant-empty-normal {
            margin: 25px 0px 0px 0px;
        }
        .ant-table-placeholder {
            border-bottom: none;
        }
        .ant-dropdown-menu-item {
            clear: both;
            margin: 0;
            padding: 5px 12px;
            color: #272727;
            font-weight: 400;
            font-size: 14px;
            line-height: 22px;
            white-space: nowrap;
            cursor: pointer;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
        }
        .ant-dropdown-menu-item:hover {
            background-color: #E6F7FF;
        }
        .config-wrap {
            padding: 0px 20px 10px 16px;
            .ant-divider-horizontal {
                margin: 20px 0px 25px 0px;
            }
            ._ScheduleDialog_ {
                margin-top: 22px;
            }
        }
        //调整图标颜色
        i {
            cursor: pointer;
            &:not(.disabled):hover {
                color: @export-color;
            }
        }
        ._ObjectDetectPlugin_ {
            width: 470px;
            height: 338px;
            display: inline-block;
            position: relative;
            .video-wrap {
                width: 430px;
                height: 338px;
                display: inline-block;
                background-color: black;
            }
            .aitoolsbar-warp {
                display: inline-block;
                position: absolute;
                width: 40px;
                height: 338px;
                background-color: #e8e8e8;
                text-align: center;
                .icon {
                    margin-top: 10px;
                }
            }
            .ant-modal {
                width: 300px;
                top: 400px;
                left: calc(13vw + 500px);
                position: absolute;
            }
        }
    }
    ._CompleteConfigure_ {
        .topContent {
            padding: 20px 16px 10px;
        }
        .Content {
            padding: 16px;
        }
        .ant-row {
            margin-bottom: 10px;
            .ant-row {
                margin-bottom: 6px;
            }
        }
        .ant-row-flex{
            margin-bottom: 10px;
        }
        .ant-form-item-label {
            display: inline-block;
            overflow: hidden;
            line-height: 39.9999px;
            white-space: nowrap;
            text-align: left;
            vertical-align: middle;
        }
        .config-wrap {
            padding: 0px 20px 10px 16px;
            margin-top: 5px;
            .labelSelect-behind-dark {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-wrap: normal;
            }
        }
        ._CompleteConfigurePlugin_ {
            width: 470px;
            height: 338px;
            display: inline-block;
            position: relative;
            .video-wrap {
                width: 430px;
                height: 338px;
                display: inline-block;
                background-color: black;
            }
            .aitoolsbar-warp {
                display: inline-block;
                position: absolute;
                width: 40px;
                height: 338px;
                background-color: #e8e8e8;
                text-align: center;
                .icon {
                    margin-top: 10px;
                }
            }
            .ant-modal {
                width: 300px;
                top: 400px;
                left: calc(13vw + 500px);
                position: absolute;
            }
        }
    }
    .icon-left {
        float: left;
        margin-top: 14px;
        font-size: 12px;
    }
    .icon-right {
        float: left;
        margin-top: 14px;
        margin-left: 10px;
        font-size: 12px;
    }
    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}
._ObjectConfigDupRemSetMod_ {
    .marT4 {
        margin-top: 4px;
    }
    .ant-row {
        margin-bottom: 5px;
    }
    .ant-form-item-label {
        text-align: left;
    }
    .icon-left {
        float: left;
        margin-top: 14px;
        font-size: 12px;
    }
    .icon-right {
        float: left;
        margin-top: 14px;
        margin-left: 8px;
        font-size: 12px;
    }
}
._IvsObjDetCfg_ComCfg_Pop_ {
    width: 300px;
    .ant-popover-content {
        .ant-popover-inner {
            background: @timebarBtnColor;
            .ant-popover-inner-content {
                text-align: center;
                .ant-popover-message {
                    text-align: left;
                    color: @white;
                }
                .ant-popover-buttons {
                    display: inline-block;
                }
            }
        }
        .ant-popover-arrow {
            border-right-color: @timebarBtnColor;
            border-bottom-color: @timebarBtnColor;
        }
    }
}


._IvsObjectDetectConfigPictureOverlay_ {
    display: block;
    position: relative;
    .video-wrap {
        width: 490px;
        display: inline-block;
        background-color: black;
    }
    .form-black {
        margin-top: 30px;
    }
    ._config-wrap_ {
        display: inline-block;
        padding: 0px 0px 0px 16px;
        .image-title {
            line-height: 1;
            background-color: #e8e8e8;
            border: 1px solid #e8e8e8;
            height: 34px;
            padding: 10px 10px 10px 14px;
            font-weight: bold;
        }
        .image-osd {
            border: 1px solid #e8e8e8;
            padding: 10px 32px 10px 32px;
            .image-tip {
                background-color: #E6F7FF;
                border: 1px solid #C8EAFF;
                padding-left: 10px;
                padding-top: 7px;
                margin: 0px -22px 4px -22px;
                border-radius: 4px;
            }
        }
        .picture-upload {
            border: 1px solid #e8e8e8;
            padding: 18px 32px 8px 32px;
        }
        .ant-divider-horizontal {
            margin: 20px 0 25px 0;
        }
    }
    ._SortableItems_ {
        display: inline-block;
        width: 490px;
        background-color: black;
        .traffic_OSD_move {
            width: 80px;
            height: 30px;
            border: 1px #fff dashed;
            text-align: center;
            line-height: 27px;
            background: #5D6E7E;
            color: #fff;
            cursor: move;
            overflow: hidden;
            margin-left: 10px;
            float: left;
            border-radius: 4px;
            margin-top: 10px;
        }
    }
}
._PictureOverlay_ {
    .ant-modal-close-x {
        width: 50px;
        height: 50px;
        line-height: 50px;
        padding-left: 18px;
    }
    .ant-modal-header {
        padding: 15px 16px;
    }
    .ant-modal-body {
        padding: 25px 60px;
    }
    .ant-modal-footer {
        padding: 10px;
        button + button {
            margin-left: 10px;
        }
    }
}

._ObjectMonitor_ {
    padding-left: 16px;
    ._IVSObjectMonitorRuleConfig_ {
        width: 100%;
        .topContent {
            padding: 20px 16px 10px;
            .ant-row {
                margin-bottom: 0px;
            }
        }
        .content {
            padding: 30px 16px 10px;
        }
        .ant-form-item-label {
            display: inline-block;
            overflow: hidden;
            line-height: 39.9999px;
            white-space: nowrap;
            text-align: left;
            vertical-align: middle;
        }
        .selectedRow {
            background-color: #E6F7FF;
        }
        .editable-cell-value-wrap {
            display: inline-block;
            cursor: pointer;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
            border: 1px solid rgba(255, 255, 255, 0);
            position: relative;
            top: 2px;
        }
        .selectedRow:hover .editable-cell-value-wrap {
            border: 1px solid #d9d9d9;
            border-radius: 4px;
        }
        .editable-row:hover .editable-cell-value-wrap {
            border: 1px solid #d9d9d9;
            border-radius: 4px;
        }
        .ant-row {
            margin-bottom: 10px;
        }
        .ant-divider-horizontal {
            margin: 4px 0px -3px 0px;
        }
        .ant-empty-normal {
            margin: 25px 0px 0px 0px;
        }
        .ant-table-placeholder {
            border-bottom: none;
        }
        .ant-dropdown-menu-item {
            clear: both;
            margin: 0;
            padding: 5px 12px;
            color: #272727;
            font-weight: 400;
            font-size: 14px;
            line-height: 22px;
            white-space: nowrap;
            cursor: pointer;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
        }
        .ant-dropdown-menu-item:hover {
            background-color: #E6F7FF;
        }
        .config-wrap {
            padding: 0px 20px 10px 16px;
            .ant-divider-horizontal {
                margin: 20px 0px 25px 0px;
            }
            ._ScheduleDialog_ {
                margin-top: 22px;
            }
        }
        //调整图标颜色
        i {
            cursor: pointer;
            &:not(.disabled):hover {
                color: @export-color;
            }
        }
        ._ObjectDetectPlugin_ {
            width: 470px;
            height: 338px;
            display: inline-block;
            position: relative;
            .video-wrap {
                width: 430px;
                height: 338px;
                display: inline-block;
                background-color: black;
            }
            .aitoolsbar-warp {
                display: inline-block;
                position: absolute;
                width: 40px;
                height: 338px;
                background-color: #e8e8e8;
                text-align: center;
                .icon {
                    margin-top: 10px;
                }
            }
            .ant-modal {
                width: 300px;
                top: 400px;
                left: calc(13vw + 500px);
                position: absolute;
            }
        }
    }
    ._CompleteConfigure_ {
        .topContent {
            padding: 20px 16px 10px;
        }
        .Content {
            padding: 16px;
        }
        .ant-row {
            margin-bottom: 10px;
            .ant-row {
                margin-bottom: 6px;
            }
        }
        .ant-form-item-label {
            display: inline-block;
            overflow: hidden;
            line-height: 39.9999px;
            white-space: nowrap;
            text-align: left;
            vertical-align: middle;
        }
        .config-wrap {
            padding: 0px 20px 10px 16px;
            margin-top: 5px;
            .labelSelect-behind-dark {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-wrap: normal;
            }
        }
        ._CompleteConfigurePlugin_ {
            width: 470px;
            height: 338px;
            display: inline-block;
            position: relative;
            .video-wrap {
                width: 430px;
                height: 338px;
                display: inline-block;
                background-color: black;
            }
            .aitoolsbar-warp {
                display: inline-block;
                position: absolute;
                width: 40px;
                height: 338px;
                background-color: #e8e8e8;
                text-align: center;
                .icon {
                    margin-top: 10px;
                }
            }
            .ant-modal {
                width: 300px;
                top: 400px;
                left: calc(13vw + 500px);
                position: absolute;
            }
        }
    }
    .icon-left {
        float: left;
        margin-top: 14px;
        font-size: 12px;
    }
    .icon-right {
        float: left;
        margin-top: 14px;
        margin-left: 10px;
        font-size: 12px;
    }
    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}


._OperateMonitorAreaConfig_ {
    position: relative;
    .ant-slider-handle {
        border:solid 2px @export-color
    }
    .ant-slider:hover .ant-slider-track {
        background-color:@export-color
    }
    .ant-table-placeholder{
        border-bottom: none;
    }
    .ant-table-header-column{
        font-weight: bold;
    }
    .ant-table-thead{
        border-top: none;
    }
    .ant-table-title {
    padding: 5px 0;
    }
    .text-box{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        display: block;
    }
    .ant-divider-horizontal {
        margin: 5px 0 22px 0;
    }
    .ant-empty-normal {
        margin-top: 70px;
    }
    .ant-dropdown-menu-item {
        clear: both;
        margin: 0;
        padding: 5px 12px;
        color: #272727;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .ant-dropdown-menu-item:hover {
        background-color: #E6F7FF;
    }
    .table-row-focus {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .table-row-focus:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .topContent {
        padding: 20px 16px 10px;
    }
    .Content {
        padding: 30px 16px 10px;
        .ant-row {
            margin-bottom: 11px;
        }
        //调整图标颜色
        i {
            cursor: pointer;
            &:hover {
                color: @export-color;
            }
        }
        .config-wrap {
            display: inline-block;
            padding: 0px 20px 10px 16px;
            width: 100%;
            .LabelInput-behind-dark {
                margin-left: 5px;
            }
            table .disabled {
                color: #e8e8e8;
                cursor: not-allowed;
            }
        }
    }
    .image-title {
        line-height: 1;
        background-color: #e8e8e8;
        border: 1px solid #e8e8e8;
        height: 34px;
        padding: 10px 10px 10px 14px;
        font-weight: bold;
    }
    ._OperateMonitorAreaPlugin_ {
        height: 438px;
        display: inline-block;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
        }
        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }
        ._LockTimer_ {
            position: absolute;
            bottom: 10px;
            margin-left: 15px;
        }
    }
    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}

._IVSOperateMonitor_ {
    padding-left: 16px;
    ._IvsOperateMonitorRuleConfig_ {
        width: 100%;
        .topContent {
            padding: 20px 16px 10px;
            .ant-row {
                margin-bottom: 0px;
            }
        }
        .content {
            padding: 30px 16px 10px;
        }
        .ant-form-item-label {
            display: inline-block;
            overflow: hidden;
            line-height: 39.9999px;
            white-space: nowrap;
            text-align: left;
            vertical-align: middle;
        }
        .selectedRow {
            background-color: #E6F7FF;
        }
        .editable-cell-value-wrap {
            display: inline-block;
            cursor: pointer;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
            border: 1px solid rgba(255, 255, 255, 0);
            position: relative;
            top: 2px;
        }
        .selectedRow:hover .editable-cell-value-wrap {
            border: 1px solid #d9d9d9;
            border-radius: 4px;
        }
        .editable-row:hover .editable-cell-value-wrap {
            border: 1px solid #d9d9d9;
            border-radius: 4px;
        }
        .ant-row {
            margin-bottom: 10px;
        }
        .ant-divider-horizontal {
            margin: 4px 0px -3px 0px;
        }
        .ant-empty-normal {
            margin: 25px 0px 0px 0px;
        }
        .ant-table-placeholder {
            border-bottom: none;
        }
        .ant-dropdown-menu-item {
            clear: both;
            margin: 0;
            padding: 5px 12px;
            color: #272727;
            font-weight: 400;
            font-size: 14px;
            line-height: 22px;
            white-space: nowrap;
            cursor: pointer;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
        }
        .ant-dropdown-menu-item:hover {
            background-color: #E6F7FF;
        }
        .config-wrap {
            padding: 0px 20px 10px 16px;
            .ant-divider-horizontal {
                margin: 20px 0px 25px 0px;
            }
            ._ScheduleDialog_ {
                margin-top: 22px;
            }
        }
        //调整图标颜色
        i {
            cursor: pointer;
            &:not(.disabled):hover {
                color: @export-color;
            }
        }
        ._OperateMonitorPlugin_ {
            width: 470px;
            height: 338px;
            display: inline-block;
            position: relative;
            .video-wrap {
                width: 430px;
                height: 338px;
                display: inline-block;
                background-color: black;
            }
            .aitoolsbar-warp {
                display: inline-block;
                position: absolute;
                width: 40px;
                height: 338px;
                background-color: #e8e8e8;
                text-align: center;
                .icon {
                    margin-top: 10px;
                }
            }
            .ant-modal {
                width: 300px;
                top: 400px;
                left: calc(13vw + 500px);
                position: absolute;
            }
        }
        ._ConfigForm_ {
            padding: 20px 16px 10px;
        }
    }
    ._CompleteConfigure_ {
        .topContent {
            padding: 20px 16px 10px;
        }
        .Content {
            padding: 16px;
        }
        .ant-row {
            margin-bottom: 10px;
            .ant-row {
                margin-bottom: 6px;
            }
        }
        .ant-form-item-label {
            display: inline-block;
            overflow: hidden;
            line-height: 39.9999px;
            white-space: nowrap;
            text-align: left;
            vertical-align: middle;
        }
        .config-wrap {
            padding: 0px 20px 10px 16px;
            margin-top: 5px;
            .labelSelect-behind-dark {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-wrap: normal;
            }
        }
        ._CompleteConfigurePlugin_ {
            width: 470px;
            height: 338px;
            display: inline-block;
            position: relative;
            .video-wrap {
                width: 430px;
                height: 338px;
                display: inline-block;
                background-color: black;
            }
            .aitoolsbar-warp {
                display: inline-block;
                position: absolute;
                width: 40px;
                height: 338px;
                background-color: #e8e8e8;
                text-align: center;
                .icon {
                    margin-top: 10px;
                }
            }
            .ant-modal {
                width: 300px;
                top: 400px;
                left: calc(13vw + 500px);
                position: absolute;
            }
        }
    }
    .icon-left {
        float: left;
        margin-top: 14px;
        font-size: 12px;
    }
    .icon-right {
        float: left;
        margin-top: 14px;
        margin-left: 10px;
        font-size: 12px;
    }
    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}
._ObjectConfigDupRemSetMod_ {
    .marT4 {
        margin-top: 4px;
    }
    .ant-row {
        margin-bottom: 5px;
    }
    .ant-form-item-label {
        text-align: left;
    }
    .icon-left {
        float: left;
        margin-top: 14px;
        font-size: 12px;
    }
    .icon-right {
        float: left;
        margin-top: 14px;
        margin-left: 8px;
        font-size: 12px;
    }
}



._OperateLibrary_ {
    background: @baseColor;
    margin: 16px;
    min-height: 860px;
    ._LibraryList_ {
        padding: 30px 0px 16px 30px;
        .ant-table-body {
            border-left: 1px solid #e8e8e8;
            border-right: 1px solid #e8e8e8;
        }
        .selectedRow {
            background-color: #E6F7FF;
        }
        .editable-cell-value-wrap {
            cursor: pointer;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
            margin: 0 auto;
        }
        .selectedRow:hover .editable-cell-value-wrap {
            border: 1px solid #d9d9d9;
            border-radius: 4px;
            padding: 4px 11px;
        }
        .editable-row:hover .editable-cell-value-wrap {
            border: 1px solid #d9d9d9;
            border-radius: 4px;
            padding: 4px 11px;
        }
    
    
        .ant-modal .ant-modal-content {
            .ant-modal-header {
                padding: 14px 10px 14px 16px;
            }
            .ant-modal-close-x {
                width: 50px;
                height: 50px;
                line-height: 50px;
                padding-left: 18px;
            }
            .ant-modal-footer {
                padding: 10px;
            }
            .ant-modal-body {
                padding: 25px 60px 25px 60px;
                .ant-form {
                    margin-top: -5px;
                    margin-bottom: -5px;
                    .ant-form-item-label {
                        text-align: left;
                    }
                    .LabelSwitch-swtich {
                        line-height: 40px;
                    }
                    ._ScheduleDialog_ {
                        .ant-row {
                            &:first-child {
                                div {
                                    &:first-child {
                                        line-height: 32px;
                                    }
                                }
                            }
                        }
                    }
                }
                .ant-form > .ant-col {
                    margin-bottom: 4px;
                    &:last-child {
                        margin-bottom: 0px;
                    }
                }
                .ant-slider {
                    margin: 13px 6px 10px;
                }
            }
            .ant-row {
                margin-bottom: 6px;
                &:last-child {
                    margin-bottom: 0px;
                }
            }
        }
        .icon-left {
            margin-left: 2px;
            float: left;
            margin-top: 14px;
            font-size: 12px;
        }
        .slider-middle {
            margin-left: 10px;
            float: left;
            width: 90%;
        }
        .icon-right {
            margin-left: 2px;
            float: left;
            margin-top: 14px;
            font-size: 12px;
        }
        .icon-tip {
            width: 20px;
            height: 20px;
            display: block;
            font-size:20px;
        }
        //调整图标颜色
        i {
            cursor: pointer;
            &:not(.disabled):hover {
                color: @export-color;
            }
            &.disabled {
                color: @disableColor;
                cursor: not-allowed;
            }
        }
        .ant-progress-status-success .ant-progress-text {
            color: rgba(0, 0, 0, 0.45);
        }
        .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
            padding: 6px 10px 6px 14px; 
        }
        .ant-collapse-content > .ant-collapse-content-box {
            padding: 16px 14px 10px 20px;
        }
        .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
            right: 10px;
        }
        .ant-collapse {
            margin-top: 8px;
            margin-bottom: 10px;
        }
        .ant-btn{
            margin-right: 10px;
        }
        ._ScheduleDialog_ .ant-form-item-label {
            line-height: 32px;
        }
    }
    ._LibraryDetail_ {
        padding: 30px 0px 16px 30px;
        .ant-btn{
            margin-right: 10px;
        }
        .result-list {
            width: 100%;
            .result-item {
                position: relative;
                margin-right: 16px;
                margin-top: 20px;
                float: left;
                width: calc(11.4vw - 18px);
                height: calc((11.4vw - 18px) * 1.5);
                .imgbox {
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                    box-sizing: border-box;
                    img {
                        width: 100%;
                        height: 100%;
                    }
                }
                .type {
                    font-size: @normalFont;
                    height: 21px;
                }
                .result-item-checkbox {
                    position: absolute;
                    left: 0;
                    top: 0;
                }
                .result-item-delete {
                    position: absolute;
                    right: 0;
                    top: 5px;
                }
                .ant-checkbox-wrapper + span {
                    padding-right: 0px;
                    padding-left: 0px;
                }
                .fn-green {
                    color: #B5E3A6;
                }
                .fn-red {
                    color: #F98A8E;
                }
            }
        }
    }
    
    .fn-blue {
        color: #56AEFF;
    }
}
._OperateImportDialog_{
    .ant-modal-body {
        padding: 24px 0 0;
    }
    .content {
        padding: 0 24px;
    }
    .ant-modal-footer {
        margin-top: 24px;
    }
    .ant-row {
        margin-bottom: 6px;
    }
    .ant-table-body {
        border-left: 1px solid #e8e8e8;
        border-right: 1px solid #e8e8e8;
    }
    .ant-btn{
        margin-right: 10px;
    }
}


._IvsOperateMonitorRuleConfig_ {
    position: relative;
      .ant-table-placeholder{
        border-bottom: none;
      }
      .ant-table-header-column{
        font-weight: bold;
      }
    .ant-table-thead{
        border-top: none;
    }
    .ant-table-title {
    padding: 5px 0;
    }
    .ant-divider-horizontal {
        margin: 5px 0 22px 0;
    }
    .ant-empty-normal {
        margin: 25px 0px 0px 0px;
    }
    .ant-dropdown-menu-item {
        clear: both;
        margin: 0;
        padding: 5px 12px;
        color: #272727;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .ant-dropdown-menu-item:hover {
        background-color: #E6F7FF;
    }
    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .topContent {
        padding: 20px 16px 10px;
    }
    .Content {
        padding: 30px 16px 10px;
        .ant-row {
            margin-bottom: 11px;
        }
        //调整图标颜色
        i {
            cursor: pointer;
            &:hover {
                color: @export-color;
            }
        }
    }
    .config-wrap {
        display: inline-block;
        padding: 0px 20px 10px 16px;
        width: 100%;
        .LabelInput-behind-dark {
            margin-left: 5px;
        }
    }
    ._OperateMonitorPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
        }
        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }
        ._LockTimer_ {
            position: absolute;
            bottom: 10px;
            margin-left: 15px;
        }
    }
    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
    .LabelInput-label-overflow {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    } 
    .modal-detail{
        .ant-modal-content{
            width: 800px;
        }
        .m-row-item, .LabelSwitch-swtich,.ant-radio-wrapper {
            height: 48px;
            line-height: 48px;
            .LabelInput-label-overflow;
        }
        .ant-radio-wrapper{
            width: 100px;
        }
    }
    .LabelInput-label-Col {
        text-align: left;
    }
    .WorkSuit {
        border: 1px solid #e8e8e8;
        .block-title {
            height: 40px;
            line-height: 40px;
            padding-left: 14px;
            background-color: #f6f6f6;
            text-align: left;
            font-family: auto;
            font-weight: bold;
        }
        .block-right {
            padding: 16px;
        }
        .OperateLibraryBtn {
            max-width: 100%;
            & > span {
                width: 100%;
                overflow: hidden;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-wrap: normal; 
            }
        }
        .color-checkbox {
            height: 35px;
            display: block;
            position: relative;
            min-height: 1px;
            padding-right: 0;
            padding-left: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-flex: 0 0 auto;
            -moz-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            float: left;
            .color-name {
                display: inline-block;
                position: relative;
                top: 5px;
                width: 45px;
                overflow: hidden;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-wrap: normal; 
            }
        }
    }
}


._IVSPlan_ {
    background: @baseColor;
    padding: 16px;
    .content {
        .planImageContainer {
            width: 800px;
            margin: 50px auto;
            .planImage {
                display: inline-block;
                width: 375px;
                border: 1px solid #F4F4F4;
                text-align: center;
                padding: 40px;
                &:hover {
                    box-shadow: 0 0 80px #F0F0F0;
                    cursor: pointer;
                    i {
                        color: @export-color;
                    }
                }
                &.activePlanImage {
                    box-shadow: 0 0 80px #F0F0F0;
                    i {
                        color: @export-color;
                        svg {
                            width: 116px;
                            height: 116px;
                        }
                    }
                }
                .ant-card-body {
                    padding: 30px 0 !important;
                }
            }
        }
        .fn-marr10 {
            margin-right: 10px;
        }
        .fn-marr30 {
            margin-right: 30px;
        }
        .fn-widp90 {
            width: 90%;
        }
    }
}


._IVSSDTrafficConfig_ {
  padding-left: 16px;
}


._SDTrafficAdvanceConfiguration_ {
    position: relative;

    .topContent {
        padding: 20px 16px 10px;
    }
    
    .Content {
        padding: 30px 16px 10px;

        .ant-row {
            margin-bottom: 11px;
        }

        //调整图标颜色
        i {
            cursor: pointer;

            &:not(.disabled):hover {
                color: @export-color;
            }
        }

        .operation {
            .label-behind-dark {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-wrap: normal;
                display: inline-block;
            }
        
            .ant-btn-group .ant-btn {
                padding: 0px;
                float: left;
            }

            .buttonGroup-preButton {
                min-width: 100px;
                width: 100px;
                line-height: 32px;
                padding-right: 5px;
            }

            .buttonGroup-afterButton {
                min-width: 40px;
                width: 40px;
            }
        }
        .config-wrap {
            display: inline-block;
            padding: 0px 20px 10px 16px;
            width: 100%;
    
            .tabs-wrap {
                border: 1px solid @border-color;
                border-bottom: 0px;
                .title {
                    padding: 6px 14px;
                    font-weight: bold;
                    margin-bottom: 0px;
                }
            }
        }
    }

    ._SDTrafficAdvanceConfigurationConfigPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;

        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }

        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;

            .ptz-icon {
                margin-top: 300px;
            }
        }

        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }
    }

    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }

    .fn-width70 {
        width: 70px;
    }

    .fn-marl5 {
        margin-left: 5px;
    }

    .fn-wid470 {
        width: 470px;
    }

    .fn-marr10 {
        margin-right: 10px;
    }

    .fn-right {
        float: right;
    }

    .fn-mart10 {
        margin-top: 10px;
    }
}



._SDTrafficVehicleLaneConfiguration_ {
    position: relative;

    .topContent {
        padding: 20px 16px 10px;
    }
    
    .Content {
        padding: 30px 16px 10px;

        .ant-row {
            margin-bottom: 11px;
        }

        //调整图标颜色
        i {
            cursor: pointer;

            &:not(.disabled):hover {
                color: @export-color;
            }
        }

        .label-behind-dark {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
            display: inline-block;
        }

        .title-wrap {
            line-height: 40px;
            padding-left: 15px;
            font-weight: bold;
            border: 1px solid @inputBorderColor;
            background-color: @panelBackgroundColor;
        }

        .draw-wrap {
            padding-left: 15px;
            border: 1px solid @inputBorderColor;
            border-top: 0;
            padding-top: 10px;
            padding-bottom: 5px;
            .ant-btn-group .ant-btn {
                padding: 0px;
                float: left;
            }

            .buttonGroup-preButton {
                min-width: 100px;
                width: 100px;
                line-height: 32px;
                padding-right: 5px;
            }

            .buttonGroup-afterButton {
                min-width: 40px;
                width: 40px;
            }
        }

        .operation {
            .ant-btn-group .ant-btn {
                padding: 0px;
                float: left;
            }

            .buttonGroup-preButton {
                min-width: 100px;
                width: 100px;
                line-height: 32px;
                padding-right: 5px;
            }

            .buttonGroup-afterButton {
                min-width: 40px;
                width: 40px;
            }
        }
        .config-wrap {
            display: inline-block;
            padding: 0px 20px 10px 16px;
            width: 100%;
    
            .tabs-wrap {
                border: 1px solid @border-color;
                border-bottom: 0px;
                .title {
                    padding: 6px 14px;
                    font-weight: bold;
                    margin-bottom: 0px;
                }
            }

            .left-panel {
                border-right: 1px solid #e8e8e8;
                background: @baseColor;
                width: 100px;
                height: 100%;
                padding: 10px 0px;
    
                .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
                    background-color: #ECF4FF;
                }
                .sub-tab {
                    padding: 0px;
                    cursor: pointer;
                }
            }

            .right-panel {
                height: 100%;
                padding: 16px;
    
                .main-content {
                    background: @baseColor;
                }
            }
        }
    }

    ._SDTrafficVehicleLaneConfigurationPlugin_,
    ._SDElecPoliceLaneConfigurationPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;

        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }

        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;

            .icon {
                margin-top: 10px;
            }

            .ptz-icon {
                margin-top: 300px;
            }
        }

        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }
    }

    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }

    .fn-width55 {
        width: 55px;
    }

    .fn-width70 {
        width: 70px;
    }

    .fn-marl5 {
        margin-left: 5px;
    }

    .fn-wid470 {
        width: 470px;
    }

    .fn-marr10 {
        margin-right: 10px;
    }

    .fn-right {
        float: right;
    }

    .fn-mart10 {
        margin-top: 10px;
    }
}


._SDTrafficVehicleRuleConfiguration_ {
    position: relative;

    .topContent {
        padding: 20px 16px 10px;
    }

    .Content {
        padding: 30px 16px 10px;

        .ant-row {
            margin-bottom: 11px;
        }

        //调整图标颜色
        i {
            cursor: pointer;

            &:hover {
                color: @export-color;
            }
        }

        .rule-table {
            max-height: 292px;
            overflow-y: auto;
            margin-top: 16px;
            margin-bottom: 26px;
            border: 1px solid #e8e8e8;
            border-bottom: 0px;
            border-top: 0px;
        }

        .config-wrap {
            display: inline-block;
            padding: 0px 20px 10px 16px;
            width: 100%;
        }

        .operation {
            margin-left: 16px;
        }
    }

    ._SDTrafficVehicleRuleConfigurationPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;

        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }

        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;

            .icon {
                margin-top: 10px;
            }
        }
    }

    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }

    .fn-lineHei32 {
        line-height: 32px;
    }

    .fn-marr10 {
        margin-right: 10px;
    }
}

._SmokeFireAreaConfig_ {
    position: relative;
    .ant-slider-handle {
        border:solid 2px @export-color
    }
    .ant-slider:hover .ant-slider-track {
        background-color:@export-color
    }
    .ant-table-placeholder{
        border-bottom: none;
    }
    .ant-table-header-column{
        font-weight: bold;
    }
    .ant-table-thead{
        border-top: none;
    }
    .ant-table-title {
    padding: 5px 0;
    }
    .text-box{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        display: block;
    }
    .ant-divider-horizontal {
        margin: 5px 0 22px 0;
    }
    .ant-empty-normal {
        margin-top: 70px;
    }
    .ant-dropdown-menu-item {
        clear: both;
        margin: 0;
        padding: 5px 12px;
        color: #272727;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .ant-dropdown-menu-item:hover {
        background-color: #E6F7FF;
    }
    .table-row-focus {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .table-row-focus:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .topContent {
        padding: 20px 16px 10px;
    }
    .Content {
        padding: 30px 16px 10px;
        .ant-row {
            margin-bottom: 11px;
        }
        //调整图标颜色
        i {
            cursor: pointer;
            &:hover {
                color: @export-color;
            }
        }
    }
    .config-wrap {
        display: inline-block;
        padding: 0px 20px 10px 16px;
        width: 100%;
        .LabelInput-behind-dark {
            margin-left: 5px;
        }
    }
    .image-title {
        line-height: 1;
        background-color: #e8e8e8;
        border: 1px solid #e8e8e8;
        height: 34px;
        padding: 10px 10px 10px 14px;
        font-weight: bold;
    }
    ._SmokeFireAreaPlugin_ {
        height: 438px;
        display: inline-block;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
        }
        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }
        ._LockTimer_ {
            position: absolute;
            bottom: 10px;
            margin-left: 15px;
        }
    }
    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}

._IVSOperateMonitor_ {
    padding-left: 16px;
    ._IvsOperateMonitorRuleConfig_ {
        width: 100%;
        .topContent {
            padding: 20px 16px 10px;
            .ant-row {
                margin-bottom: 0px;
            }
        }
        .content {
            padding: 30px 16px 10px;
        }
        .ant-form-item-label {
            display: inline-block;
            overflow: hidden;
            line-height: 39.9999px;
            white-space: nowrap;
            text-align: left;
            vertical-align: middle;
        }
        .selectedRow {
            background-color: #E6F7FF;
        }
        .editable-cell-value-wrap {
            display: inline-block;
            cursor: pointer;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
            border: 1px solid rgba(255, 255, 255, 0);
            position: relative;
            top: 2px;
        }
        .selectedRow:hover .editable-cell-value-wrap {
            border: 1px solid #d9d9d9;
            border-radius: 4px;
        }
        .editable-row:hover .editable-cell-value-wrap {
            border: 1px solid #d9d9d9;
            border-radius: 4px;
        }
        .ant-row {
            margin-bottom: 10px;
        }
        .ant-divider-horizontal {
            margin: 4px 0px -3px 0px;
        }
        .ant-empty-normal {
            margin: 25px 0px 0px 0px;
        }
        .ant-table-placeholder {
            border-bottom: none;
        }
        .ant-dropdown-menu-item {
            clear: both;
            margin: 0;
            padding: 5px 12px;
            color: #272727;
            font-weight: 400;
            font-size: 14px;
            line-height: 22px;
            white-space: nowrap;
            cursor: pointer;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
        }
        .ant-dropdown-menu-item:hover {
            background-color: #E6F7FF;
        }
        .config-wrap {
            padding: 0px 20px 10px 16px;
            .ant-divider-horizontal {
                margin: 20px 0px 25px 0px;
            }
            ._ScheduleDialog_ {
                margin-top: 22px;
            }
        }
        //调整图标颜色
        i {
            cursor: pointer;
            &:not(.disabled):hover {
                color: @export-color;
            }
        }
        ._OperateMonitorPlugin_ {
            width: 470px;
            height: 338px;
            display: inline-block;
            position: relative;
            .video-wrap {
                width: 430px;
                height: 338px;
                display: inline-block;
                background-color: black;
            }
            .aitoolsbar-warp {
                display: inline-block;
                position: absolute;
                width: 40px;
                height: 338px;
                background-color: #e8e8e8;
                text-align: center;
                .icon {
                    margin-top: 10px;
                }
            }
            .ant-modal {
                width: 300px;
                top: 400px;
                left: calc(13vw + 500px);
                position: absolute;
            }
        }
    }
    ._CompleteConfigure_ {
        .topContent {
            padding: 20px 16px 10px;
        }
        .Content {
            padding: 16px;
        }
        .ant-row {
            margin-bottom: 10px;
            .ant-row {
                margin-bottom: 6px;
            }
        }
        .ant-form-item-label {
            display: inline-block;
            overflow: hidden;
            line-height: 39.9999px;
            white-space: nowrap;
            text-align: left;
            vertical-align: middle;
        }
        .config-wrap {
            padding: 0px 20px 10px 16px;
            margin-top: 5px;
            .labelSelect-behind-dark {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-wrap: normal;
            }
        }
        ._CompleteConfigurePlugin_ {
            width: 470px;
            height: 338px;
            display: inline-block;
            position: relative;
            .video-wrap {
                width: 430px;
                height: 338px;
                display: inline-block;
                background-color: black;
            }
            .aitoolsbar-warp {
                display: inline-block;
                position: absolute;
                width: 40px;
                height: 338px;
                background-color: #e8e8e8;
                text-align: center;
                .icon {
                    margin-top: 10px;
                }
            }
            .ant-modal {
                width: 300px;
                top: 400px;
                left: calc(13vw + 500px);
                position: absolute;
            }
        }
    }
    .icon-left {
        float: left;
        margin-top: 14px;
        font-size: 12px;
    }
    .icon-right {
        float: left;
        margin-top: 14px;
        margin-left: 10px;
        font-size: 12px;
    }
    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}
._ObjectConfigDupRemSetMod_ {
    .marT4 {
        margin-top: 4px;
    }
    .ant-row {
        margin-bottom: 5px;
    }
    .ant-form-item-label {
        text-align: left;
    }
    .icon-left {
        float: left;
        margin-top: 14px;
        font-size: 12px;
    }
    .icon-right {
        float: left;
        margin-top: 14px;
        margin-left: 8px;
        font-size: 12px;
    }
}


._IvsSmokeFireRuleConfig_ {
    position: relative;
      .ant-table-placeholder{
        border-bottom: none;
      }
      .ant-table-header-column{
        font-weight: bold;
      }
    .ant-table-thead{
        border-top: none;
    }
    .ant-table-title {
    padding: 5px 0;
    }
    .ant-divider-horizontal {
        margin: 5px 0 22px 0;
    }
    .ant-empty-normal {
        margin: 25px 0px 0px 0px;
    }
    .ant-dropdown-menu-item {
        clear: both;
        margin: 0;
        padding: 5px 12px;
        color: #272727;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .ant-dropdown-menu-item:hover {
        background-color: #E6F7FF;
    }
    .ant-dropdown-menu-item-disabled {
        color: rgba(0, 0, 0, 0.25);
        cursor: not-allowed;
    }
    .ant-dropdown-menu-item-disabled:hover {
        background-color: rgb(255, 255, 255);
    }
    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .topContent {
        padding: 20px 16px 10px;
    }
    .Content {
        padding: 30px 16px 10px;
        .ant-row {
            margin-bottom: 11px;
        }
        .labelSlider-component {
            .labelSlider-label-Col {
                margin-left: 2%;
            }
            .ant-slider {
                margin: 13px 6px 10px;
            }
            .icon-left {
                margin-left: 0px;
            }
            .icon-right {
                margin-left: 3px;
            }
        }
        //调整图标颜色
        i {
            cursor: pointer;
            &:hover {
                color: @export-color;
            }
        }
    }
    .config-wrap {
        display: inline-block;
        padding: 0px 20px 10px 16px;
        width: 100%;
        .LabelInput-behind-dark {
            margin-left: 5px;
        }
        .ant-form-item-label {
            line-height: 32px;
        }
        .labelSlider-component {
            .labelSlider-label-Col {
                line-height: 40px;
                margin-left: 0px;
            }
        }
    }
    ._SmokeFirePlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
        }
        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }
    }
    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
    .LabelInput-label-overflow {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    } 
    .modal-detail{
        .ant-modal-content{
            width: 800px;
        }
        .m-row-item, .LabelSwitch-swtich,.ant-radio-wrapper {
            height: 48px;
            line-height: 48px;
            .LabelInput-label-overflow;
        }
        .ant-radio-wrapper{
            width: 100px;
        }
    }
}

._StereoBehavir_ {
    padding-left: 16px;
    ._StereoBehavirRuleConfig_,
    ._StereoBehavirCompleteConfig_,
    ._StereoCalibrate_ {
        .fn-marl16 {
            margin-left: 16px;
        }
        width: 100%;
        .topContent {
            padding: 20px 16px 10px;
            .ant-row {
                margin-bottom: 0px;
            }
        }
        .content {
            padding: 30px 16px 10px;
        }
        .ant-form-item-label {
            display: inline-block;
            overflow: hidden;
            line-height: 39.9999px;
            white-space: nowrap;
            text-align: left;
            vertical-align: middle;
        }
        .selectedRow {
            background-color: #E6F7FF;
        }
        .editable-cell-value-wrap {
            display: inline-block;
            cursor: pointer;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
            border: 1px solid rgba(255, 255, 255, 0);
            position: relative;
            top: 2px;
        }
        .selectedRow:hover .editable-cell-value-wrap {
            border: 1px solid #d9d9d9;
            border-radius: 4px;
        }
        .editable-row:hover .editable-cell-value-wrap {
            border: 1px solid #d9d9d9;
            border-radius: 4px;
        }
        .ant-row {
            margin-bottom: 10px;
        }
        .ant-divider-horizontal {
            margin: 4px 0px -3px 0px;
        }
        .ant-empty-normal {
            margin: 25px 0px 0px 0px;
        }
        .ant-table-placeholder {
            border-bottom: none;
        }
        .ant-dropdown-menu-item {
            clear: both;
            margin: 0;
            padding: 5px 12px;
            color: #272727;
            font-weight: 400;
            font-size: 14px;
            line-height: 22px;
            white-space: nowrap;
            cursor: pointer;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
        }
        .ant-dropdown-menu-item:hover {
            background-color: #E6F7FF;
        }
        .LabelInput-behind-dark {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
        }
        .config-wrap {
            display: inline-block;
            padding: 0px 20px 10px 16px;
            width: 100%;
            .LabelInput-behind-dark {
                margin-left: 5px;
            }
        }
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }
    }
    ._RuleConfigPlugin_,
    ._CompleteConfigPlugin_,
    ._StereoPlugin_, ._ZoomStereoPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;
        position: relative;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 40px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
        }
        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }
    }
    .image-tip {
        background-color: #E6F7FF;
        border: 1px solid #C8EAFF;
        height: 37px;
        padding-left: 10px;
        padding-top: 7px;
        margin: -5px -17px 10px -7px;
        border-radius: 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
    .helpTip .labelSelect-behind-dark span{
        font-size: 18px;
    }
}
.ant-tooltip {
    max-width: 300px;
}


._IvsTrafficConfig_ {
  padding-left: 16px;
}



._LaneConfig_ {
    position: relative;

    .topContent {
        padding: 20px 16px 10px;
    }

    .Content {
        padding: 30px 16px 10px;

        .ant-row {
            margin-bottom: 11px;
        }

        //调整图标颜色
        i {
            cursor: pointer;

            &:not(.disabled):hover {
                color: @export-color;
            }
        }
    }

    .config-wrap {
        display: inline-block;
        padding: 0px 0px 10px 16px;
        width: 100%;

        .tabs-wrap {
            height: 300px;
            border: 1px solid @border-color;
            .title {
                padding: 6px 14px;
                font-weight: bold;
                border-bottom: 1px solid @border-color;
            }
        }

        .left-panel {
            border-right: 1px solid #e8e8e8;
            background: @baseColor;
            width: 100px;
            height: 100%;
            padding: 10px 0px;

            .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
                background-color: #ECF4FF;
            }
            .sub-tab {
                padding: 0px;
                cursor: pointer;
            }
        }

        .right-panel {
            height: 100%;
            padding: 16px;

            .main-content {
                background: @baseColor;
            }
        }

        .advanceSetting {
            .ant-collapse-content-box {
                padding: 16px 14px 0px 32px;
            }
        }
        .ant-radio-item-label {
            padding-right: 8px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
            display: block;
        }
    }

    ._LaneConfigPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;

        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }

        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;

            .icon {
                margin-top: 10px;
            }
        }
    }

    .label-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        display: inline-block;
    }

    .ant-btn-group .ant-btn {
        padding: 0px;
        float: left;
    }

    .fn-width25 {
        width: 25px;
    }
    
    .fn-width30 {
        width: 30px;
    }

    .fn-width40 {
        width: 40px;
    }

    .fn-width55 {
        width: 55px;
    }

    .fn-width80 {
        width: 80px;
    }

    .fn-width100 {
        width: 100px;
    }

    .fn-height300 {
        height: 300px;
    }

    .fn-mart20 {
        margin-top: 20px;
    }

    .fn-marb0 {
        margin-bottom: 0px;
    }

    .fn-marr10 {
        margin-right: 10px;
    }

    .fn-marl5 {
        margin-left: 5px;
    }

    .fn-marl10 {
        margin-left: 10px;
    }
}


._RuleConfig_ {
    position: relative;

    .ant-form-item-label {
        display: inline-block;
        overflow: hidden;
        line-height: 39.9999px;
        white-space: nowrap;
        text-align: left;
        vertical-align: middle;
    }

    .ant-table-placeholder {
        border-bottom: none;
    }

    .ant-table-header-column {
        font-weight: bold;
    }

    .ant-table-thead {
        border-top: none;
    }

    .ant-table-title {
        padding: 5px 0;
    }

    .ant-divider-horizontal {
        margin: 5px 0 22px 0;
    }

    .ant-empty-normal {
        margin: 25px 0px 0px 0px;
    }

    .ant-dropdown-menu-item {
        clear: both;
        margin: 0;
        padding: 5px 12px;
        color: #272727;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }

    .ant-dropdown-menu-item:hover {
        background-color: #E6F7FF;
    }

    .selectedRow {
        background-color: #E6F7FF;
    }

    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }

    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }

    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }

    .topContent {
        padding: 20px 16px 10px;
    }

    .Content {
        padding: 30px 16px 10px;

        .ant-row {
            margin-bottom: 11px;
        }

        //调整图标颜色
        i {
            cursor: pointer;

            &:hover {
                color: @export-color;
            }
        }
    }

    .config-wrap {
        display: inline-block;
        padding: 0px 20px 10px 16px;
        width: 100%;

        .LabelInput-behind-dark {
            margin-left: 5px;
        }

        .button-osd {
            display: inline-block;
            float: right;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #1890ff;
            cursor: pointer;
        }
    }

    ._IvsTrafficRuleConfigPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;

        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }

        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;

            .icon {
                margin-top: 10px;
            }
        }

        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }

        ._LockTimer_ {
            position: absolute;
            bottom: 10px;
            margin-left: 15px;
        }
    }

    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}

._TrafficList_ {
    padding: 10px;
    .plateNoInput{
        white-space: nowrap;
        .m-text-icon {
            overflow: hidden;
            display: inline-block;
            margin: 0 60px 0 10px;
            cursor: pointer;
        }
        .m-width-input {
            width: 60px;
            height: 32px;
            display: inline-block;
            border: 1px solid @border-color;
            border-radius: 5px;
            text-align: center;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            &:hover{
                border: 1px solid @export-color;
            }
        }
        .m-selected {
            border: 1px solid @export-color;
        }
        .m-text-pointer {
            text-align: center;
            font-weight: bold;
            display: inline-block;
            overflow: hidden;
            padding: 0 10px;
        }
        .ant-input {
            text-align: center;
        }
    }
    .submitBtn{
        & button:nth-child(n+2){
            margin-left: 10px;
        }
    }
    .selectTag {
        color: @font-color;
        display: inline-block;
        margin-right: 3px;
        padding: 0 8px;
        max-width: 30px;
        height: auto;
        line-height: 20px;
        border: 1px solid @border-color;
        border-radius: 5px;
        background: #fafafa;
    }
    .fn-mart10 {
        margin-top: 10px;
    }

    .fn-mart20 {
        margin-top: 20px;
    }
    .fn-marr10 {
        margin-right: 10px;
    }
    .ant-table-body {
        overflow-y: auto;
        height: 50vh;
    }
    .ant-input::-moz-placeholder {
        color: #bfbfbf !important;
    }
    .ant-input:-ms-input-placeholder {
        color: #bfbfbf !important;
    }
    .ant-input::-webkit-input-placeholder {
        color: #bfbfbf !important;
    }
}
._TrafficListModal_ {
    .fn-mart20 {
        margin-top: 20px;
    }
    .require {
        label::before {
            color: #f5222d;
            content: '*';
            margin-right: 4px;
            display: inline-block;
            font-size: 14px;
            font-family: SimSun, sans-serif;
            line-height: 1;
        }
    }
    .ant-upload-list {
        display: inline-block;
        margin-left: 10px;
        vertical-align: -4px;
    }
    .ant-upload-list-item .anticon-close {
        right: -2px;
    }
    .labelInput-hidden {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .ant-checkbox-wrapper, .selectPlateNo .ant-radio-wrapper{
        width: 70px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 30px;
    }
}


._IVSTrafficIllegalConfig_ {
  padding-left: 16px;
}
._TrafficIllegal_AdvancedSet_ {
  .topContent {
    padding: 20px 16px 10px;
  }
  .Content {
    padding: 30px 16px 10px;
    .ant-row{
      margin-bottom: 6px;
    }
  }
}


._TrafficIllegalRegionConfiguration_ {
    position: relative;

    .topContent {
        padding: 20px 16px 10px;
    }
    
    .Content {
        padding: 30px 16px 10px;

        .ant-row {
            margin-bottom: 11px;
        }

        //调整图标颜色
        i {
            cursor: pointer;

            &:not(.disabled):hover {
                color: @export-color;
            }
        }

        .operation {
            .label-behind-dark {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-wrap: normal;
                display: inline-block;
            }
        
            .ant-btn-group .ant-btn {
                padding: 0px;
                float: left;
            }

            .buttonGroup-preButton {
                max-width: 240px;
            }

            .buttonGroup-afterButton {
                min-width: 40px;
                width: 40px;
            }
        }
        .config-wrap {
            display: inline-block;
            padding: 0px 20px 10px 16px;
            width: 100%;
    
            .tabs-wrap {
                border: 1px solid @border-color;
                border-bottom: 0px;
                .title {
                    padding: 6px 14px;
                    font-weight: bold;
                    margin-bottom: 0px;
                }
            }
        }
    }

    ._TrafficIllegalRegionConfigurationPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;

        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }

        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;

            .ptz-icon {
                margin-top: 300px;
            }
        }

        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }
    }

    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }

    .fn-width70 {
        width: 70px;
    }

    .fn-marl5 {
        margin-left: 5px;
    }

    .fn-wid470 {
        width: 470px;
    }

    .fn-marr10 {
        margin-right: 10px;
    }

    .fn-right {
        float: right;
    }

    .fn-mart10 {
        margin-top: 10px;
    }
}


._TrafficIllegalRuleConfiguration_ {
    position: relative;

    .topContent {
        padding: 20px 16px 10px;
    }

    .Content {
        padding: 30px 16px 10px;

        .ant-row {
            margin-bottom: 11px;
        }

        //调整图标颜色
        i {
            cursor: pointer;

            &:hover {
                color: @export-color;
            }
        }

        .rule-table {
            max-height: 292px;
            overflow-y: auto;
            margin-top: 16px;
            margin-bottom: 26px;
            border: 1px solid #e8e8e8;
            border-bottom: 0px;
            border-top: 0px;
        }

        .config-wrap {
            display: inline-block;
            padding: 0px 20px 10px 16px;
            width: 100%;
        }

        .operation {
            margin-left: 16px;
        }
    }

    ._TrafficIllegalRuleConfigurationPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;

        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }

        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;

            .icon {
                margin-top: 10px;
            }
        }
    }

    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }

    .fn-lineHei32 {
        line-height: 32px;
    }

    .fn-marr10 {
        margin-right: 10px;
    }
}


._TrafficIllegalManualEvidence_ {
    position: relative;
    .topContent {
        padding: 20px 16px 10px;
    }
    .Content {
        padding: 30px 16px 10px;

        .ant-row {
            margin-bottom: 11px;
        }

        //调整图标颜色
        i {
            cursor: pointer;

            &:hover {
                color: @export-color;
            }
        }
    }

    .fn-marr10 {
        margin-right: 10px;
    }
}


._RoadEventConfig_ {
  padding-left: 16px;
}


._TrafficThrowConfig_ {
  padding-left: 16px;
}


._WaterMonitor_{
    padding: 16px;
    .topContent{
        padding: 0 16px 10px;
    }
    .WaterContent{
        padding: 16px 16px 10px;
    }
    .item-row{
        margin-top: 10px;
    }
    .table-style{
        min-height: 190px;
        max-height: 292px;
        overflow-y: auto; 
        margin-top: 16px;
        margin-bottom: 26px;
        border: 1px solid #e8e8e8
    }
    .ant-table-placeholder{
        border-bottom: none;
    }
    .ant-empty-normal {
        margin: 25px 0px 0px 0px;
    }
    .ant-dropdown-menu-item {
        clear: both;
        margin: 0;
        padding: 5px 12px;
        color: #272727;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .ant-dropdown-menu-item:hover {
        background-color: #E6F7FF;
    }
    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    ._WaterRuleConfigPlugin_{
        width: 470px;
        height: 338px;
        display: inline-block;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }
        .showVideoPic{
            text-align: center;
            margin-top: 30%
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
        }
    }
    .config-wrap {
        padding: 0px 20px 10px 16px;
        .ant-divider-horizontal {
            margin: 20px 0px 25px 0px;
        }
    }
    ._WaterRuleConfigForm_{
        .m-mb-10{
            margin-bottom: 10px;
        }
        .m-mb-20{
            margin-bottom: 20px;
        }
        .text-ellipsis{
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }
    .title-wrap {
        line-height: 40px;
        padding-left: 15px;
        font-weight: bold;
        border: 1px solid @inputBorderColor;
        background-color: @panelBackgroundColor;
    }
    .draw-wrap {
        padding-left: 15px;
        border: 1px solid @inputBorderColor;
        border-top: 0;
        padding-top: 10px;
        padding-bottom: 5px;
        .ant-btn-group .ant-btn {
            padding: 0px;
            float: left;
        }

        .buttonGroup-preButton {
            min-width: 100px;
            width: 100px;
            line-height: 32px;
            padding-right: 5px;
        }

        .buttonGroup-afterButton {
            min-width: 40px;
            width: 40px;
        }
        .label-behind-dark {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
            display: inline-block;
        }
    }
    .fn-width70 {
        width: 70px;
    }
    .fn-width110 {
        width: 110px;
    }
    .fn-width140 {
        width: 140px;
    }
    .fn-marr10 {
        margin-right: 10px;
    }
    .fn-mart10 {
        margin-top: 10px;
    }
    .fn-marb5 {
        margin-bottom: 5px;
    }
    .fn-left {
        float: left;
    }
}


._WeatherMonitor_ {
    color: @font-color;
    background: @baseColor;
    padding-left: 16px;
    .labelSelect-label-dark, .LabelInput-label-dark, .labelText-label-dark, .LabelSwitch-label-dark {
        color: @font-color;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}


._IVSWeatherMonitorRuleConfig_ {
    width: 100%;
    .topContent {
        padding: 20px 16px 10px;
        .ant-row {
            margin-bottom: 0px;
        }
    }
    .content {
        padding: 30px 16px 10px;
    }
    .config-wrap {
        display: inline-block;
        padding: 0px 20px 10px 16px;
        width: 100%;
        .LabelInput-behind-dark {
            margin-left: 5px;
        }
        .operation {
            margin-top: 10px;
        }
    }
    .ant-row {
        margin-bottom: 10px;
    }
    .ant-divider-horizontal {
        margin: 12px 0px;
    }
    .ant-form-item {
        padding: 0 15px;
    }
    .ant-form-item-label {
        display: inline-block;
        overflow: hidden;
        line-height: 39.9999px;
        white-space: nowrap;
        text-align: left;
        vertical-align: middle;
    }
    .ant-card-body {
        padding: 30px 30px 30px 32px !important;
    }
    .fn-marb10 {
        margin-bottom: 10px;
    }
    ._WeatherMonitorPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;
        position: relative;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 40px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
            .ptz-icon {
                margin-top: 300px;
            }
        }
        .ant-modal {
            width: 300px;
            top: 282px;
            left: calc(13vw + 500px);
            position: absolute;
        }
    }
}


._CompleteConfig_.ManNumberStatCompleteConfig {
	padding: 0;
	.topContent {
        padding: 20px 16px 10px;
    }
	.Content {
        padding: 16px;
        .ant-row {
            margin-bottom: 10px;
            .ant-row {
                margin-bottom: 6px;
            }
        }
        .ant-form-item-label {
            display: inline-block;
            overflow: hidden;
            line-height: 39.9999px;
            white-space: nowrap;
            text-align: left;
            vertical-align: middle;
        }
    }
    .div-divider {
        margin: 4px 0px 18px 0px;
    }
	.fn-bold {
		font-weight: bold;
	}
	// 标定配置
	.StereoCalibrateConfig {
		margin-bottom: 16px;
		.outer-wrap {
			display: flex;
			align-items: center;
		}
		//滑动条的样式
		.slider {
			margin: 15px 0 0 0;
			.slide {
				margin-top: -7px;
			}
			.ant-slider-track {
				background: @export-color;
			}
			.slider-wrapper {
				display: flex;
				align-items: center;
				.list {
					// padding: 8px 0;
					i {
						font-size: 20px;
					}
					.slide {
						margin-top: -11px;
					}
					.ant-slider-track {
						background: @export-color;
					}
					.ant-slider-handle {
						border: 1px solid @border-color;
					}
					.ant-slider-rail {
						background: #e2e4e7;
					}
					.point {
						cursor: pointer;
					}
					.ant-slider-rail,
					.ant-slider-step,
					.ant-slider-track {
						height: 7px;
					}
					.ant-slider-handle {
						margin-top: -4px;
					}
				}
				.ant-form-item {
					margin-bottom: 0;
				}
				.icon-left {
					float: left;
					margin-top: 0;
					font-size: 12px;
				}
				.slider-middle {
					float: left;
					width: 95%;
					margin-left: 6px;
				}
				.icon-right {
					float: left;
					margin-top: 0;
					margin-left: 10px;
					font-size: 12px;
				}
			}
		}
	}
	.CompleteConfigPlugin {
		width: 430px;
		.video-wrap {
			position: relative;
			width: 430px;
			height: 338px;
			background-color: #1b1b1b;
			line-height: 338px;
			font-size: 40px;
			text-align: center;
		}
		.aitoolsbar-warp {
			display: inline-block;
			position: absolute;
			left: 430px;
			width: 40px;
			height: 338px;
			background-color: #e8e8e8;
			text-align: center;
			.icon-margin {
				width: 1px;
				height: 296px;
			}
			.icon {
				height: 40px;
				line-height: 40px;
				cursor: pointer;
			}
		}
	}
	.HeightSelfadaption {
		margin: 10px 0;
	}
}
.cali-modal {
    .cali-success {
        color: #43eb0c;
    }
    .cali-error {
        color: #f00910;
    }
    .mart10 {
        margin-top: 10px;
    }
}

._ManNumberStatConfig_{
    .LabelSwitch-label-dark,.labelSlider-label-dark {
        color: @font-color;
    }
}


._NumberStatConfig_,._AnomalyDetection_ {
    .topContent {
        padding: 20px 16px 10px;
    }
    position: relative;

    .ant-popover-inner-content {
        width: 250px;
    }

    .ant-form-item-label {
        display: inline-block;
        overflow: hidden;
        line-height: 39.9999px;
        white-space: nowrap;
        text-align: left;
        vertical-align: middle;
    }

    .ant-table-thead {
        border-top: none;
    }

    .ant-table-placeholder {
        border-bottom: none;
    }

    .ant-table-header-column {
        font-weight: bold;
    }

    .ant-table-title {
        padding: 5px 0;
    }

    .selectedRow {
        background-color: #E6F7FF;
    }

    .editable-cell-value-wrap {
        padding: 5px 12px;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }

    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        padding: 4px 11px;
    }

    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        padding: 4px 11px;
    }

    .Content {
        padding: 10px 16px;

        .ant-row {
            margin-bottom: 10px;

            .ant-row {
                margin-bottom: 6px;
            }
        }

        //调整图标颜色
        i {
            cursor: pointer;

            &:hover {
                color: @export-color;
            }
        }

        .button-zero {
            display: inline-block;
            float: right;
            margin-top: 8.5px;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #1890ff;
            cursor: pointer;
        }
        .disable {
            color: @disableColor;
            .myicon {
              &:hover{
                color: @disableColor;
              }
            }
        }
    }
    .ant-popover-inner-content {
        width:420px;
    }
    // 进入方向指引
    .DulpRemoveDirContent {
        .main {
            color: #fff;
            background-color: #000;
            .left {
                display: inline-block;
                text-align: center;
            }
            .right {
                display: inline-block;
                margin-left: 10px;
                text-align: center;
            }
        }
    }
    ._NumberStatPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;

        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }

        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 40px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;

            .icon {
                margin-top: 10px;
            }
        }
    }

    .config-wrap {
        padding: 0px 20px 10px 16px;
    }

    .ant-divider-horizontal {
        margin: 8px 0 18px 0;
    }

    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}


._NumberStatScale_ {
    .Content {
        padding: 10px 16px;

        .ant-row {
            margin-bottom: 10px;

            .ant-row {
                margin-bottom: 6px;
            }
        }

        .ant-form-item-label {
            display: inline-block;
            overflow: hidden;
            line-height: 39.9999px;
            white-space: nowrap;
            text-align: left;
            vertical-align: middle;
        }
    }

    .div-divider {
        margin: 8px 0px 18px 0px;
    }

    ._NumberStatScalePlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;

        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }

        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 40px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;

            .icon {
                margin-top: 10px;
            }
        }

        .ant-modal {
            width: 300px;
            top: 150px;
            left: calc(13vw + 500px);
            position: absolute;
        }
    }

    .config-wrap {
        padding: 0px 20px 10px 16px;
        margin-top: 5px;

        .labelSelect-behind-dark {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
        }
    }

    //调整图标颜色
    i {
        cursor: pointer;

        &:not(.disabled):hover {
            color: @export-color;
        }
    }

    .icon-left {
        float: left;
        margin-top: 14px;
        font-size: 12px;
    }

    .icon-right {
        float: left;
        margin-top: 14px;
        margin-left: 10px;
        font-size: 12px;
    }

    .span-right {
        margin-left: 10px;
    }

    .image-tip {
        background-color: #E6F7FF;
        border: 1px solid #C8EAFF;
        height: 37px;
        padding-left: 10px;
        padding-top: 7px;
        margin: -5px -17px 10px -7px;
        border-radius: 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}

._NumberCompleteComponent_ {
    .fn-marl16 {
        margin-left: 16px;
    }
    width: 100%;
    .topContent {
        padding: 20px 16px 10px;
        .ant-row {
            margin-bottom: 0px;
        }
    }
    .content {
        padding: 30px 16px 10px;
    }
    .ant-form-item-label {
        display: inline-block;
        overflow: hidden;
        line-height: 39.9999px;
        white-space: nowrap;
        text-align: left;
        vertical-align: middle;
    }
    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .ant-row {
        margin-bottom: 10px;
    }
    .ant-divider-horizontal {
        margin: 4px 0px -3px 0px;
    }
    .ant-empty-normal {
        margin: 25px 0px 0px 0px;
    }
    .ant-table-placeholder {
        border-bottom: none;
    }
    .ant-dropdown-menu-item {
        clear: both;
        margin: 0;
        padding: 5px 12px;
        color: #272727;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .ant-dropdown-menu-item:hover {
        background-color: #E6F7FF;
    }
    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
    .config-wrap {
        display: inline-block;
        padding: 0px 20px 10px 16px;
        width: 100%;
        .LabelInput-behind-dark {
            margin-left: 5px;
        }
    }
    .video-wrap {
        width: 430px;
        height: 338px;
        display: inline-block;
        background-color: black;
    }
}


._QueueDetectConfig_ {
    .topContent {
        padding: 20px 16px 10px;
    }
    position: relative;

    .ant-popover-inner-content {
        width: 250px;
    }

    .ant-form-item-label {
        display: inline-block;
        overflow: hidden;
        line-height: 39.9999px;
        white-space: nowrap;
        text-align: left;
        vertical-align: middle;
    }

    .ant-table-thead {
        border-top: none;
    }

    .ant-table-placeholder {
        border-bottom: none;
    }

    .ant-table-header-column {
        font-weight: bold;
    }

    .ant-table-title {
        padding: 5px 0;
    }

    .selectedRow {
        background-color: #E6F7FF;
    }

    .editable-cell-value-wrap {
        padding: 5px 12px;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }

    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        padding: 4px 11px;
    }

    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        padding: 4px 11px;
    }

    .Content {
        padding: 10px 16px;

        .ant-row {
            margin-bottom: 10px;

            .ant-row {
                margin-bottom: 6px;
            }
        }

        //调整图标颜色
        i {
            cursor: pointer;

            &:hover {
                color: @export-color;
            }
        }
    }

    ._QueueDetectPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;

        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }

        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 40px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;

            .icon {
                margin-top: 10px;
            }
        }
    }

    .config-wrap {
        padding: 0px 20px 10px 16px;
    }

    .ant-divider-horizontal {
        margin: 8px 0 18px 0;
    }

    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}


._PtzNumberStat_ {
    position: relative;
    .ant-popover-inner-content{
        width: 250px;
    }
    .ant-form-item-label {
        display: inline-block;
        overflow: hidden;
        line-height: 39.9999px;
        white-space: nowrap;
        text-align: left;
        vertical-align: middle;
    }
    .ant-table-thead{
        border-top: none;
    }
    .ant-table-placeholder{
        border-bottom: none;
    }
    .ant-table-header-column{
        font-weight: bold;
    }
    .ant-table-title {
    padding: 5px 0;
    } 
    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        padding: 5px 12px;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        padding: 4px 11px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        padding: 4px 11px;
    }
    .Content {
        padding: 10px 16px;
        .ant-row {
            margin-bottom: 10px;
            .ant-row {
                margin-bottom: 6px;
            }
        }
        //调整图标颜色
        i {
            cursor: pointer;
            &:hover {
                color: @export-color;
            }
        }
    }
    ._PtzNumberStatPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 40px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
        }
    }
    .config-wrap {
        padding: 0px 20px 10px 16px;
    }
    .ant-divider-horizontal {
        margin: 8px 0 18px 0;
    }
    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}


._ParkingSpaceComponent_ {
  padding-left: 16px;
}


._ParkingSpace_ {
    position: relative;

    .topContent {
        padding: 20px 16px 10px;
    }
    
    .Content {
        padding: 30px 16px 10px;

        .ant-row {
            margin-bottom: 11px;
        }

        //调整图标颜色
        i {
            cursor: pointer;

            &:not(.disabled):hover {
                color: @export-color;
            }
        }

        .operation {        
            .ant-btn-group .ant-btn {
                padding: 0px;
                float: left;
            }

            .buttonGroup-preButton {
                min-width: 100px;
                width: 100px;
                line-height: 32px;
                padding-right: 5px;
            }

            .buttonGroup-afterButton {
                min-width: 40px;
                width: 40px;
            }
        }
        .config-wrap {
            display: inline-block;
            padding: 0px 20px 10px 16px;
            width: 100%;
    
            .tabs-wrap {
                border: 1px solid @border-color;
                border-bottom: 0px;
                .title {
                    padding: 6px 14px;
                    font-weight: bold;
                    margin-bottom: 0px;
                }
            }
            .park-status {
                border: 1px solid @border-color;
            }
        }
    }

    ._ParkingSpacePlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;

        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }

        .left-btn {
            float: right;
            margin-right: 40px;
        }
        .fn-mart20 {
            margin-top: 20px;
        }
        .ant-modal {
            width: 300px;
            top: 300px;
            left: calc(13vw + 500px);
            position: absolute;
        }
    }

    .selectedRow {
        background-color: #E6F7FF;
    }

    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }

    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }

    .labelSelect-label-Col {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        display: block;
    }

    .fn-width70 {
        width: 70px;
    }

    .fn-mart10 {
        margin-top: 10px;
    }

    .fn-mart20 {
        margin-top: 20px;
    }

    .fn-marl5 {
        margin-left: 5px;
    }

    .fn-marr10 {
        margin-right: 10px;
    }

    .fn-marb10 {
        margin-bottom: 10px;
    }

    .fn-wid470 {
        width: 470px;
    }

    .fn-padl5 {
        padding-left: 5px;
    }

    .fn-padl20 {
        padding-left: 20px;
    }
}

._ParkingSpacePictureOverlay_ {
    position: relative;
    .video-wrap {
        width: 490px;
        display: inline-block;
        background-color: black;
    }
    ._config-wrap_ {
        display: inline-block;
        padding: 0px 0px 0px 65px;
        .image-title {
            line-height: 1;
            background-color: #e8e8e8;
            border: 1px solid #e8e8e8;
            height: 34px;
            padding: 10px 10px 10px 14px;
            font-weight: bold;
        }
        .image-osd {
            border: 1px solid #e8e8e8;
            padding: 10px 32px 10px 32px;
            .image-tip {
                background-color: #E6F7FF;
                border: 1px solid #C8EAFF;
                padding-left: 10px;
                padding-top: 7px;
                margin: 0px -22px 4px -22px;
                border-radius: 4px;
            }
        }
        .picture-upload {
            border: 1px solid #e8e8e8;
            padding: 18px 32px 8px 32px;
        }
        .ant-divider-horizontal {
            margin: 20px 0 25px 0;
        }
    }
    ._SortableItems_ {
        display: inline-block;
        width: 490px;
        background-color: black;
        .traffic_OSD_move {
            width: 80px;
            height: 30px;
            border: 1px #fff dashed;
            text-align: center;
            line-height: 27px;
            background: #5D6E7E;
            color: #fff;
            cursor: move;
            overflow: hidden;
            margin-left: 10px;
            float: left;
            border-radius: 4px;
            margin-top: 10px;
        }
    }
}
._PictureOverlay_ {
    .ant-modal-close-x {
        width: 50px;
        height: 50px;
        line-height: 50px;
        padding-left: 18px;
    }
    .ant-modal-header {
        padding: 15px 16px;
    }
    .ant-modal-body {
        padding: 25px 60px;
    }
    .ant-modal-footer {
        padding: 10px;
        button + button {
            margin-left: 10px;
        }
    }
}

._CompleteConfigure_ {
    padding: 16px;
    .fn-marb15 {
        margin-bottom: 15px;
    }
}

._IllegalparkAndGate_ {
    padding: 16px;
    .topContent {
        margin-top: 4px;
        margin-bottom: 10px;
    }
    .content {
        margin-top: 16px;
        .selectedRow {
            background-color: #E6F7FF;
        }
        ._IllegalparkAndGatePlugin_ {
            width: 470px;
            height: 338px;
            display: inline-block;
            .video-wrap {
                width: 430px;
                height: 338px;
                display: inline-block;
                background-color: black;
            }
            .aitoolsbar-warp {
                display: inline-block;
                position: absolute;
                width: 40px;
                height: 338px;
                background-color: #e8e8e8;
                text-align: center;
                .icon {
                    margin-top: 10px;
                }
            }
            .ant-modal {
                width: 300px;
                top: 400px;
                left: calc(13vw + 500px);
                position: absolute;
            }
        }
        .config-wrap {
            padding: 0 20px 10px 16px;
            .rulecontent {
                .ant-row {
                    margin-bottom: 10px;
                }
            }
            .operation Button {
                margin-right: 10px;
            }
        }
    }
    ._IllegalparkAndGateComPicParMod_ {
        position: relative;
        .ant-row {
            margin-top: 10px;
        }
        .ant-form-item-label {
            display: inline-block;
            overflow: hidden;
            line-height: 39.9999px;
            white-space: nowrap;
            text-align: left;
            vertical-align: middle;
        }
        ._radTyp1_ {
            width: 83px;
            padding-top: 8px;
        }
        ._radTyp2_ {
            width: 53px;
        }
        ._icoTyp1_ {
            position: absolute;
            margin-top: 4px;
        }
        ._icoTyp2_ {
            position: absolute;
            margin-top: -13px;
        }
        ._myicon {
            margin-top: -5px;
        }
    }
}

._ParkingSpaceConfig_ {
    padding-left: 16px;
    width: 100%;
    .topContent {
        padding: 20px 16px 10px;
        .ant-row {
            margin-bottom: 0px;
        }
    }
    .content {
        padding: 30px 16px 10px;
    }
    .ant-form-item-label {
        display: inline-block;
        overflow: hidden;
        line-height: 39.9999px;
        white-space: nowrap;
        text-align: left;
        vertical-align: middle;
    }
    .selectedRow {
        background-color: #e6f7ff;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .ant-row {
        margin-bottom: 6px;
    }
    .ant-divider-horizontal {
        margin: 4px 0px -3px 0px;
    }
    .ant-empty-normal {
        margin: 25px 0px 0px 0px;
    }
    .ant-table-placeholder {
        border-bottom: none;
    }
    .ant-dropdown-menu-item {
        clear: both;
        margin: 0;
        padding: 5px 12px;
        color: #272727;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        cursor: pointer;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .ant-dropdown-menu-item:hover {
        background-color: #e6f7ff;
    }
    .config-wrap {
        padding: 0px 20px 10px 16px;
        .ant-divider-horizontal {
            margin: 20px 0px 25px 0px;
        }
        ._ScheduleDialog_ {
            margin-top: 22px;
        }
        ._indentField_ {
            .labelSelect-label-Col,
            .LabelInput-label-Col,
            .ant-form-item-label:first-child {
                padding-left: 24px;
            }
        }
    }
    //调整图标颜色
    i {
        cursor: pointer;
        &:not(.disabled):hover {
            color: @export-color;
        }
    }
    ._ParkingSpacePlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;
        position: relative;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 40px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
        }
        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }
    }
    .icon-left {
        float: left;
        margin-top: 14px;
        font-size: 12px;
    }
    .icon-right {
        float: left;
        margin-top: 14px;
        margin-left: 10px;
        font-size: 12px;
    }
    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
    .myContainer {
        width: 400px;
    }
    ._ParkingSpaceComPicParMod_ {
        .ant-form-item {
            margin-bottom: 35px;
            ._radTyp1_ {
                width: 83px;
            }
            ._radTyp2_ {
                width: 53px;
            }
            ._icoTyp1_ {
                position: absolute;
                margin-top: -2px;
            }
            ._icoTyp2_ {
                position: absolute;
                margin-top: -13px;
            }
            // 三、四张图合成顺序
            .mergeOSD {
                margin-top: -21px;
                margin-left: 25px;
            }
            .mergeOSD span{
                border: 1px solid #000;
                width: 26px;
                height: 26px;
                text-align: center;
                display: inline-block;
                float: left;
                margin-left: -1px;
            }
            .mergeOSD .radius-left {
                border-radius: 4px 0 0 4px;
            }
            .mergeOSD .radius-right {
                border-radius: 0 4px 4px 0;
            }
            .mergeOSD .radius-top {
                border-radius: 4px 4px 0 0;
            }
            .mergeOSD .radius-bottom {
                border-radius: 0 0 4px 4px;
                margin-bottom: 20px;
            }
            .mergeOSD .radius-top-left {
                border-radius: 4px 0 0 0;
            }
            .mergeOSD .radius-top-right {
                border-radius: 0 4px 0 0;
            }
            .mergeOSD .radius-bottom-right {
                border-radius: 0 0 4px 0;
            }
            .mergeOSD .radius-bottom-left {
                border-radius: 0 0 0 4px;
            }
            .vertical {
                width: 30px;
            }
            .vertical1 {
                width: 60px;
            }
            .mergeOSD .larger {
                width: 51px;
            }
            .myalign {
                position: absolute;
                top: -7px;
            }
            .myRadio1 {
                margin-left: 25px;
            }
            .myalign1{
                position:relative;
                top: -15px;
            }
            .myalign2{
                position:relative;
                top: -40px;
            }
        }
    }
}

.advance {
    height: calc(100vh - 174px);
    min-height: 400px;
    background: #F0F2F5;
    .ml18 {
        margin-left: 18px;
    }
    .ml24 {
        margin-left: 24px;
    }
    .mt20 {
        margin-top: 20px;
    }
    .ml21 {
        margin-left: 21%;
    }
    .line-height32 {
        line-height: 32px;
    }
    .box {
        width: 40%;
        min-width: 700px;
    }
    .login {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #fff;
        padding: 40px 20px;
        .ant-input-number {
            width: 100%;
        }
        .code {
            margin-top: 20px;
        }
        .login_btn {
            margin-top: 40px;
            .ant-btn{
                max-width: none;
                width: 100%;
                max-height: none;
                height: 34px;
            }
        }
        .left{
            text-align: center;
        }
        .right {
            margin-top: 30px;
            .qrcode {
                img {
                    border: 1px solid;
                    padding: 4px;
                }
            }
        }
        .mb30 {
            margin-bottom: 30px;
        }
        .mb20 {
            margin-bottom: 20px;
        }
        .mt5{
            margin-top: 5px;
        }
    }
    .detail {
        background: #fff;
        min-height: 81vh;
        padding: 20px;
        .explain {
            color: #cacaca;
            margin-left: 24px;
        }
        > .ant-row {
            margin-bottom: 20px;
        }
        .text {
            margin-top: 10px;
            margin-left: 24px;
        }
        .text-pre {
            margin-left: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .indent {
            padding-left: 24px;
        }
        .handle {
            button {
                margin-right: 14px;
            }
        }
    }
}
._ParkingSpace_ ._TrafficOsd_{
    padding-left: 16px;
}


._IvsObjectDetectConfigPictureOverlay_ {
    position: relative;
    .video-wrap {
        width: 490px;
        display: inline-block;
        background-color: black;
    }
    ._config-wrap_ {
        display: inline-block;
        padding: 0px 0px 0px 65px;
        .image-title {
            line-height: 1;
            background-color: #e8e8e8;
            border: 1px solid #e8e8e8;
            height: 34px;
            padding: 10px 10px 10px 14px;
            font-weight: bold;
        }
        .image-osd {
            border: 1px solid #e8e8e8;
            padding: 10px 32px 10px 32px;
            .image-tip {
                background-color: #E6F7FF;
                border: 1px solid #C8EAFF;
                padding-left: 10px;
                padding-top: 7px;
                margin: 0px -22px 4px -22px;
                border-radius: 4px;
            }
        }
        .picture-upload {
            border: 1px solid #e8e8e8;
            padding: 18px 32px 8px 32px;
        }
        .ant-divider-horizontal {
            margin: 20px 0 25px 0;
        }
    }
    ._SortableItems_ {
        display: inline-block;
        width: 490px;
        background-color: black;
        .traffic_OSD_move {
            width: 80px;
            height: 30px;
            border: 1px #fff dashed;
            text-align: center;
            line-height: 27px;
            background: #5D6E7E;
            color: #fff;
            cursor: move;
            overflow: hidden;
            margin-left: 10px;
            float: left;
            border-radius: 4px;
            margin-top: 10px;
        }
    }
}
._PictureOverlay_ {
    .ant-modal-close-x {
        width: 50px;
        height: 50px;
        line-height: 50px;
        padding-left: 18px;
    }
    .ant-modal-header {
        padding: 15px 16px;
    }
    .ant-modal-body {
        padding: 25px 60px;
    }
    .ant-modal-footer {
        padding: 10px;
        button + button {
            margin-left: 10px;
        }
    }
}

.PresetModal {
    ._PresetModalPlugin_ {
        width:100%;
        height: 100%;
        .modal-video {
            width: 100%;
            height: 100%;
            background-color: black;
        }
    }
    .ant-modal {
        width: 830px !important;
        .ant-modal-content {
            .ant-modal-header {
                padding: 14px 10px 14px 16px;
            }
            .ant-modal-close-x {
                width: 50px;
                height: 50px;
                line-height: 50px;
                padding-left: 18px;
            }
            .ant-modal-footer {
                padding: 10px;
            }
            .ant-modal-body {
                padding: 16px;
                .ant-form {
                    margin-top: -5px;
                    margin-bottom: -5px;
                    .ant-form-item-label {
                        text-align: left;
                    }
                }
                .ant-form > .ant-col {
                    margin-bottom: 4px;
                    &:last-child {
                        margin-bottom: 0px;
                    }
                }
                .ant-slider {
                    margin: 14px 0px 10px;
                }
                .addPresetModal-video-wrap {
                    width: 800px;
                    height: 320px;
                    .addPresetModal-video {
                        width: 100%;
                        height: 100%;
                        background-color: #000;
                    }
                }
                .addPresetModal-content {
                    height: 280px;
                    margin-top: 16px;
                    .addPresetModal-content-ptzControl-wrap {
                        float: right;
                        padding: 10px 16px;
                        border: 1px solid #E8E8E8;
                    }
                    .addPresetModal-content-main {
                        .addPresetModal-content-main-btn {
                            padding: 10px 16px;
                            border: 1px solid #E8E8E8;
                            border-right: 0px;
                        }
                        .addPresetModal-content-main-table {
                            height: 227px;
                            overflow-y: auto;
                            border: 1px solid #E8E8E8;
                            border-top: 0;
                        }
                    }
                }
                .ant-table-placeholder {
                    border-bottom: 0px;
                }
                .ant-table-thead {
                    border-top : 0px;
                }
            }
            .ant-row {
                margin-bottom: 6px;
                &:last-child {
                    margin-bottom: 0px;
                }
            }
        }
    }
    .ant-table-placeholder{
        border-bottom: none;
      }
      .ant-table-header-column{
        font-weight: bold;
      }
    .ant-table-thead{
        border-top: none;
    }
    .ant-table-title {
    padding: 5px 0;
    }
    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
}


._Rule_ {
    background: @baseColor;
    .content {
        .rule-card-wrapper {
            padding: 16px;
            .ant-card {
                ul {
                    margin-top: -20px;
                    li {
                        margin-top: 20px;
                        float : left;
                        margin-right: 40px;
                        .rule-span-tip {
                            color : #ababab;
                            font-size : 10px;
                        }
                    }
                }
            }
        }
    }
    .operation {
        padding-left: 16px;
    }
    .fn-mart5 {
        margin-top: 5px;
    }
}


._ShopTruckDetectConfig_ {
    padding-left: 16px;
    .ant-tabs-top-bar {
        margin-left: 0px;
    }
}


._SingleSDIExclusionConfig_ {
    background: @baseColor;
    padding: 16px;
    .content {
        .ant-card-extra {
            cursor: pointer;
        }
        ul {
	        li {
                margin-top: 10px;
                .ant-card-head {
                    &:hover {
                        background: #E6F7FF;
                    }
                }
	        }
        }
        .ant-card {
	        ul {
                margin-top: -20px;
                li {
                    margin-top: 20px;
	                float : left;
	                margin-right: 40px;
	                label {
	                    margin-right: 20px;
	                }
                }
	        }
        }
        .noPreset-tip {
            background-color: #FFFBE6;
            border: 1px solid #FFE797;
            height: 40px;
            line-height: 40px;
            padding-left: 10px;
            margin: -5px 0px 10px;
            border-radius: 4px;
        }
    }
    .ant-modal {
        width: 830px !important;
        .ant-modal-content {
            .ant-modal-header {
                padding: 14px 10px 14px 16px;
            }
            .ant-modal-close-x {
                width: 50px;
                height: 50px;
                line-height: 50px;
                padding-left: 18px;
            }
            .ant-modal-footer {
                padding: 10px;
            }
            .ant-modal-body {
                padding: 16px;
                .ant-form {
                    margin-top: -5px;
                    margin-bottom: -5px;
                    .ant-form-item-label {
                        text-align: left;
                    }
                }
                .ant-form > .ant-col {
                    margin-bottom: 4px;
                    &:last-child {
                        margin-bottom: 0px;
                    }
                }
                .ant-slider {
                    margin: 14px 0px 10px;
                }
                .addPresetModal-video-wrap {
                    width: 800px;
                    height: 320px;
                    .addPresetModal-video {
                        width: 100%;
                        height: 100%;
                        background-color: #000;
                    }
                }
                .addPresetModal-channel-wrap {
                    margin-top: 20px;
                }
                .addPresetModal-content {
                    height: 280px;
                    margin-top: 16px;
                    .addPresetModal-content-ptzControl-wrap {
                        float: right;
                        padding: 10px 16px;
                        border: 1px solid #E8E8E8;
                    }
                    .addPresetModal-content-main {
                        .addPresetModal-content-main-btn {
                            padding: 10px 16px;
                            border: 1px solid #E8E8E8;
                            border-right: 0px;
                        }
                        .addPresetModal-content-main-table {
                            height: 227px;
                            overflow-y: auto;
                            border: 1px solid #E8E8E8;
                            border-top: 0;
                        }
                    }
                }
                .ant-table-placeholder {
                    border-bottom: 0px;
                }
                .ant-table-thead {
                    border-top : 0px;
                }
            }
            .ant-row {
                margin-bottom: 6px;
                &:last-child {
                    margin-bottom: 0px;
                }
            }
        }
    }
    .operation {
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .fn-marr10 {
        margin-right: 10px;
    }
    .fn-marl5 {
        margin-left: 5px;
    }
}

._SmartKitchenRule_ {
    padding-left: 16px;
    ._IvsObjectDetectConfigRuleConfig_ {
        width: 100%;
        .topContent {
            padding: 20px 16px 10px;
            .ant-row {
                margin-bottom: 0px;
            }
        }
        .content {
            padding: 30px 16px 10px;
        }
        .ant-form-item-label {
            display: inline-block;
            overflow: hidden;
            line-height: 39.9999px;
            white-space: nowrap;
            text-align: left;
            vertical-align: middle;
        }
        .selectedRow {
            background-color: #E6F7FF;
        }
        .editable-cell-value-wrap {
            display: inline-block;
            cursor: pointer;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
            border: 1px solid rgba(255, 255, 255, 0);
            position: relative;
            top: 2px;
        }
        .selectedRow:hover .editable-cell-value-wrap {
            border: 1px solid #d9d9d9;
            border-radius: 4px;
        }
        .editable-row:hover .editable-cell-value-wrap {
            border: 1px solid #d9d9d9;
            border-radius: 4px;
        }
        .ant-row {
            margin-bottom: 10px;
        }
        .ant-divider-horizontal {
            margin: 4px 0px -3px 0px;
        }
        .ant-empty-normal {
            margin: 25px 0px 0px 0px;
        }
        .ant-table-placeholder {
            border-bottom: none;
        }
        .ant-dropdown-menu-item {
            clear: both;
            margin: 0;
            padding: 5px 12px;
            color: #272727;
            font-weight: 400;
            font-size: 14px;
            line-height: 22px;
            white-space: nowrap;
            cursor: pointer;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
        }
        .ant-dropdown-menu-item:hover {
            background-color: #E6F7FF;
        }
        .config-wrap {
            padding: 0px 20px 10px 16px;
            .ant-divider-horizontal {
                margin: 20px 0px 25px 0px;
            }
            ._ScheduleDialog_ {
                margin-top: 22px;
            }
        }
        //调整图标颜色
        i {
            cursor: pointer;
            &:not(.disabled):hover {
                color: @export-color;
            }
        }
        ._ObjectDetectPlugin_ {
            width: 470px;
            height: 338px;
            display: inline-block;
            position: relative;
            .video-wrap {
                width: 430px;
                height: 338px;
                display: inline-block;
                background-color: black;
            }
            .aitoolsbar-warp {
                display: inline-block;
                position: absolute;
                width: 40px;
                height: 338px;
                background-color: #e8e8e8;
                text-align: center;
                .icon {
                    margin-top: 10px;
                }
            }
            .ant-modal {
                width: 300px;
                top: 400px;
                left: calc(13vw + 500px);
                position: absolute;
            }
        }
    }
    ._CompleteConfigure_ {
        .topContent {
            padding: 20px 16px 10px;
        }
        .Content {
            padding: 16px;
        }
        .ant-row {
            margin-bottom: 10px;
            .ant-row {
                margin-bottom: 6px;
            }
        }
        .ant-form-item-label {
            display: inline-block;
            overflow: hidden;
            line-height: 39.9999px;
            white-space: nowrap;
            text-align: left;
            vertical-align: middle;
        }
        .config-wrap {
            padding: 0px 20px 10px 16px;
            margin-top: 5px;
            .labelSelect-behind-dark {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-wrap: normal;
            }
        }
        ._CompleteConfigurePlugin_ {
            width: 470px;
            height: 338px;
            display: inline-block;
            position: relative;
            .video-wrap {
                width: 430px;
                height: 338px;
                display: inline-block;
                background-color: black;
            }
            .aitoolsbar-warp {
                display: inline-block;
                position: absolute;
                width: 40px;
                height: 338px;
                background-color: #e8e8e8;
                text-align: center;
                .icon {
                    margin-top: 10px;
                }
            }
            .ant-modal {
                width: 300px;
                top: 400px;
                left: calc(13vw + 500px);
                position: absolute;
            }
        }
    }
    .icon-left {
        float: left;
        margin-top: 14px;
        font-size: 12px;
    }
    .icon-right {
        float: left;
        margin-top: 14px;
        margin-left: 10px;
        font-size: 12px;
    }
    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}
._ObjectConfigDupRemSetMod_ {
    .marT4 {
        margin-top: 4px;
    }
    .ant-row {
        margin-bottom: 5px;
    }
    .ant-form-item-label {
        text-align: left;
    }
    .icon-left {
        float: left;
        margin-top: 14px;
        font-size: 12px;
    }
    .icon-right {
        float: left;
        margin-top: 14px;
        margin-left: 8px;
        font-size: 12px;
    }
}
._IvsObjDetCfg_ComCfg_Pop_ {
    width: 300px;
    .ant-popover-content {
        .ant-popover-inner {
            background: @timebarBtnColor;
            .ant-popover-inner-content {
                text-align: center;
                .ant-popover-message {
                    text-align: left;
                    color: @white;
                }
                .ant-popover-buttons {
                    display: inline-block;
                }
            }
        }
        .ant-popover-arrow {
            border-right-color: @timebarBtnColor;
            border-bottom-color: @timebarBtnColor;
        }
    }
}


._SmartKitchenRule_ {
    position: relative;
      .ant-table-placeholder{
        border-bottom: none;
      }
      .ant-table-header-column{
        font-weight: bold;
      }
    .ant-table-thead{
        border-top: none;
    }
    .ant-table-title {
    padding: 5px 0;
    }
    .ant-divider-horizontal {
        margin: 5px 0 22px 0;
    }
    .ant-empty-normal {
        margin: 25px 0px 0px 0px;
    }
    .ant-dropdown-menu-item {
        clear: both;
        margin: 0;
        padding: 5px 12px;
        color: #272727;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .ant-dropdown-menu-item:hover {
        background-color: #E6F7FF;
    }
    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .topContent {
        padding: 20px 16px 10px;
    }
    .Content {
        padding: 30px 16px 10px;
        .ant-row {
            margin-bottom: 11px;
        }
        ._EventHandler_ .ant-row {
            margin-bottom: 0;
        }
        //调整图标颜色
        i {
            cursor: pointer;
            &:hover {
                color: @export-color;
            }
        }
    }
    .config-wrap {
        display: inline-block;
        padding: 0px 20px 10px 16px;
        width: 100%;
        .LabelInput-behind-dark {
            margin-left: 5px;
        }
    }
    ._SmartKitchenPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
        }
        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }
        ._LockTimer_ {
            position: absolute;
            bottom: 10px;
            margin-left: 15px;
        }
    }
    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
    .LabelInput-label-overflow {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    } 
    .LabelInput-label-Col {
        text-align: left;
        line-height: 36px;
    }
}


._SomkeDetectConfig_ {
  padding-left: 16px;
}


._SmokeDetectRuleConfig_ {
    position: relative;

    .topContent {
        padding: 20px 16px 10px;
    }
    
    .Content {
        padding: 30px 16px 10px;

        .ant-row {
            margin-bottom: 11px;
        }

        //调整图标颜色
        i {
            cursor: pointer;

            &:not(.disabled):hover {
                color: @export-color;
            }
        }

        .operation {
            .label-behind-dark {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-wrap: normal;
                display: inline-block;
            }
        
            .ant-btn-group .ant-btn {
                padding: 0px;
                float: left;
            }

            .buttonGroup-preButton {
                min-width: 100px;
                width: 100px;
                line-height: 32px;
                padding-right: 5px;
            }

            .buttonGroup-afterButton {
                min-width: 40px;
                width: 40px;
            }
        }
        .config-wrap {
            display: inline-block;
            padding: 0px 20px 10px 16px;
            width: 100%;
    
            .tabs-wrap {
                border: 1px solid @border-color;
                border-bottom: 0px;
                .title {
                    padding: 6px 14px;
                    font-weight: bold;
                    margin-bottom: 0px;
                }
            }
            .LabelSwitch-label-dark, .labelSlider-label-dark {
                color: rgba(0, 0, 0, 0.85);
            }
        }
    }

    ._SmokeDetectRuleConfigPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;

        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }

        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;

            .icon {
                margin-top: 10px;
            }
        }
        .ant-modal {
            width: 300px;
            top: 300px;
            left: calc(13vw + 500px);
            position: absolute;
        }
    }

    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }

    .fn-width70 {
        width: 70px;
    }

    .fn-marl5 {
        margin-left: 5px;
    }

    .fn-wid470 {
        width: 470px;
    }

    .fn-marr10 {
        margin-right: 10px;
    }
}

._SnapOSD_ {
    .form-black {
        margin-top: 30px;
    }
    .fn-marr10 {
        margin-right: 10px;
    }
    .SnapOSDSortWrap {
        padding: 10px;
        margin-top:10px;
        background: #f0f2f5;
    }
    .suggestBtn {
        float: right;
        color: @export-color;
        cursor: pointer
    }
    .fn-left {
        float: left;
    }
}
.sortableItems {
    overflow: hidden;
    zoom:1;
    min-height: 250px;
    margin-top: 10px;
    .osd_move {
        min-width: 80px;
        height: 30px;
        border: 1px #fff dashed;
        text-align: center;
        line-height: 27px;
        background: #5D6E7E;
        color: #fff;
        cursor: move;
        overflow: hidden;
        margin-left: 10px;
        float: left;
        border-radius: 4px;
        margin-top: 10px;
    }
}
.videoSortableItems {
    width:430px;
    background-color: #000;
    min-height: 0;
    margin: 0;
    .osd_move {
        margin-left: 5px;
    }
}
.SnapOSDList {
    width: 410px;
    padding: 10px;
    background: #fff;
    .ant-checkbox-group-item {
        width: 120px;
        margin-top: 10px;
    }
}

._CalibrationConfig_ {
    .Content {
        padding: 16px;
        .ant-row {
            margin-bottom: 10px;
            .ant-row {
                margin-bottom: 6px;
            }
        }
        .ant-form-item-label {
            display: inline-block;
            overflow: hidden;
            line-height: 39.9999px;
            white-space: nowrap;
            text-align: left;
            vertical-align: middle;
        }
        .selectedRow {
            background-color: @tab-active-color;
        }
        .selectedRow:hover .editable-cell-value-wrap {
            border: 1px solid #d9d9d9;
            border-radius: 4px;
        }
    }
    .div-divider {
        margin: 4px 0px 18px 0px;
    }
    ._CalibrationConfigPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 40px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 306px;
            }
        }
        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }
        ._PtzControl_ .aimingCircle {
            border: 0;
        }
    }
    .config-wrap {
        padding: 0px 20px 10px 16px;
        margin-top: 5px;
        .labelSelect-behind-dark {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
        }
        .advanceSetting {
            .ant-collapse-content-box {
                padding: 16px 14px 0px 32px;
            }
        }
    }
    //调整图标颜色
    i {
        cursor: pointer;
        &:not(.disabled):hover {
            color: @export-color;
        }
    }
    .icon-left {
        float: left;
        margin-top: 14px;
        font-size: 12px;
    }
    .icon-right {
        float: left;
        margin-top: 14px;
        margin-left: 10px;
        font-size: 12px;
    }
    .span-right {
        margin-left: 10px;
    }
    .image-tip {
        background-color: #E6F7FF;
        border: 1px solid #C8EAFF;
        height: 37px;
        padding-left: 10px;
        padding-top: 7px;
        margin: -5px -17px 10px -7px;
        border-radius: 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}

._CompleteConfig_ {
    .topContent {
        padding: 20px 16px 10px;
    }
    .Content {
        padding: 16px;
        .ant-row {
            margin-bottom: 10px;
            .ant-row {
                margin-bottom: 6px;
            }
        }
        .ant-form-item-label {
            display: inline-block;
            overflow: hidden;
            line-height: 39.9999px;
            white-space: nowrap;
            text-align: left;
            vertical-align: middle;
        }
    }
    .div-divider {
        margin: 4px 0px 18px 0px;
    }
    ._CompleteConfigPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 40px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
        }
        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }
    }
    .config-wrap {
        padding: 0px 20px 10px 16px;
        margin-top: 5px;
        .labelSelect-behind-dark {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
        }
        .advanceSetting {
            .ant-collapse-content-box {
                padding: 16px 14px 0px 32px;
            }
        }
    }
    //调整图标颜色
    i {
        cursor: pointer;
        &:not(.disabled):hover {
            color: @export-color;
        }
    }
    .icon-left {
        float: left;
        margin-top: 14px;
        font-size: 12px;
    }
    .icon-right {
        float: left;
        margin-top: 14px;
        margin-left: 10px;
        font-size: 12px;
    }
    .span-right {
        margin-left: 10px;
    }
    .image-tip {
        background-color: #E6F7FF;
        border: 1px solid #C8EAFF;
        height: 37px;
        padding-left: 10px;
        padding-top: 7px;
        margin: -5px -17px 10px -7px;
        border-radius: 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}




._RuleConfig_ {
    position: relative;

    .topContent {
        padding: 20px 16px 10px;
    }

    .Content {
        padding: 30px 16px 10px;

        .ant-row {
            margin-bottom: 11px;
        }

        //调整图标颜色
        i {
            cursor: pointer;

            &:hover {
                color: @export-color;
            }
        }

        .rule-table {
            max-height: 292px;
            overflow-y: auto;
            margin-top: 16px;
            margin-bottom: 26px;
            border: 1px solid #e8e8e8;
            border-bottom: 0px;
            border-top: 0px;
        }

        .config-wrap {
            display: inline-block;
            padding: 0px 20px 10px 16px;
            width: 100%;
        }

        .operation {
            margin-left: 16px;
        }
    }

    ._RuleConfigPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;

        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }

        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
        }

        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }
        
        ._LockTimer_ {
            position: absolute;
            bottom: 10px;
            margin-left: 15px;
        }
    }

    .ant-dropdown-menu-item:hover {
        color: @font-color;
        background-color: @tab-active-color;
    }

    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }

    .fn-lineHei32 {
        line-height: 32px;
    }

    .fn-marr10 {
        margin-right: 10px;
    }
}

._TpcPhoneCallDetectCompleteConfig_ {
    position: relative;
    .ant-slider-handle {
        border:solid 2px @export-color
    }
    .ant-slider:hover .ant-slider-track {
        background-color:@export-color
    }
    .ant-table-placeholder{
        border-bottom: none;
    }
    .ant-table-header-column{
        font-weight: bold;
    }
    .ant-table-thead{
        border-top: none;
    }
    .ant-table-title {
    padding: 5px 0;
    }
    .ant-divider-horizontal {
        margin: 5px 0 22px 0;
    }
    .ant-empty-normal {
        margin: 25px 0px 0px 0px;
    }
    .ant-dropdown-menu-item {
        clear: both;
        margin: 0;
        padding: 5px 12px;
        color: #272727;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .ant-dropdown-menu-item:hover {
        background-color: #E6F7FF;
    }
    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .topContent {
        padding: 20px 16px 10px;
    }
    .Content {
        padding: 30px 16px 10px;
        .ant-row {
            margin-bottom: 11px;
        }
        //调整图标颜色
        i {
            cursor: pointer;
            &:hover {
                color: @export-color;
            }
        }
    }
    .config-wrap {
        display: inline-block;
        padding: 0px 20px 10px 16px;
        width: 100%;
        .LabelInput-behind-dark {
            margin-left: 5px;
        }
    }
    ._TpcPhoneCallDetectGlobalPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
        }
        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }
        ._LockTimer_ {
            position: absolute;
            bottom: 10px;
            margin-left: 15px;
        }
    }
    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}


._TpcPhoneCallDetect_ {
    padding-left: 16px;
    .ant-tabs-top-bar {
        margin-left: 0px;
    }
    .ant-form-item-label{
        text-align: left;
    }
}

._TpcPhoneCallDetectRuleConfig_ {
    position: relative;
    .ant-slider-handle {
        border:solid 2px @export-color
    }
    .ant-slider:hover .ant-slider-track {
        background-color:@export-color
    }
    .ant-table-placeholder{
        border-bottom: none;
    }
    .ant-table-header-column{
        font-weight: bold;
    }
    .ant-table-thead{
        border-top: none;
    }
    .ant-table-title {
    padding: 5px 0;
    }
    .ant-divider-horizontal {
        margin: 5px 0 22px 0;
    }
    .ant-empty-normal {
        margin: 25px 0px 0px 0px;
    }
    .ant-dropdown-menu-item {
        clear: both;
        margin: 0;
        padding: 5px 12px;
        color: #272727;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .ant-dropdown-menu-item:hover {
        background-color: #E6F7FF;
    }
    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .topContent {
        padding: 20px 16px 10px;
    }
    .Content {
        padding: 30px 16px 10px;
        .ant-row {
            margin-bottom: 11px;
        }
        ._EventHandler_ .ant-row {
            margin-bottom: 0;
        }
        //调整图标颜色
        i {
            cursor: pointer;
            &:hover {
                color: @export-color;
            }
        }
    }
    .config-wrap {
        display: inline-block;
        padding: 0px 20px 10px 16px;
        width: 100%;
        .LabelInput-behind-dark {
            margin-left: 5px;
        }
    }
    ._TpcPhoneCallDetectPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
        }
        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }
        ._LockTimer_ {
            position: absolute;
            bottom: 10px;
            margin-left: 15px;
        }
    }
    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}

._TpcSmokingDetectCompleteConfig_ {
    position: relative;
    .ant-slider-handle {
        border:solid 2px @export-color
    }
    .ant-slider:hover .ant-slider-track {
        background-color:@export-color
    }
    .ant-table-placeholder{
        border-bottom: none;
    }
    .ant-table-header-column{
        font-weight: bold;
    }
    .ant-table-thead{
        border-top: none;
    }
    .ant-table-title {
    padding: 5px 0;
    }
    .ant-divider-horizontal {
        margin: 5px 0 22px 0;
    }
    .ant-empty-normal {
        margin: 25px 0px 0px 0px;
    }
    .ant-dropdown-menu-item {
        clear: both;
        margin: 0;
        padding: 5px 12px;
        color: #272727;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .ant-dropdown-menu-item:hover {
        background-color: #E6F7FF;
    }
    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .topContent {
        padding: 20px 16px 10px;
    }
    .Content {
        padding: 30px 16px 10px;
        .ant-row {
            margin-bottom: 11px;
        }
        //调整图标颜色
        i {
            cursor: pointer;
            &:hover {
                color: @export-color;
            }
        }
    }
    .config-wrap {
        display: inline-block;
        padding: 0px 20px 10px 16px;
        width: 100%;
        .LabelInput-behind-dark {
            margin-left: 5px;
        }
    }
    ._TpcSmokingDetectGlobalPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
        }
        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }
        ._LockTimer_ {
            position: absolute;
            bottom: 10px;
            margin-left: 15px;
        }
    }
    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}


._TpcSmokingDetect_ {
    padding-left: 16px;
    .ant-tabs-top-bar {
        margin-left: 0px;
    }
    .ant-form-item-label{
        text-align: left;
    }
}

._TpcSmokingDetectRuleConfig_ {
    position: relative;
    .ant-slider-handle {
        border:solid 2px @export-color
    }
    .ant-slider:hover .ant-slider-track {
        background-color:@export-color
    }
    .ant-table-placeholder{
        border-bottom: none;
    }
    .ant-table-header-column{
        font-weight: bold;
    }
    .ant-table-thead{
        border-top: none;
    }
    .ant-table-title {
    padding: 5px 0;
    }
    .ant-divider-horizontal {
        margin: 5px 0 22px 0;
    }
    .ant-empty-normal {
        margin: 25px 0px 0px 0px;
    }
    .ant-dropdown-menu-item {
        clear: both;
        margin: 0;
        padding: 5px 12px;
        color: #272727;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .ant-dropdown-menu-item:hover {
        background-color: #E6F7FF;
    }
    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .topContent {
        padding: 20px 16px 10px;
    }
    .Content {
        padding: 30px 16px 10px;
        .ant-row {
            margin-bottom: 11px;
        }
        ._EventHandler_ .ant-row {
            margin-bottom: 0;
        }
        //调整图标颜色
        i {
            cursor: pointer;
            &:hover {
                color: @export-color;
            }
        }
    }
    .config-wrap {
        display: inline-block;
        padding: 0px 20px 10px 16px;
        width: 100%;
        .LabelInput-behind-dark {
            margin-left: 5px;
        }
    }
    ._TpcSmokingDetectPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
        }
        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }
        ._LockTimer_ {
            position: absolute;
            bottom: 10px;
            margin-left: 15px;
        }
    }
    .LabelInput-behind-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}


._AreaEventConfig_ {
    position: relative;

    .topContent {
        padding: 20px 16px 10px;
    }

    .Content {
        padding: 30px 16px 10px;
    }
}


._CutoutSetConfig_ {
    position: relative;
    .topContent {
        padding: 20px 16px 10px;
    }
    .Content {
        padding: 30px 16px 10px;
        .ant-row {
            margin-bottom: 10px;
        }
        .rightBorder {
            border-left: 1px solid @border-color;
            padding: 10px 16px 10px;
        }
        .ant-card-body {
            padding: 1px 0 0 !important;
        }
    }
}


._DetectionDrawConfig_ {
    position: relative;

    .topContent {
        padding: 20px 16px 10px;
    }
    
    .Content {
        padding: 30px 16px 10px;

        .ant-row {
            margin-bottom: 11px;
        }

        //调整图标颜色
        i {
            cursor: pointer;

            &:not(.disabled):hover {
                color: @export-color;
            }
        }

        .operation {
            .label-behind-dark {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-wrap: normal;
                display: inline-block;
            }
        
            .ant-btn-group .ant-btn {
                padding: 0px;
                float: left;
            }

            .buttonGroup-preButton {
                min-width: 100px;
                width: 100px;
                line-height: 32px;
                padding-right: 5px;
            }

            .buttonGroup-afterButton {
                min-width: 40px;
                width: 40px;
            }
        }

        .config-wrap {
            display: inline-block;
            padding: 0px 20px 10px 16px;
            width: 100%;

            .tabs-wrap {
                border: 1px solid @border-color;
                border-bottom: 0px;
                border-top: 0px;
            }

            .LabelSwitch-swtich {
                line-height: 40px;
            }
        }
    }
    ._SDTrafficVehicleLaneConfigurationPlugin_,
    ._SDElecPoliceLaneConfigurationPlugin_,
    ._DetectionDrawConfigPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;

        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }

        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;

            .ptz-icon {
                margin-top: 300px;
            }
        }

        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }
    }
    ._SDTrafficVehicleLaneConfigurationConfigForm_ {
        .right-panel {
            padding-left: 16px;
        }
        .left-panel {
            border-right: 1px solid #e8e8e8;
            background: #ffffff;
            width: 100px;
            height: 100%;
            padding: 10px 0px;
        }
        .fn-margl10 {
            margin-left: 10px;
        }
    }

    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }

    .fn-width70 {
        width: 70px;
    }

    .fn-marl5 {
        margin-left: 5px;
    }

    .fn-wid470 {
        width: 470px;
    }

    .fn-marr10 {
        margin-right: 10px;
    }

    .fn-right {
        float: right;
    }

    .fn-mart10 {
        margin-top: 10px;
    }

    .fn-mart16 {
        margin-top: 16px;
    }

    .fn-marb10 {
        margin-bottom: 10px;
    }
}


._TrafficEvent_ {
  padding-left: 16px;
}


._LaneEventConfig_ {
    position: relative;

    .topContent {
        padding: 20px 16px 10px;
    }

    .Content {
        padding: 30px 16px 10px;
    }
}


._TrafficOsd_ {
    .topContent {
        padding: 20px 16px 10px;
    }
    .fn-left {
        float: left;
    }
    .video-right {
        width: calc(100% - 440px);
        margin-left: 10px;
        max-width: 600px;
    }
    .OSDComponent {
        max-height: 660px;
        overflow-y: auto;
    }
    .video-wrap {
        width: 430px;
        height: 338px;
        background: #1b1b1b;
    }
    .ant-card-body {
        padding: 10px !important;
    }
    .fn-mart10 {
        margin-top: 10px;
    }
    .fn-padding5 {
        padding: 5px;
    }
    .fn-marb5 {
        margin-bottom: 5px;
    }
    .fn-marr5 {
        margin-right: 5px;
    }
    .fn-width80 {
        width: 80px;
    }
    .fn-width20 {
        width: 20px;
    }
    .fn-width40 {
        width: 40px;
    }
    .fn-width50 {
        width: 50px;
    }
    .fn-width60 {
        width: 60px;
    }
    .fn-width100 {
        width: 100px;
    }
    .osd-font-size {
        width: 80px;
        height: 32px;
        border-radius: 4px;
        border: solid 1px #d9d9d9;
        float: left;
        position: relative;
        background-color: #fff !important;
        position: relative;
        cursor: pointer;
    }

    .osd-font-text {
        font-size: 13px;
        font-weight: 900;
        line-height: 13px;
        // text-indent: 3px;
        position: absolute;
        bottom: 16px;
        left: 10px
    }

    .osd-font-color {
        border: 1px solid #d9d9d9;
        height: 4px;
        width: 16px;
        position: absolute;
        left: 7.5px;
        bottom: 11px
    }
    .MergeOSD-Method .OSD-Method span {
        border: 1px solid #000;
        width: 20px;
        height: 20px;
        text-align: center;
        display: block;
        float: left;
    }
    .MergeOSD-Method span {
        float: left;
    }
    .OSD-MethodFour4 .ant-radio {
        margin-top: 61px;
    }
    .OSD-MethodFour0 .ant-radio,
    .OSD-MethodFour3 .ant-radio,
    .OSD-MethodTwo4 .ant-radio,
    .OSD-MethodFive0 .ant-radio,
    .OSD-MethodFive1 .ant-radio,
    .OSD-MethodSix0 .ant-radio,
    .OSD-MethodOne1 .ant-radio,
    .OSD-MethodOne0 .ant-radio {
        margin-top: 21px;
    }
    .OSD-MethodFour2 .ant-radio,
    .OSD-MethodSix4 .ant-radio {
        margin-top: 26px;
    }
    .OSD-MethodThree4 .ant-radio,
    .OSD-MethodSix1 .ant-radio,
    .OSD-MethodSix5 .ant-radio {
        margin-top: 40px;
    }
    .OSD-MethodFive3 .ant-radio {
        margin-top: 80px;
    }
    .OSD-MethodSix3 .ant-radio {
        margin-top: 100px;
    }
    .fn-textalign {
        text-align: left;
    }
}
._Osd-font-pop_ {
    .ant-popover-inner-content {
        padding: 0px
    }
    /*
    * IE 9对字体颜色弹窗的flex兼容
    */
    .flexbox-fix {
        flex-wrap: wrap;
        &::after {
            content: ".";/* ie9 */            
            display: block; /* ie9 */       
            height: 0;/* ie9 */
            visibility: hidden;/* ie9 */
            clear: both;/* ie9 */
        }
        &:nth-child(2) {
            > div {
                float: left;/* ie9 */
                &:first-child {
                    width: calc(100% - 30px);/* ie9 */
                }
            }
        }
        &:nth-child(3) {
            > div {
                width: 20%;/* ie9 */
                float: left;/* ie9 */
                &:first-child {
                    width: 40%;/* ie9 */
                }
            }
        }
        &:nth-child(4) {
            > div {
                float: left;/* ie9 */
            }
        }
    }
}
.OSD-Methodli label {
    border: 1px solid #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    float: left;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
.OSD-MethodTip {
    width: 240px;
    height: 75px;
    margin-top: 10px;
}
.ant-tooltip {
    max-width: 300px;
}


._VehicleDeploymentControl_ {
  padding-left: 16px;
}


._VehicleGlobalConfig_ {
    position: relative;

    .topContent {
        padding: 20px 16px 10px;
    }

    .Content {
        padding: 30px 16px 10px;

        .config-wrap {
            display: inline-block;
            padding: 0px 20px 10px 16px;
            width: 100%;
        }
    
        .operation {
            margin-left: 16px;
        }
    }

    ._VehicleGlobalConfigPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;

        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }

        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;

            .icon {
                margin-top: 10px;
            }
        }

        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }
    }
}




._VehicleLibraryDetailConfig_ {
    background: @baseColor;
	margin: 16px;
    min-height: 860px;

    .content {
        .ant-row {
	        margin-bottom: 0px;
	    }
	    .ant-table-thead > tr, .ant-table-tbody > tr{
	        border: 1px solid #e8e8e8;
        }
        .ant-table-tbody > tr > td {
            padding: 7px 11px !important;
        }
	    .ant-divider-horizontal {
	        margin: 0 0 25px 0;
	    }
    }

    .ant-modal .ant-modal-content {
        .ant-form-explain {
            margin-left: 0px;
        }
        .ant-modal-header {
            padding: 14px 10px 14px 16px;
        }
        .ant-modal-close-x {
            width: 50px;
            height: 50px;
            line-height: 50px;
            padding-left: 18px;
        }
        .ant-modal-footer {
            padding: 10px;
        }
        .ant-modal-body {
            padding: 25px 60px;
            .ant-form {
                margin-top: -5px;
                margin-bottom: -5px;
                .ant-form-item-label {
                    text-align: left;
                }
            }
            .ant-form > .ant-col {
                margin-bottom: 4px;
                &:last-child {
                    margin-bottom: 0px;
                }
            }
            .deleteChooseFileIcon {
                float: right;
                margin-top: 2px;
                color: #18ABFF;
            }
            .ant-upload-list.ant-upload-list-text {
                display: none;
            }
        }
        .ant-row {
            margin-bottom: 6px;
            &:last-child {
                margin-bottom: 0px;
            }
        }
    }
    .selectedRow {
        background-color: #E6F7FF;
    }
    //调整图标颜色
    i {
        cursor: pointer;
        &:hover {
            color: @export-color;
        }
    }

    .fn-bold {
        font-weight: bold;
    }

    .fn-marr10 {
        margin-right: 10px;
    }

    .fn-mart20 {
        margin-top: 20px;
    }

    .fn-mart30 {
        margin-top: 30px;
    }

    .fn-right {
        float: right;
    }

    .fn-lineHeight10 {
        line-height: 10px;
    }

    .fn-highColor {
        color: #18ABFF;
    }
}



._VehicleLibraryGroupConfig_ {
    background: @baseColor;
	margin: 16px;
    min-height: 860px;

    .content {
        .ant-row {
	        margin-bottom: 0px;
	    }
	    .ant-table-thead > tr, .ant-table-tbody > tr{
	        border: 1px solid #e8e8e8;
	    }
	    .selectedRow {
            background-color: #E6F7FF;
        }
    }
    .editable-cell-value-wrap {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    //调整图标颜色
    i {
        cursor: pointer;
        &:hover {
            color: @export-color;
        }
    }
}


._VehicleRuleConfig_ {
    position: relative;

    .topContent {
        padding: 20px 16px 10px;
    }

    .Content {
        padding: 30px 16px 10px;

        .ant-row {
            margin-bottom: 11px;
        }

        //调整图标颜色
        i {
            cursor: pointer;

            &:hover {
                color: @export-color;
            }
        }

        .rule-table {
            max-height: 292px;
            overflow-y: auto;
            margin-top: 16px;
            margin-bottom: 26px;
            border: 1px solid #e8e8e8;
            border-bottom: 0px;
            border-top: 0px;
        }

        .config-wrap {
            display: inline-block;
            padding: 0px 20px 10px 16px;
            width: 100%;
        }

        .operation {
            margin-left: 16px;
        }
    }
    ._VehicleRuleConfigPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;

        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }

        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 45px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;

            .icon {
                margin-top: 10px;
            }
        }

        .ant-modal {
            width: 300px;
            top: 400px;
            left: calc(13vw + 500px);
            position: absolute;
        }

        ._LockTimer_ {
            position: absolute;
            bottom: 10px;
            margin-left: 15px;
            .ant-tooltip {
                z-index: 99;
            }
        }
    }
    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .fn-mar8 {
        margin-top: 8px;
    }
}


._VehiclesDistriConfig_ {   
    background: @baseColor;
    .ant-tabs-top-bar {
        margin-left: 0px;
    }
}

._VehiclesDistriRuleConfig_ {
    position: relative;
    padding-left: 16px;
    .topContent {
        padding: 20px 16px 10px;
    }
    .Content {
        padding: 30px 16px 10px;
        .ant-row {
            margin-bottom: 11px;
        }
        //调整图标颜色
        i {
            cursor: pointer;
            &:not(.disabled):hover {
                color: @export-color;
            }
        }
    }
    .config-wrap {
        display: inline-block;
        padding: 0px 20px 10px 16px;
        width: 100%;   
        .ant-row {
            margin-bottom: 12px;
        }
        ._ScheduleDialog_ {
            .ant-row {
                &:first-child {
                    div {
                        &:first-child {
                            line-height: 32px;
                        }
                    }
                }
            }
        }
    }
    .ant-dropdown-menu-item {
        clear: both;
        margin: 0;
        padding: 5px 12px;
        color: #272727;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .ant-dropdown-menu-item:hover {
        background-color: #E6F7FF;
    }
    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    ._VehicleDistriPlugin_ {
        width: 470px;
        height: 338px;
        display: inline-block;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
            background-color: black;
        }
        .aitoolsbar-warp {
            display: inline-block;
            position: absolute;
            width: 40px;
            height: 338px;
            background-color: #e8e8e8;
            text-align: center;
            .icon {
                margin-top: 10px;
            }
        }
        .ant-modal {
            width: 300px;
            top: 355px;
            left: calc(13vw + 500px);
            position: absolute;
        }
    }
}


._AIPreviewPopover_ {
    padding-right: 0;
    .ant-popover-content {
        .ant-popover-arrow {
            display: none;
        }
        .ant-popover-inner-content {
            padding: 0 2px;
        }
    }
}
._AttrSetting_ {
    width: 370px;
    .mode {
        padding: 8px 16px;
    }
    [types] {
        display: table;
        [type_cell] {
            display: table-cell;
            vertical-align: top;
            text-align: center;
            cursor: pointer;
            padding: 10px 20px;
        }
        [type_cell].selected {
            color: @export-color;
        }
    }
    [type] {
        [setting_content] {
            .ant-btn {
                width: 80px;
                margin: 10px 0 0 10px;
                padding: 0 4px;
                text-align: center;
                border-color: @border-color;
                &:not(:disabled):hover,
                &:not(:disabled):focus {
                    color: @font-color;
                    border-color: @border-color;
                }
                &.selected {
                    color: @export-color;
                    border-color: @export-color;
                }
                &.selected:hover,
                &.selected:focus {
                    color: @export-color;
                    border-color: @export-color;
                }
                span {
                    width: 100%;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    vertical-align: middle;
                }
            }
            padding-bottom: 10px;
        }
    }
    [foot] {
        padding: 10px;
        text-align: right;
        .ant-btn {
            margin-left: 10px;
            text-align: center;
            border-color: @border-color;
            &:hover,
            &:focus {
                border-color: #1890ff;
            }
            &.ant-btn-primary {
                border-color: #1890ff;
            }
        }
    }
    [setting_title] {
        background: rgb(244, 244,244);
        padding: 4px 10px;
        [seleted_num] {
            color: @export-color;
        }
    }
}




._AIPreview_ {
    height: 100%;
    &[listlayout="face"] [main] {
        height: 77%;
    }
    &[listlayout="body"] [main] {
        height: 54%;
    }
    &[listlayout="car"] [main] {
        height: 69%;
    }
    &[listlayout="facebody"] [main] {
        height: 65%;
    }
    &[listlayout="bodyplate"] [main] {
        height: 65%;
    }
    &[listlayout="facecar"] [main] {
        height: 73%;
    }
    &[listlayout="bodycar"] [main],
    &[listlayout="facebodyplate"] [main] {
        height: 61%;
    }
    &[listlayout="facebodycar"] [main] {
        height: 50%;
    }
    &[listlayout="classroom"] [main] {
        height: 77%;
    }
    &[listlayout="parking"] [main] {
        height: 69%;
    }
    [main] {
        background: rgb(240, 242, 245);
        // padding-bottom: 2px;
        .portraitBox {
            position: relative;
            .portraitIcon {
                position: absolute;
                right: 5%;
                bottom: 10px;
            }
        }
        .icon_success {
            color: @normalColor;
        }
        .icon_fail {
            color: @errorColor;
        }
        
        [slider] {
            position: relative;
            float: right;
            height: 100%;
            border: 4px solid @white;
            border-bottom: none;
            background: @white;
            & > div {
                border-bottom: 4px solid @white;
            }
            [belt] {
                height: 32px;
                line-height: 28px;
                background: rgb(240, 242, 245);
                &::before {
                    content: "";
                    display: inline-block;
                    width: 0;
                    height: 100%;
                    vertical-align: middle;
                }
                & > span {
                    display: inline-block;
                    font-size: 16px;
                    line-height: 28px;
                    vertical-align: middle;
                }
                & > .parking-channel{
                    display: inline-block;
                    padding-left: 0.2em;
                    padding-right: 0.2em;
                    font-size: 16px;
                    line-height: 28px;
                }
                & > span:first-child {
                    width: 40%;
                    padding-left: 0.2em;
                }
                & > span:last-child {
                    width: 60%;
                    text-align: right;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    padding-right: 0.2em;
                }
            }
            [detail] {
                height: calc(50% - 32px);
                background: @white;
                overflow: hidden;
                [wrap] {
                    height: 100%;
                    [pic] {
                        float: left;
                        width: calc(100% - 200px);
                        height: 100%;
                        position: relative;
                        background: rgb(232, 234, 235);
                        & > div {
                            background-repeat: no-repeat;
                            width: 100%;
                            background-position: center;
                            font-size: 0px;
                            &.empty-pic {
                                background-size: auto 37%;
                            }
                        }
                        // ad的icon有时候会在下一次render的时候才赋高宽，这里强制设置下
                        .anticon svg {
                            width: 15px;
                            height: 15px;
                        }
                    }
                    [pic="face"],
                    [pic="body"],
                    [pic="nonmotor"],
                    [pic="classroom"] {
                        & > div {
                            width: 100%;
                            height: 100%;
                            background-size: contain;
                            // background-position: center;
                        }
                    }
                    [pic="face"] {
                        & > div {
                            float: left;
                            background-size: auto 64%;
                        }
                    }
                    [pic="face_compare"] {
                        position: relative;
                        & > div:first-child {
                            width: 50%;
                            height: 100%;
                            float: left;
                            background-size: contain;
                            background-position: center;
                            border-right: 1px solid transparent;
                            &.empty-pic {
                                background-size: auto 50%;
                            }
                        }
                        & > div:nth-child(2) {
                            width: 50%;
                            height: 100%;
                            float: left;
                            background-size: contain;
                            background-position: center;
                            border-right: 1px solid transparent;
                            &.empty-pic {
                                background-size: auto 50%;
                            }
                        }
                        [sim_wrap] {
                            position: absolute;
                            width: 100%;
                            height: 10%;
                            left: 0;
                            bottom: 0;
                            background: #dcdedf;
                            [sim_bar] {
                                height: 100%;
                                background: rgb(252, 172, 21);
                            }
                            [sim_val] {
                                height: 100%;
                                position: absolute;
                                top: 0;
                                right: 0;
                                color: #000;
                                line-height: 24px;
                                font-size: 16px;
                                text-align: right;
                                padding-right: 0.2em;
                                &::before {
                                    content: "";
                                    display: inline-block;
                                    width: 0;
                                    height: 100%;
                                    vertical-align: middle;
                                }
                            }
                        }
                    }
                    [pic="car"], [pic="plate"], [pic="nonmotorPlate"] {
                        & > div {
                            width: 100%;
                        }
                        & > div:first-child {
                            height: 75%;
                            background-size: contain;
                            background-position: center;
                            &.empty-pic {
                                background-size: auto 50%;
                            }
                        }
                        & > div:last-child {
                            height: 25%;
                            background-size: contain;
                            background-position: center;
                            &.empty-pic {
                                // background-image: none !important;
                                // box-shadow: inset 0 0 0 4px #CACDCF;
                                background-size: auto 44%;
                            }
                        }
                    }
                    [attr] {
                        float: left;
                        width: 200px;
                        height: 100%;
                        display: block;
                        // table-layout: fixed;
                        overflow: hidden;
                        position: relative;
                        [attr_cell] {
                            display: block;
                            max-height: 100%;
                            width: 100%;
                            position: absolute;
                            top: 50%;
                            transform: translateY(-50%);
                            // vertical-align: middle;
                            white-space: nowrap;
                            [line] {
                                [attr_key] {
                                    display: inline-block;
                                    width: 50%;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    padding-left: 20px;
                                }
                                [attr_val] {
                                    display: inline-block;
                                    width: 50%;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    padding-left: 4px;
                                }
                            }
                        }
                    }
                    // 车位检测模式（车牌检测）
                    .parking-main {
                        height: 65%;
                        background-repeat: no-repeat;
                        background-size: contain;
                        background-position: center;
                    }
                    .parking-bottom {
                        height: 35%;
                        .parking-bottom-list {
                            float: left;
                            width: 50%;
                            .parking-info-name {
                                padding: 2px;
                            }
                            .parking-number {
                                height: 40px;
                            }
                            .parking-number-img {
                                background-repeat: no-repeat;
                                background-size: contain;
                                background-position: center; 
                            }
                            .parking-no-img {
                                background-repeat: no-repeat;
                                background-size: auto 44%;
                                background-position: center; 
                            }
                            .parking-number-str {
                                background-image: url('/static/media/plate_bg.c08e53ac.png');
                                background-size: cover;
                                background-position: center center;
                                background-repeat: no-repeat;
                                font-size: 26px;
                                color: white;
                                text-align: center;
                                line-height: 40px;
                                font-weight: bold;
                            }

                        }
                    }

                }
            }
            // [belt="2"] {
            //     height: 64px;
            //     margin-top: -32px;
            // }
            // [belt="1"] > div:first-child {
            //     display: none;
            // }
            // [belt="1"] ~ [detail="0"] {
            //     padding-bottom: 16px;
            // }
            // [belt="1"] ~ [detail="1"] {
            //     padding-top: 16px;
            // }
            // [belt="2"] ~ [detail="0"] {
            //     padding-bottom: 32px;
            // }
            // [belt="2"] ~ [detail="1"] {
            //     padding-top: 32px;
            // }
        }
        [slider="1"] {
            [belt]:first-child {
                display: none;
            }
            [detail] {
                height: calc(50% - 16px);
            }
        }
    }
    &[listlayout="face"] [bottom] {
        height: 23%;
    }
    &[listlayout="body"] [bottom] {
        height: 46%;
    }
    &[listlayout="car"] [bottom] {
        height: 31%;
    }
    &[listlayout="facebody"] [bottom] {
        height: 35%;
    }
    &[listlayout="bodyplate"] [bottom] {
        height: 35%;
    }
    &[listlayout="facecar"] [bottom] {
        height: 27%;
    }
    &[listlayout="bodycar"] [bottom],
    &[listlayout="facebodyplate"] [bottom] {
        height: 39%;
    }
    &[listlayout="classroom"] [bottom] {
        height: 23%;
    }
    &[listlayout="facebodycar"] [bottom] {
        height: 50%;
    }
    &[listlayout="parking"] [bottom] {
        height: 31%;
        [stat="car"] {
            [icon_wrap="car"] {
                height: 100%;
            }
        }
    }
    [bottom] {
        background-color: rgb(240, 242, 245);
        position: relative;
        overflow: hidden;
        [empty_area] {
            height: 100%;
            background-size: 100% 80%;
            background-repeat: no-repeat;
            background-position: center;
        }
        [thumbnail_area] {
            width: 100%;
            position: absolute;
            top: 2px;
            bottom: 0;
            padding-right: 66px;
            overflow: hidden;
            [listlayout] {
                display: none;
                overflow: hidden;
                // padding-bottom: 1px;
                // ad的icon有时候会在下一次render的时候才赋高宽，这里强制设置下
                .anticon svg {
                    width: 15px;
                    height: 15px;
                }
                & > div {
                    float: right;
                    height: 100%;
                    width: calc((100vh - 64px - 20px - 38px) * 0.5 * 0.23);
                    min-width: calc(
                        (@previewMinHeight - 20px - 38px) * 0.5 * 0.23
                    );
                    background-position: center;
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-color: rgb(232, 234, 235);
                    // margin-left: 1px;
                    border: solid 2px rgb(240, 242, 245);
                    cursor: pointer;
                    font-size: 0px;
                    &.empty-pic {
                        background-size: 45% auto;
                        &[type="plate"] {
                            // background-image: none !important;
                            // box-shadow: inset 0 0 0 4px #CACDCF;
                            background-size: auto 38%;
                        }
                    }
                }
            }
            [listlayout="face"],[listlayout="classroom"]:nth-child(1),
            [listlayout="face"],[listlayout="classroom"]:nth-child(2) {
                display: block;
                height: 50%;
                & > div {
                    width: calc((100vh - 64px - 20px - 38px) * 0.23 * 0.5);
                    min-width: calc(
                        (@previewMinHeight - 20px - 38px) * 0.23 * 0.5
                    );
                }
            }
            [listlayout="face"],[listlayout="classroom"]:nth-child(2) > div {
                border-bottom: none;
            }
            [listlayout="body"]:nth-child(1),
            [listlayout="body"]:nth-child(2) {
                display: block;
                height: 50%;
                & > div {
                    width: calc(
                        (100vh - 64px - 20px - 38px) * 0.46 * 0.5 * 0.5
                    );
                    min-width: calc(
                        (@previewMinHeight - 20px - 38px) * 0.46 * 0.5 * 0.5
                    );
                }
            }
            [listlayout="body"]:nth-child(2) > div {
                border-bottom: none;
            }
            [listlayout="car"] {
                & > div {
                    width: calc((100vh - 64px - 20px - 38px) * 0.31 * 0.375);
                    min-width: calc(
                        (@previewMinHeight - 20px - 38px) * 0.31 * 0.375
                    );
                }
            }
            [listlayout="parking"]:nth-child(1),
            [listlayout="parking"]:nth-child(3),
            [listlayout="car"]:nth-child(1),
            [listlayout="car"]:nth-child(3) {
                display: block;
                height: 37.5%;
            }
            [listlayout="parking"]:nth-child(2),
            [listlayout="parking"]:nth-child(4),
            [listlayout="car"]:nth-child(2),
            [listlayout="car"]:nth-child(4) {
                display: block;
                height: 12.5%;
            }
            [listlayout="parking"]:nth-child(4) > div,
            [listlayout="car"]:nth-child(4) > div {
                border-bottom: none;
            }
            [listlayout="facebody"] {
                & > div {
                    width: calc((100vh - 64px - 20px - 38px) * 0.35 * 0.33);
                    min-width: calc(
                        (@previewMinHeight - 20px - 38px) * 0.35 * 0.33
                    );
                }
            }
            [listlayout="facebody"]:nth-child(1) {
                display: block;
                height: 33%;
            }
            [listlayout="facebody"]:nth-child(2) {
                display: block;
                height: 67%;
            }
            [listlayout="facebody"]:nth-child(2) > div {
                border-bottom: none;
            }
            [listlayout="facecar"],
            [listlayout="bodyplate"] {
                & > div {
                    width: calc((100vh - 64px - 20px - 38px) * 0.27 * 0.43);
                    min-width: calc(
                        (@previewMinHeight - 20px - 38px) * 0.27 * 0.43
                    );
                }
            }
            [listlayout="facecar"]:nth-child(1) {
                display: block;
                height: 43%;
            }
            [listlayout="facecar"]:nth-child(2) {
                display: block;
                height: 43%;
            }
            [listlayout="facecar"]:nth-child(3) {
                display: block;
                height: 14%;
            }
            [listlayout="facecar"]:nth-child(3) > div {
                border-bottom: none;
            }
            [listlayout="bodycar"],
            [listlayout="facebodyplate"] {
                & > div {
                    width: calc((100vh - 64px - 20px - 38px) * 0.39 * 0.3);
                    min-width: calc(
                        (@previewMinHeight - 20px - 38px) * 0.39 * 0.3
                    );
                }
            }
            [listlayout="bodycar"]:nth-child(1) {
                display: block;
                height: 60%;
            }
            [listlayout="bodycar"]:nth-child(2) {
                display: block;
                height: 30%;
            }
            [listlayout="bodycar"]:nth-child(3) {
                display: block;
                height: 10%;
            }
            [listlayout="bodycar"]:nth-child(3) > div {
                border-bottom: none;
            }
            [listlayout="bodyplate"]:nth-child(1) {
                display: block;
                height: 90%;
            }
            [listlayout="bodyplate"]:nth-child(2) {
                display: block;
                height: 10%;
            }
            [listlayout="bodyplate"]:nth-child(2) > div {
                border-bottom: none;
            }
            [listlayout="facebodyplate"]:nth-child(1) {
                display: block;
                height: 33%;
            }
            [listlayout="facebodyplate"]:nth-child(2) {
                display: block;
                height: 57%;
            }
            [listlayout="facebodyplate"]:nth-child(3) {
                display: block;
                height: 10%;
            }
            [listlayout="facebodyplate"]:nth-child(3) > div {
                border-bottom: none;
            }
            [listlayout="facebodycar"] {
                & > div {
                    width: calc((100vh - 64px - 20px - 38px) * 0.5 * 0.23);
                    min-width: calc(
                        (@previewMinHeight - 20px - 38px) * 0.5 * 0.23
                    );
                }
            }
            [listlayout="facebodycar"]:nth-child(1) {
                display: block;
                height: 23%;
            }
            [listlayout="facebodycar"]:nth-child(2) {
                display: block;
                height: 46%;
            }
            [listlayout="facebodycar"]:nth-child(3) {
                display: block;
                height: 23%;
            }
            [listlayout="facebodycar"]:nth-child(4) {
                display: block;
                height: 8%;
            }
            [listlayout="facebodycar"]:nth-child(4) > div {
                border-bottom: none;
            }
        }
        [stat] {
            width: 64px;
            position: absolute;
            right: 0;
            top: 2px;
            bottom: 0;
            text-align: center;
            background-size: cover;
            overflow: hidden;
            [icon_wrap] {
                overflow: hidden;
                background: #fff;
                border-top: rgb(240, 242, 245) solid 2px;
                border-bottom: rgb(240, 242, 245) solid 2px;
                [icon_table] {
                    width: 100%;
                    height: 100%;
                    display: table;
                    table-layout: fixed;
                    [icon_cell] {
                        display: table-cell;
                        height: 100%;
                        vertical-align: middle;
                        .anticon {
                            width: 100%;
                            color: rgb(143, 143, 143);
                            cursor: auto;
                        }
                    }
                }
            }
            [popup_handle] {
                height: 32px;
                padding: 3px 0;
                border-top: rgb(240, 242, 245) solid 2px;
                width: 100%;
                background: #fff;
            }
            &._empty_ [icon_wrap] {
                background: rgb(232, 234, 235);
                [icon_table] [icon_cell] .anticon {
                    color: #cacdcf;
                }
            }
            &._empty_ [popup_handle] {
                background: rgb(232, 234, 235);
            }
        }
        [stat="face"] {
            [icon_wrap="face"] {
                height: calc(100% - 32px);
            }
        }
        [stat="classroom"] {
            [icon_wrap="classroom"] {
                height: calc(100% - 32px);
            }
        }
        [stat="body"], [stat="nonmotor"] {
            [icon_wrap="body"] {
                height: calc(100% - 32px);
            }
            [icon_wrap="nonmotor"] {
                height: calc(100% - 32px);
            }
        }
        [stat="bodynonmotor"] {
            [icon_wrap="body"] {
                height: 50%;
            }
            [icon_wrap="nonmotor"] {
                height: calc(50% - 32px);
            }
        }
        [stat="car"] {
            [icon_wrap="car"] {
                height: calc(100% - 32px);
            }
        }
        [stat="facebody"], [stat="facenonmotor"] {
            [icon_wrap="face"] {
                height: 33%;
            }
            [icon_wrap="body"] {
                height: calc(67% - 32px);
            }
            [icon_wrap="nonmotor"] {
                height: calc(67% - 32px);
            }
        }
        [stat="facebodynonmotor"] {
            [icon_wrap="face"] {
                height: 33%;
            }
            [icon_wrap="body"] {
                height: calc(33.5% - 16px);
            }
            [icon_wrap="nonmotor"] {
                height: calc(33.5% - 16px);
            }
        }
        [stat="facecar"] {
            [icon_wrap="face"] {
                height: 43%;
            }
            [icon_wrap="car"] {
                height: 43%;
            }
            [popup_handle] {
                height: 14%;
                padding: 4px 0;
            }
        }
        [stat="bodycar"], [stat="nonmotorcar"] {
            [icon_wrap="body"] {
                height: 60%;
            }
            [icon_wrap="nonmotor"] {
                height: 60%;
            }
            [icon_wrap="car"] {
                height: 30%;
            }
            [popup_handle] {
                height: 10%;
                padding: 4px 0;
            }
        }
        [stat="bodynonmotorcar"] {
            [icon_wrap="body"] {
                height: 30%;
            }
            [icon_wrap="nonmotor"] {
                height: 30%;
            }
            [icon_wrap="car"] {
                height: 30%;
            }
            [popup_handle] {
                height: 10%;
                padding: 4px 0;
            }
        }
        [stat="facebodycar"], [stat="facenonmotorcar"] {
            [icon_wrap="face"] {
                height: 23%;
            }
            [icon_wrap="body"] {
                height: 46%;
            }
            [icon_wrap="nonmotor"] {
                height: 46%;
            }
            [icon_wrap="car"] {
                height: 23%;
            }
            [popup_handle] {
                height: 8%;
                padding: 4px 0;
            }
        }
        [stat="facebodynonmotorcar"] {
            [icon_wrap="face"] {
                height: 23%;
            }
            [icon_wrap="body"] {
                height: 23%;
            }
            [icon_wrap="nonmotor"] {
                height: 23%;
            }
            [icon_wrap="car"] {
                height: 23%;
            }
            [popup_handle] {
                height: 8%;
                padding: 4px 0;
            }
        }
    }
    .set-disable {
        color: @disableColor;
        i:hover{
            color: @disableColor; 
        }
    }
    .blur-pic {
        // 设置图片透明度(左上角通道不能透明)
        position: relative;
        &::after {
            content: '';
            position: absolute;
            top: 0;
            left:0;
            right:0;
            bottom:0;
            width: 100%;
            height: 100%;
            background: rgba(232, 234, 235, 0.95);
            border-top-left-radius: 30px;
            border: 1px solid @border-color;
        }
    }
}
@media screen and (max-width: 1600px) {
    ._AIPreview_ {
        [main] {
            [slider] {
                width: 448px;
            }
        }
    }
}

@media screen and (min-width: 1600px) {
    ._AIPreview_ {
        [main] {
            [slider] {
                width: 28vw;
            }
        }
    }
}

@media screen and (max-height: 900px) {
    ._AIPreview_ {
        [main] {
            [detail] {
                [wrap] {
					[attr] {
                        height: 135%!important;
						transform: scale(0.75);
						transform-origin: top;
					}
				}
            }
        }
    }
}



._figure_ {
  .figure-wrap {
    margin: 20px auto;
    position: relative; 
    background-image: url(/static/media/motion_figure.763d43f2.png);
    background-repeat: repeat;
    background-position: center;
  }

  .figure-canvas {
    position: relative;
    height: 100%;
    left: 0px;
  }

  .figure-threshold {
    position: absolute;
    height: 1px;
    width: 100%;
    left: 0px;
    background-color: #000;
  }
}



._AlarmAudioConfig_ {
  background: @baseColor;
  padding: 32px;

  .LabelInput-behind-dark {
    padding: 5px 10px;
    margin-bottom: 0px;
    margin-top: -1px;
  }

  .content {
    .ant-divider-horizontal {
      height: 0;
      margin: 0px
    }

    .LabelSwitch-label-Col,
    .LabelInput-label-Col,
    .labelSelect-label-Col {
      text-align: left;
    }

    .formItem {
      margin-bottom: 15px;
    }
  }

  .event {
    margin-top: -15px;

    .ant-col {
      p {
        padding-left: 0 !important
      }
    }

    .EventHandlerPL15 {
      padding-left: 15px;
      margin-top: 6px;
      margin-bottom: 8px;
    }
  }

  .handle {
    margin-top: 15px;

    button {
      margin-right: 10px;
    }
  }

  // slider相关
  .slider-wrapper {

    .list {

      i {
        font-size: 20px;
      }

      .slide {
        margin-top: -4px !important;
      }

      .ant-slider-track {
        background: @export-color;
      }

      .ant-slider-handle {
        border: 1px solid @border-color;
      }

      .ant-slider-rail {
        background: #e2e4e7;
      }

      .point {
        cursor: pointer;
      }

      .ant-slider-rail,
      .ant-slider-step,
      .ant-slider-track {
        height: 7px;
      }

      .ant-slider-handle {
        margin-top: -4px;
      }
      .ant-slider {
        padding: 0;
        margin-top: 12px;
      }
    }
  }
}

// 菊花图
.empty {
  text-align: center;
  height: 90vh;
  line-height: 90vh;
}


._AlarmConfig_ {
  background: @baseColor;
  padding: 16px;
  .borderDiv{
    margin: 10px 10px 0px 10px;
  }
  .content {
    .LabelSwitch-label-Col, .LabelInput-label-Col, .labelSelect-label-Col {
      text-align: left;
    }
    .list-item {
      margin: 15px 0;
    }
    .LabelInput-label-Col, .labelSelect-label-Col, .macInput-label, .ipInput-label,.LabelIP-label-Col, .LabelSwitch-label-Col, .labelText-label-Col{
      text-align: left;
      padding-left: 15px;
    }
    .LabelInput-behind-dark, .labelSelect-behind-dark {
      padding: 5px 10px;
      margin-bottom: 0px;
      margin-top: -1px;
    }
    ._ScheduleDialog_ {
      .ant-col {
        &:first-child{
          padding-left: 15px;
        }
      }
    }
    ._EventHandlerPanel {
      margin-left: 15px;
      .LabelInput-label-Col, .labelSelect-label-Col {
        padding-left: 0;
      }
      // 音频联动
      .EventHandler-voice {
        margin-top: 15px;
      }
      // 警戒灯
      .LightLinkPanel .ant-collapse-content .ant-row:not(:first-child) {
        margin-top: 15px;
      }
    }
    // .EventHandlerPL15 {
    //   padding-left: 15px;
    //   margin-top: 6px;
    //   margin-bottom: 8px;
    // }
    // .EventHandlerPL16 {
    //   padding-left: 15px;
    // }
  }
  .alarmConfig_bottom {
    margin-left: 15px;
    margin-top: 16px;
    margin-bottom: 30px;
  }
  .fn-marr10 {
    margin-right: 10px;
  }
  .fn-mart15 {
    margin-top: 15px;
  }
  .fn-marb15 {
    margin-bottom: 15px;
  }
  .fn-marr11 {
    margin-left: 10px;
  }
  .dynamic {
    padding: 16px;
    .content {
      border: 1px solid #e5e5e5;
      border-bottom: none;
      margin: 20px 0px;
      .title {
        padding: 10px;
        background: #F5F5F5;
      }
      .alarm_in {
        color: #52c41a;
      }
      .alarm_out {
        color: #1890ff;
      }
      .ant-switch {
        background: #1890ff;
      }
      .ant-switch-checked {
        background: #52c41a;
      }
    }
  }
  ._AlarmPir_ {
    margin: 32px 0 0 16px;
    .slider-wrapper {
      .ant-slider {
        padding: 0;
        margin-top: 12px;
      }
      .slide {
        margin-top: -5px;
      }
    }
  }
}
 //调整ant按钮的padding
.ant-btn {
  padding: 0 18px;
}
.empty {
  text-align: center;
  height: 90vh;
  line-height: 90vh;
}

.fn-padt0 {
  padding-top: 0px;
}
._ExternalSensorAlarm_{
  margin: 15px;
  .LabelInput-behind-dark {
    margin-left: 10px;
  }
  .LabelSwitch-label-dark {
    margin-left: 15px;
  }
  .rangeInput {
    line-height: 32px;
    text-align: center;
  }
}

.Asset-container{
    border: 1px solid @border-color;   
}
._AssetConfig_ {
    height: 100%;
    .main{
      min-height: 73vh;
    }
    .assetDiv {
        border: 1px solid @border-color;
        margin:16px;
        height:100%;
        .upload{
          padding: 10px 32px;
        }
        .upload-file{
          padding: 20px 20px;
        }
        .upload-marginTop{
            margin-top: 25px
        }
        .header{
          padding: 10px 32px;
          border-bottom: 1px solid @border-color;
          .header-right{
            color: @export-color;
            text-align: right;
          }
        }
        .search{
          padding: 30px 32px;
        }
    }

    .assetDiv_up {
        border-bottom:1px solid @border-color;
    }

    .div_floatLeft{
        float: left;
    }
    .marginLeft10px{
        margin-left: 10px;
    }
    .marginLeft20px{
        margin-left: 20px;
    }
    .marginRight20px{
        margin-right: 20px;
    }
    .marginLeft90px{
        margin-left: 90px;
    }
    .marginTop10px{
        margin-top: 10px
    }
    .width300px{
        width: 300px
    }
    .width30px{
        width: 30px
    }
    .height60px{
        height: 60px
    }
    .paddingTop20px{
        padding-top: 20px
    }
    .assetDiv_pl {
        padding: 10px 16px;
        border: 1px solid @border-color;
        height: 50px;
        line-height: 30px;
    }
    .assetDiv_name {
        width: 170px;
        margin-left: 20px;
        // margin-right: 20px;
    }
    .assetDiv_bn{
        margin: 10px;
        width: 100px;
        float:right;
    }
    .assetDiv_Confirm{
        width: 100px;
        margin-left: 20px;
        margin-right: 20px;
    }
    .tableDiv{
        margin: 16px;
        // border-left: 1px solid @border-color;
        // border-right: 1px solid @border-color;
        // border-bottom: 1px solid @border-color;
    }

    .textAlign {
        text-align: right
    }
    .buttonDiv {
        margin:'15px';
        width: '100px';
        float:'left'
    }
    .labelCol {
        margin: 10px 10px 10px 10px;
    }
    .pa-div {
        border:1px solid @border-color;
        margin:-11px 10px 10px 10px;
    }
    .borderBottom{
        border-bottom:1px dashed @border-color;
    }
    .borderTop{
        border-top: 1px dashed @border-color
    }
    .button_color{
        color: @export-color;
        text-align: right;
        line-height: 30px;
    }
    .bn_margin{
        margin: 20px 0px 20px -30px;
    }
    .fileChoose{
        width: 370px;
        float: left;
    }
    .min_width270px{
        min-width: 270px;
    }
    .min_width170px{
        min-width: 170px;
    }
    .fileInput{
        margin: 0px !important;
    }
    .ant-tooltip-inner{
        background-color: white !important;
        color: #272727 !important;
        border: 1px solid  @border-color !important;
    }
    // .ant-tooltip-arrow{
    //     background-color: #ffffff !important;
    //     left: -3px !important;
    //     border-width: 6px 10px 6px 1px !important;
    //     border-right-color: @border-color !important;
    // }
    .ant-tooltip-placement-right .ant-tooltip-arrow, .ant-tooltip-placement-rightTop .ant-tooltip-arrow, .ant-tooltip-placement-rightBottom .ant-tooltip-arrow{
        border-right-color: @white !important;
        left: 4px !important;
    }
}
 

  





._AudioEncode_ {
    background: @indexBgColor;
    height: 100%;
    overflow: hidden;
    .borderDiv {
        margin: 16px 16px 0px 32px;
        .channel {
            margin: 10px 0;
        }    
        .LabelSwitch-label-Col, .LabelInput-label-Col, .labelSelect-label-Col, .labelText-label-Col, .labelSlider-label-Col {
            text-align: left;
            padding-left: 16px;
            label {
                color:@font-color;
            }
        }
        .attrbute {
            width: 1000px;
            margin-top: 10px;
            margin-left: -15px;
            .list-item {
                margin: 15px 0;
            }
        }
    }

    .borderDiv_inner {
        border: 1px solid @border-color;
        height: 274px;

        .list-item {
            margin: 20px 0px -8px 16px;
        }
    }

    .borderDiv_inner_left {
        margin: 0;
    }

    .borderDiv_inner_right {
        margin: 0px 0px 0px -1px;
    }

    .row_title_style {
        padding-left: 14px;
        height: 34px;
        background-color: @contentTitleColor;
        text-align: left;
        font-family: auto;
        font-weight: bold;
    }

    .operation {
        margin: 0 0 30px 32px;

        .fn-marr10 {
            margin-right: 10px;
        }
    }

    .labelCol {
        line-height: 34px;
        font-weight: normal;
    }
}
.empty{
    min-height: 90vh;
    text-align: center;
    line-height: 90vh;
}



.slider-wrapper {
    position: relative;
    padding: 0;

    .text-l {
        text-align: left; 
    }

    .text-c {
        text-align: center;
    }

    .iconCol {
        
        margin-top: 4px;
        i {
            cursor: pointer;
        }
    }

    .ant-slider {
        padding: 0;
        margin-top:12px;
    }

    .labelSlider {
        line-height: 32px;
        margin: 0 10px;
    }
}

._AudioManage_ {
  padding: 16px;
  background: @white;
  .list-item {
    margin: 15px 0;
  }
  a {
    color: @font-color;
  }
  .myicon {
    &:hover {
      color: @export-color;
    }
  }
  .disable {
    color: @disableColor;
    .myicon {
      &:hover {
        color: @disableColor;
      }
    }
  }
  table {
    border: 1px solid @border-color;
  }
  .audio-tip {
    width: 580px;
    .ant-alert-message {
      font-weight: bold;
    }
    .ant-alert-description {
      white-space: pre-line;
    }
  }
}
._AddAudio_ {
  .list-item {
    margin: 20px 0;
  }
}


._AutoRegister_{
  padding: 16px;
  .container{
    padding-top: 18px;
    // border: 1px solid @border-color;
    .LabelSwitch-label-Col, .LabelIP-label-Col, .labelText-label-Col, .LabelInput-label-Col{
      text-align: left;
       padding-left: 15px;
    }
    .ant-form-item{
        margin-bottom: 0;
    }
    .ant-form-item-control{
        // line-height: 0;
    }
    > .ant-row{
      margin-bottom: 12px;
      &:last-child{
        margin-bottom: 4px;
      }
    }
    .LabelIP-container{
      margin: 0;
    }
    .LabelIP-label-dark{
      color: @font-color;
    }
    .LabelIP-ip-input .LabelIP-ip-input__item{
      display: inline;
    }
    .LabelIP-ip-input,
    .ant-input-number,
    #normal_login_EquipmentID {
      width: 99% !important;
    }
    .LabelIP-has-error{
        border: 1px solid @border-color;
    }
    .LabelIP-ip-input__item{
      input{
        width: calc(24% - 2.6px);
      }
    }
  }
  .handle{
    margin-top: 4px;
    padding-left: 15px;
    button{
      margin-right: 10px;
    }
  }
  .LabelInput-behind-dark {
    margin-bottom: 0px;
  }
  .main{
    border:none;
    margin: 10px 16px 0px 2px;
    border-top: 1px solid @border-color;
  }
}
.empty{
  text-align: center;
  height: 90vh;
  line-height: 90vh;
}


.HttpsUpload {
    .fn-marr10 {
        margin-right: 10px;
    }
    .fn-marb10 {
        margin-bottom: 10px;
    }
    .fn-marb20 {
        margin-bottom: 10px;
    }
    .fn-center {
        text-align: center;
    }
    .fn-maxWid80 {
        max-width: 80px;
    }
    .fn-maxWid150 {
        max-width: 150px;
    }
    .fn-maxWid200 {
        max-width: 200px;
    }
    .fn-maxWid300 {
        max-width: 300px;
    }
    .editable-cell-value-wrap {
        text-align: center;
    }
    .ant-form-item-control {
        text-align: center;
    }
    .fn-color-gray {
        color: @disableColor;
    }
    .httpping-test {
        .success {
            margin-left: 5px;
            color: green;
        }
        .error {
            margin-left: 5px;
            color: red;
        }
    }
    .leftrightwarpper {
        overflow: hidden;
        .left {
            float: left;
        }
        .right {
            float: right;
        }
    }
    .ant-table-wrapper {
        border-left: 1px solid @border-color;
        border-right: 1px solid @border-color;
    }
    .m-text-ellipsis {
        word-wrap:break-word;
        word-break:normal; 
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .editable-cell-value-wrap:hover {
        outline: 1px solid @border-color;
    }
}



._AutoUpload_{
    padding: 16px;
    .fn-marr10 {
        margin-right: 10px;
    }
    .fn-marb10 {
        margin-bottom: 10px;
    }
    .fn-marb15 {
        margin-bottom: 15px;
    }
    .fn-marb20 {
        margin-bottom: 10px;
    }
    fn-mart10 {
        margin-top: 10px;
    }
    .ant-form-item {
        margin-bottom: 10px;
    }
    table .address .ant-form-explain {
        margin: auto;
        width: 150px;
        text-align: left;
    }
    table .port .ant-form-explain {
        margin: auto;
        width: 88px;
        text-align: left;
    }
    .receivers {
        min-height: 30px;
        margin-bottom: 10px;
        li {
            display: flex;
            height: 30px;
            line-height: 30px;
            padding-left:10px;
            overflow: hidden;
            label{
                overflow: hidden;
                text-overflow:ellipsis;
                white-space: nowrap;
                float: left;
                min-width: calc(51% - 30px);
                max-width: calc(100% - 48px);
            }
            .opera {
                width: 4%;
                float: left;
                margin-left: 20px;
                
            }
            .error {
                color: @error-color;
            }
            .success {
                color: @success-color;
            }
            &:last-child {
                border-bottom: none;
            }
        }
        .labelSelect-behind-dark {
            padding: 0 5px;
        }

    }
}

._BaseService_{
    .actions{
        & button{
            margin-right: 10px;
        }
    }
    .labelText-label-Text{
        color: @errorColor !important;
    }
}

._BaseService_{
  min-height: 860px;
  color: @font-color;
  padding: 16px;
  .box{
    // padding: 16px;
    // border: 1px solid @border-color;
  }
  .ip{
    .ant-row{
      margin-bottom: 10px;
      &:last-child{
        margin-bottom: 0px;
      }
    }
  }
  .labelSelect-label-dark,.LabelIP-label-dark,.LabelInput-label-dark{
    color: @font-color;
  }
  .LabelInput-label-Col, .labelSelect-label-Col, .macInput-label, .ipInput-label,.LabelIP-label-Col{
    text-align: left;
  }
  .ant-row{
    margin-bottom: 6px;
  }
  .macInput-label{
    padding: 6px 10px 10px 0;
  }
  .mac-box{
    padding: 0;
  }
  .ipInput-label, .ipInput-box{
    padding: 0;
  }
  .ipInput-label{
    min-width: 0;
  }
  .LabelIP-container{
    margin: 0;
  }
  .error-text{
    display: none;
  }
  .LabelIP-has-error{
    border: 1px solid @border-color;
  }
  .mtu{
    padding-top: 14px;
    border-top: 1px solid @border-color !important;
  }
  .handle{
    button {
      margin-right: 6px;
    }
  }
  .Prefix{
    text-align: center;
    margin-top: 6px;
  }
  .numbers{
      .ant-input-number{
        width: calc(128.8888888% - 21px);
      }
  }
  .LabelIP-ip-input__item{
    input{
      display: inline-block;
      width: calc(24% - 2.6px);
    }
  }
  .mac-box .mac-input{
    width: calc(16.667% - 8.667px);
    padding: 0;
    min-width: 0;
  }
  .mac-box .mac-point{
    padding: 5px 3px;
  }
  .ipInput-box .item{
    width: calc(25% - 8px);
  }
  .LabelIP-ip-input .LabelIP-ip-input__item{
    display: inline;
  }
}
.form-container {
    padding-top: 15px;
    // .form-items {
    //     padding      : 30px 32px;
    //     border       : 1px solid #E8E8E8;
    //     margin-bottom: 10px;
    // }

    .LabelInput-label-Col, .labelSelect-label-Col, .macInput-label, .ipInput-label,.LabelIP-label-Col,.LabelSwitch-label-Col{
        text-align: left;
        padding-left: 15px;
    }

    .ant-col:nth-last-child(1) {
        & .ant-form-item {
            margin-bottom: 0;
        }
    }
    .ant-form-item {
        margin-bottom: 6px;
    }
    .form-actions{
        margin-bottom: 0;
    }
}

._BatteryStateConfig_{
  padding: 16px;
  background: @white;
    .ant-row{
        padding: 4px 0;
        color: @font-color;
    }
    .fn-mart10 {
      margin-top: 10px;
    }
}

._BluetoothTable_{
    position: relative;
    .ant-table-thead {
        border-top:none
    }
    .ant-table-body {
        overflow-y: auto !important;
    }
    .bottom-pagination{
        border-top: 1px solid  @border-color;
    }
    border: 1px solid @border-color;
    .anticon {
        color: inherit;
    }
    .anticon-disabled {
        color: grey;
        cursor: not-allowed;
    }
    .selectedRow {
        background-color: #E6F7FF;
    }
    //调整图标颜色
    i {
        cursor: pointer;
        &:hover {
            color: @export-color;
        }
    }
}

._BTonlineTab_{
    position: relative;
    .ant-table-thead {
        border-top:none
    }
    .ant-table-body {
        overflow-y: auto !important;
    }
    .bottom-pagination{
        border-top: 1px solid  @border-color;
    }
    border: 1px solid @border-color;
    .anticon {
        color: inherit;
    }
    .anticon-disabled {
        color: grey;
        cursor: not-allowed;
    }
    .selectedRow {
        background-color: #E6F7FF;
    }
    //调整图标颜色
    i {
        cursor: pointer;
        &:hover {
            color: @export-color;
        }
    }
}


._BluetoothConfig_ {
    background: @baseColor;
    padding: 16px;
    .content {
        padding-top: 18px;
        .LabelSwitch-label-Col, .LabelInput-label-Col, .labelSelect-label-Col, 
        .labelText-label-Col{
            text-align: left;
            padding-left: 15px;
            label {
                color:@font-color;
            }
        }
        .list-item {
            margin: 15px 0;
        }
        .borderb {
            border-bottom: 1px solid @border-color;
        }
        .title-wrap {
            font-weight: bold;
            line-height: 40px;
            background-color: @panelBackgroundColor;
        }
        .info-wrap {
            border: 1px solid @inputBorderColor;
        }
        .fontbold {
            font-weight: bold;
            line-height: 40px;
        }
        .fn-floatR {
            float: right;
        }
        .fn-floatL {
            float: left;
        }
    }
    ._BluetoothTable_,
    ._BTonlineTab_ {
        margin: 10px;
        .ant-table-fixed-header .ant-table-scroll .ant-table-header {
            margin-bottom: 0 !important;
            padding-bottom: 0 !important;
            overflow: hidden;
        }
    }
    ul, li {
        list-style: none;
        padding: 0
    }
    .operation {
        margin: 10px 0px 0px 15px;
    }
    .fn-marr10 {
        margin-right: 10px;
    }
    .fn-marl10 {
        margin-left: 10px;
    }
    .fn-marl15 {
        margin-left: 15px;
    }
    .fn-mart15 {
        margin-top: 15px;
    }
    .fn-padl15 {
        padding-left: 15px;
    }
    .ant-modal .ant-modal-content {
        .ant-modal-header {
            padding: 14px 10px 14px 16px;
        }
        .ant-modal-close-x {
            width: 50px;
            height: 50px;
            line-height: 50px;
            padding-left: 18px;
        }
        .ant-modal-footer {
            padding: 10px;
        }
        .ant-modal-body {
            padding: 25px 60px 25px 60px;
            .ant-form {
                margin-top: -5px;
                margin-bottom: -5px;
                .ant-form-item-label {
                    text-align: left;
                }
            }
            .ant-form > .ant-col {
                margin-bottom: 4px;
                &:last-child {
                    margin-bottom: 0px;
                }
            }
        }
        .ant-row {
            margin-bottom: 6px;
            &:last-child {
                margin-bottom: 0px;
            }
        }
    }
}

._BonjourConfig_{
  color: @font-color;
  padding: 16px;
  .main{
    .ant-row{
      margin-bottom: 10px;
      &:last-child{
        margin-bottom: 0px;
      }
    }
  }
  .labelSelect-label-dark,.LabelIP-label-dark,.LabelInput-label-dark, .LabelSwitch-label-Col{
    color: @font-color;
  }
  .LabelInput-label-Col, .labelSelect-label-Col, .macInput-label, .ipInput-label,.LabelIP-label-Col,.LabelSwitch-label-Col{
    text-align: left;
    padding-left: 15px;
  }
  .ant-row{
    margin-bottom: 10px;
    .ant-row{
      margin-bottom: 0px;
    }
  }
  .handle{
    margin-bottom: 0px;
    button {
      margin-right: 10px;
    }
  }
}


._Matrix_{
    padding: 16px;
    background: @baseColor;
    min-height: 90vh;
    .main{
        padding-left : 10px;
        .title-style{
            height: 23px;
            line-height: 23px;
            text-align: center;
            color: @baseColor;
        }
        .half-width{
            width: 50%;
            display: inline-block;
        }
    }
    .handle{
        button{
            margin: 10px 10px 0 0;
        }
    }
    ._MatrixPlugin_ {
        width: 100%;
        height: 338px;
        .video-wrap {
            width: 100%;
            height: 338px;
        }
        background-color:#000;
    }
    .matrix-ptz {
        height: 370px;
        padding-top: 90px;
        display: inline-block;
        border: 1px solid @border-color;
    }
    .matrix-detail {
        width: 100%;
        height: 210px;
        overflow-Y:auto;
        display: inline-block;
        border: 1px solid @border-color;
        .ant-table-body{
            overflow-y: auto !important;
            .highLight{
                background-color:rgb(230, 247, 255)
            }
        }
    }
    .mart10 {
        margin-top: 10px;
    }
    .marb10 {
        margin-bottom: 10px;
    }
    .line {
        margin: 10px 0 10px 0;
        border-top: 1px solid #e8e8e8;
    }
    .fn-hide {
        display:none;
    }
    i {
        cursor: pointer;
    }
    i:hover {
        color:@export-color;
    }
    .ant-row{
        margin-bottom: 10px;
        &:last-child{
            margin-bottom: 0px;
        }
    }
    .ant-form-item{
        margin-bottom: 0;
    }
    .ant-form-item-control{
        line-height: 0;
    }
    .ant-progress-bg{
        background-color: #8fc6f8;
        background-image: linear-gradient(to right, rgb(16, 142, 233) 0%, rgb(135, 208, 104) 100%);
        background-size: 40px 40px;
        background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
        background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
        background-image: -ms-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
        -webkit-background-size: 40px 40px;
        background-size: 40px 40px;
    }

    .ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
        text-shadow: 0 1px 2px #1890FF;
    }
}
.cali-modal {
    .cali-success {
        color: #43eb0c;
    }
    .cali-error {
        color: #f00910;
    }
    .mart10 {
        margin-top: 10px;
    }
}
.ant-tooltip {
    max-width: 300px;
}



.slider-wrapper {
    position: relative;
    padding: 0;

    .text-l {
        text-align: left; 
    }

    .text-c {
        text-align: center;
    }

    .iconCol {
        
        margin-top: 4px;
        i {
            cursor: pointer;
        }
    }

    .ant-slider {
        padding: 0;
    }

    .labelSlider {
        line-height: 32px;
        margin: 0 10px;
    }
}


._Track_{
    padding: 16px;
    background: @baseColor;
    min-height: 85vh;
    .main{
        padding-top : 18px;
        padding-left : 10px;
    }
    .ant-form-item-control{
        margin-left:5px;
        line-height: 32px;
    }
    .handle{
        button{
            margin-right: 10px;
        }
    }
    .fn-mart10{
        margin-top: 10px;
    }
    .fn-padr10{
        padding-right: 10px;
    }
    .Label-label-dark {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}
.empty{
  padding: 10px;
  background: @white;
  // min-height: 85vh;
  text-align: center;
  // line-height: 84vh;
}


._CameraConfig_ {
  .fn-left {
    float: left;
  }
  .fn-clear:after {
    content: '';
    display: block;
    clear: both;
  }

  .fn-pad20 {
    padding: 20px;
  }

  .fn-padr20 {
    padding-right: 20px;
  }

  .fn-padt10 {
    padding-bottom: 20px;
  }

  .fn-padb10 {
    padding-bottom: 10px;
  }

  .fn-padb20 {
    padding-bottom: 20px;
  }

  .fn-mart0 {
    margin-top: 0;
  }

  .fn-mart10 {
    margin-top: 10px;
  }
  
  .fn-marl20 {
    margin-left: 20px;
  }

  .fn-marl10 {
    margin-left: 10px;
  }

  .fn-marr10 {
    margin-right: 10px;
  }

  .fn-marr50 {
    margin-right: 50px;
  }

  .fn-bottomline {
    border-bottom: 1px solid #eee;
  }

  .main-body {
    // border-top: 1px solid #eee;
    padding-top: 10px;
  }

  .model-check-wrap {
    border-top: 1px solid #eee;
    line-height: 36px;
    margin-left: -10px;
  }

  .cameraConfig-m-left {
    min-height: 338px;
  }

  .cameraConfig-m-left.sider {
    width: 470px;
    position: relative;
  }

  .cameraConfig-m-right {
    width: calc(100% - 500px);
  }

  .cameraConfig-m-right {
    .sceneMode-wrap {
      line-height: 36px;
      padding-left: 13px;//UI建议优化
      border: 1px solid #eee;
      margin-bottom:20px; 
      div > div {
        width: 200px;
      }
    }
  }

  .cameraConfig-footer {
    margin-top: 10px;
  }

  .video-wrap {
      position: relative;
      width: 430px;
      height: 338px;
      background-color: #1b1b1b;
      line-height: 338px;
      font-size: 40px;
      text-align: center;
  }

  .camera-model-wrap {
    height: 284px;
    overflow-y: auto;
    padding-left: 10px;
  }


  .aitoolsbar-warp {
    display: inline-block;
    position: absolute;
    left: 430px;
    width: 40px;
    height: 338px;
    background-color: #e8e8e8;
    text-align: center;
    .icon-margin {
      width: 1px;
      height: 296px;
    }
    .icon {
      height: 40px;
      line-height: 40px;
      cursor: pointer;
    }
  }

  ._CameraConfigTab_ {
    padding: 32px;
    .schdule-top {
      padding-top: 10px;
      border-top: 1px solid #eee;
      .schdule-btn-wrap {
        margin-right: 12px;
      }
    }
  }
  ._ZoomFocus_ {
    padding: 32px;
    .video-wrap {
      position: relative;
      width: 636px;
      height: 450px;
      background-color: #1b1b1b;
      line-height: 450px;
    }
    .btn-wrap {
      width: 636px;
      margin-top: 20px;
      button {
        width: 120px;
        margin-right: 20px;
      }
      .label {
        margin: 0 15px 0 60px;
      }
      .icon {
        margin-right: 10px;
      }
    }
  }
}

.Day { background: #fcac15; }
.Night { background: #ac0dce; }
.Normal { background: #1890ff; }
.FrontLight { background: #bc7c00; }
.BackLight { background: #6e52fc; }
.StrongLight { background: #f54117; }
.LowLight { background: #52c41a; }
.FlowingLight { background: #2238c7; }
.Custom { background: #03aeac; }
.Custom1 { background: #0a9c02; }
.Custom2 { background: #424242; }
.Custom3 { background: #FAAD14; }
.Custom4 { background: #FADB14; }
.Custom5 { background: #A0D911; }
.Custom6 { background: #52C41A; }
.Custom7 { background: #13C2C2; }
.Custom8 { background: #1890FF; }
.Custom9 { background: #2F54EB; }
.Custom10 { background: #722ED1; }
.Custom11 { background: #EB2F96; }
.Custom12 { background: #FF4D4F; }
.Custom13 { background: #FF7A45; }
.Custom14 { background: #FF4D4F; }
.Custom15 { background: black; }

.schedule-wrap {
  width: 1046px;
  .main-container {
    border: none;
  }
  .ant-menu-submenu-title {
    background: #e8eaeb;
    margin: 0px;
  }
}

.checkbox-wrap {
  line-height: 32px;
}

.SceneModeColor {
  padding-left: 40px;
  margin-bottom: 10px;  
}

._PointCorrect_ {
  // 页面组件特有的CSS，
  // UI组件的样式在UI组件组内内部
  // 不同通用样式存放在 style/common.less中
  padding-top: inherit; //为了不eslint告警写一个
  margin-top: 10px;
  padding: 32px;

  .video-right {
      width: calc(100% - 480px);
      padding-left: 40px;
  }
  .ptz-icon {
    position: absolute;
    width: 40px;
    bottom: 0px;
  }

  .LabelSwitch-label-dark,
  .labelText-label-dark {
      color: @label-dark-Color;
  }
  .LabelSwitch-label-light,
  .labelText-label-light {
      color: @label-light-Color;
  }

  .fn-left {
      float: left;
  }

  .fn-clear {
      &::after {
          content: "";
          display: block;
          height: 0;
          clear: both;
          visibility: hidden;
      }
  }

  .m-form-control {
      margin: 15px;
      line-height: 32px;
      .ant-col-xxl-4 {
          width: 25% !important;
          margin-right: 20px;
      }
  }

  .fn-table {
      width: 95%;
  }
  .ant-table-body {
      border-left: 1px solid @border-color;
      border-right: 1px solid @border-color;
  }

  .alert-info {
      min-width: 50%;
  }

  .fn-button {
      width: 123px;
      margin-right: 15px;
  }

  .ant-divider-horizontal {
      min-width: 95%;
      width: 95%;
  }

  .cali-pos {
      position: absolute;
      right: 0px;
      top: 348px
  }
}

.ScenePanel-wrap {
	clear: both;
	.ant-layout-sider {
		float: left;
		box-shadow: 8px 0 8px -8px @topMenuTabColor;
		.ant-menu-root {
			border-right: none;
			.sub-tab {
				line-height: 30px;
				height: 30px;
				margin: 0px;
			}
			.ant-menu-item {
				margin-bottom: 0px!important;
			}
		}
	}
	.btn-wrap {
		text-align: center;
	}
	.celibrate-btn {
		padding: 10px;
	}
	.fn-left {
		float: left;
	}
	.fn-marr10 {
		margin-right: 10px;
	}
	.fn-clear:after {
		content: '';
		display: block;
		clear: both;
	}
	.fn-padl20 {
		padding-left: 20px;
	}
	main.ant-layout-content {
		float: right;
		width: calc(100% - 200px);
		padding-left: 16px;
	}
	.selectedRow {
		background-color:rgb(230, 247, 255)
	} 
	.focusExpertWrap {
		border: 1px solid @border-color;
		padding: 10px;
	}
	.irLignt_content {
		margin-top: 20px;
	}
	.irLignt_box {
		background: rgb(230, 247, 255);
		text-align: center;
		margin-bottom: 4px;
		height: 100px;
		line-height: 100px;
		margin-right: 4px;
	}
	.direct-opt-btn {
		min-width: 220px;
		button {
			min-width: 30px;
		}
		button + button {
			margin-left: 15px;
		}
	}
	.title {
		font-weight: bold;
	}
	.horizontal-line {
		width: 70%;
		height: 1px;
		border-bottom: 1px solid #eee;
	}
	.active-btn {
		color: @primary-color;
		border-color: @primary-color;
		background-color: #fff;
	}
}

.drag-wrap {
  height: 100%;
  cursor: move;
  width: 100px;
  background: red;
  position: absolute;
  .drag-right-point,
  .drag-left-point {
    width: 10px;
    height: 100%;
    cursor: w-resize;
  }
  .drag-left-point {
    float: left;
    margin-left: -5px;
  }

  .drag-right-point {
    float: right;
    margin-right: -5px;
  }
}
._ScheduleComponent_ {
  padding-top: 0px;
}
.schedule_header {
  height: 20px;
  line-height: 20px;
  .mark-area {
    width: 93px;
    display: inline-block;
  }

  .header-item {
    display: inline-block;
  }
}

.RowSchdule {
  .row-left {
    width: 80px;
    line-height: 28px;
    text-align: right;
    padding-right: 10px;
  }
  .row-middle {
    width: calc(100% - 150px);
    overflow: hidden;
    padding-left: 6px;
    .main-container {
      padding: 0px;
      // margin-left: -30px;
      height: 28px;
      .slider-container {
        margin-top: 0px;
        height: 28px;
        .onlyNormal-dayplan {
          margin-top: 8px;
        }
      }
      .label {
        display: none;
      }
      .dayplan {
        margin-left: 10px;
        margin-right: 20px;
      }
    }
  }
  .row-right {
    width: auto;
    max-width: 65px;
    .copy-btn {
      height: 28px;
      line-height: 28px;
    }
  }
}

.fn-right {
	float: right;
}
.col-label {
	line-height: 40px;
	text-align: left;
	padding-left: 10px;
}
.col-wrap {
	line-height: 40px;
}
.fn-marr10 {
	margin-right: 10px;
}
.fn-mart10 {
	margin-top: 10px;
}

.SingleSlider-wrap {
	.text-l {
		line-height: 40px;
	}

	.text-r {
		line-height: 40px;
		padding-left: 5px;
	}
	.text-desc {
		line-height: 40px;
		padding-left: 5px;
		text-align: right;
	}
	.ant-slider{
		margin-top:14px;
	}
	.col-label {
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
		line-height: 40px;
	}
}
.SingleSwitch-wrap, .SingleSelect-wrap, .SingleItem-wrap {
	.col-label {
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	}
}
.cameraConfig-footer {
	.ant-menu {
		.ant-menu-submenu {
			border: 1px solid #eee;
			.ant-menu-submenu-title {
				width: 100%;
				margin: 0px;
				background: #e8eaeb;
			}
		}
	}
}

.SingleCard-wrap {
	width: auto;
	padding-left: 10px;
	display: inline-block;
	border: 1px solid transparent;
	line-height: 32px;
	cursor: pointer;
	.card-color {
		display: inline-block;
		width: 10px;
		height: 10px;
		border-radius: 20px;
		margin-top: 4px;
	}
	.card-desc {
		width: auto;
		padding-right: 10px;
		margin-left: 10px;
		display: inline-block;
	}
}
.SingleCard-wrap:hover {
	border-color: #eee;
}

.SingleCard-wrap.active {
	background: #eee;
}

._SingleModal_ {
	position: relative;
	float: left;
	border: 1px solid #eee;
	border-radius: 3px;
	background: #fff;
	padding: 4px;
	z-index: 10000;
	.single_modal_title {
		height: 20px;
		text-align: right;
		color: #bbb;
	}
}
._SingleRangerInput_ {
	.singleRangeInput {
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
		line-height: 40px;
	}
}
._CameraNewConfig_ {
  padding-left: 30px;
  padding-top: 20px;
  .cameraNewConfig-container{
      .cameraNewConfig-time{
          &>span{min-width: 100px;width: fit-content;text-align: center;display: inline-block;margin: 0 10px;}
      }
      .cameraNewConfig-table-container{
          height: 280px;
          width: 600px;
          overflow: hidden;
          margin-top: 20px;
          .cameraNewConfig-table{
              input{text-align: center;}
              width: 620px;
          }
      }
      .cameraNewConfig-btn{
          margin-top: 50px;
          overflow: auto;
          &>button{
              margin-left: 20px;
          }
      }
  }
  .cameraNewConfig-deleteConfirm{
        display: flex;
        align-items: center;
        justify-content: center;
  }
}
.vertical-center-modal {
  display: flex;
  align-items: center;
  justify-content: center;
}


._CrowdDistriPicReport_ {
    background: @baseColor;
    padding: 25px 16px 10px 32px;
    .topContent {
        padding-bottom: 10px;
    }
    .ant-divider-horizontal {
        margin: 0;
    }
    .ant-empty-normal {
        margin: 30vh 0;
    }
    .time-select {
        line-height: 40px;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
    .time-tip{
        color: red;
         max-width: 170px;
         position: absolute;
         left: 100px;
         top: 0 
    }
    .label-item{
        display: inline-block;
        width: 110px;
        text-align: justify;
        white-space: nowrap;
    }
    .active {
        color: @export-color;
    }
    .ant-form-item {
        margin-bottom: 0px;
    }
    .IvsObjectDetectChart {
        div:first-child {
            width: 100% !important; 
        }
    }
    .handleBar{
        .btn {
            position: relative;
            top: 95px;
            overflow: hidden auto;
            z-index: 1;
            font-size: 12px;
        }
        .m-text-ellipsis {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            vertical-align: middle;
            padding-right: 10px;
            width: 100%;
        }
        .left{
            text-align: center;
            max-width: 40px;
            min-height: 32px;
            line-height: 32px;
            border: 1px solid @border-color;
            border-radius: 4px 0 0 4px;
            z-index: 1;
            cursor: pointer;
        }
        .right{
            text-align: center;
            max-width: 40px;
            min-height: 32px;
            line-height: 32px;
            border: 1px solid @border-color;
            border-radius: 0 4px 4px 0;
            z-index: 1;
            cursor: pointer;
        }
        .export{
            color: @export-color;
            text-align: right;
            cursor: pointer;
            position: absolute;
            top: 60px;
            right: 50px;
            z-index: 1;
            button {
                min-width: 0px;
                padding: 0px;
            }
        }
        
        button{
            &:first-child{
                border-radius: 4px 0 0 4px;
            }
            &:last-child{
                border-radius: 0 4px 4px 0;
            }
        }
        .btn-active{
            border: 1px solid  @export-color;
            color: @export-color;
        }
        .ant-checkbox-green {
            .ant-checkbox-inner {
                background-color: #52C41A;
                border-color: #52C41A;
            }
        }
        .ant-checkbox-yellow {
            .ant-checkbox-inner {
                background-color: #FCAC15;
                border-color: #FCAC15;
            }
        }
        .ant-checkbox-blue {
            .ant-checkbox-inner {
                background-color: #1890FF;
                border-color: #1890FF;
            }
        }
        .ant-checkbox-purple {
            .ant-checkbox-inner {
                background-color: #D348F6;
                border-color: #D348F6;
            }
        }
        .ant-checkbox-skyblue {
            .ant-checkbox-inner {
                background-color: #13CAE5;
                border-color: #13CAE5;
            }
        }
        .ant-checkbox-brown {
            .ant-checkbox-inner {
                background-color: #CB663E;
                border-color: #CB663E;
            }
        }
        .ant-checkbox-gray {
            .ant-checkbox-inner {
                background-color: #696969;
                border-color: #696969;
            }
        }
        .ant-checkbox-red {
            .ant-checkbox-inner {
                background-color: #F5222D;
                border-color: #F5222D;
            }
        }
        .ant-checkbox-azureblue {
            .ant-checkbox-inner {
                background-color: #03AEAC;
                border-color: #03AEAC;
            }
        }
    }
    .ant-dropdown-menu-item {
        clear: both;
        margin: 0;
        padding: 5px 12px;
        color: #272727;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .ant-dropdown-menu-item:hover {
        background-color: #E6F7FF;
    }
}


._DateConfig_{
  font-size: 14px;
  padding: 16px;
  background: @baseColor;
  min-height: 85vh;
  .labelSelect-label-Col,.LabelInput-label-Col,.LabelSwitch-label-Col{
    text-align: left;
  }
  .ant-calendar-picker,.ant-time-picker{
    //min-width: 210px !important;
    min-width: 185px !important;
    width: 100%;
  }
  .ant-select{
    //min-width: 210px;
    //max-width: 210px;
  }
  .fn-mb12{
    margin-bottom: 12px;
  }
  .fn-mb14{
    margin-bottom: 14px;
  }
  .fn-mb18{
    margin-bottom: 18px;
  }
  .fn-mb0{
    margin-bottom: 0;
  }
  .fn-mt5{
    margin-top: 5px;
  }
  .timeAndZone{
    border: 1px solid @border-color;
    .fw-bold{
      font-weight: bold;
    }
    .fw-dotted{
      border-bottom: 1px solid @border-color;
    }
    .fw-solid{
      border-bottom: 1px solid @border-color;
    }
    .fn-p30{
      padding: 20px;
    }
    .bigFont{
      font-size: 20px;
    }
    .timeClock{
      margin-top: 20px;
    }
    .special{
      .ant-col .ant-col-13 {
        width: 194px;
      }
      .ant-select{
        margin-left: 4px;
      }
    }
    .title{
      padding: 6px 14px;
      .behave{
        margin-bottom: 16px;
      }
    }
    .setting{
      padding: 24px 32px 20px 32px;
      border-bottom: none;

      .labelSelect-behind-dark {
        padding: 0px;
      }

      .LabelInput-behind-dark {
        margin-left: 5px;
      }
    }
    .form-list{
        .ant-form-item{
            margin-bottom: 0;
        }
        .ant-form-explain{
            margin-left: 21%;
        }
    }
  }
  .daylightSavingTime{
    margin-top: 26px;
    border: 1px solid @border-color;
    .title{
      font-weight: bold;
      padding: 6px 14px;
      border-bottom: 1px solid @border-color;
    }
    .container{
      padding: 20px 32px 20px 32px;
    }
    .labelSelect-behind-dark {
      padding: 0px;
    }
  }
  ._GPSCheck_{
    margin-top: 26px;
    border: 1px solid @border-color;
    .title{
      font-weight: bold;
      padding: 6px 14px;
      border-bottom: 1px solid @border-color;
    }
    .container{
      padding: 20px 32px 20px 32px;
    }
    .LabelInput-behind-dark {
      margin-left: 5px;
    }
  }
  .handle{
    margin-top: 10px;
    button{
      margin-right: 10px;
    }
  }
  .time {
    .ant-select {
        //width: 50vh !important;
        max-width: 1000px;
        min-width: auto;
    }
  }
}
.empty{
  padding: 10px;
  background: @white;
  min-height: 82vh;
  text-align: center;
  line-height: 80vh;
}


._DDNS_ {
	background: @baseColor;
	padding: 0px 16px 16px 16px;
	.content {
	    .ant-form-item{
			margin-bottom: 7px;
		}
		.LabelInput-label-Col, .labelSelect-label-Col, .macInput-label, .ipInput-label, .LabelIP-label-Col, .LabelSwitch-label-Col {
            text-align: left;
            padding-left: 15px;
        }
        .LabelInput-behind-dark {
            margin-bottom: 0px;
        }
	}
    .fn-red{
        color: red;
    }
    .fn-green{
        color: green;
    }
    .fn-blue{
        color: #1890FF;
    }
    .fn-widp100{
        width: 100%;
    }
    .fn-marr10{
        margin-right: 10px;
    }
}


._DDNS_ {
	background: @baseColor;
	padding: 16px;
	.content {
	    .ant-form-item{
			margin-bottom: 7px;
		}
		.LabelInput-label-Col, .labelSelect-label-Col, .macInput-label, .ipInput-label, .LabelIP-label-Col, .LabelSwitch-label-Col {
            text-align: left;
            padding-left: 15px;
        }
        .LabelInput-behind-dark {
            margin-bottom: 0px;
        }
	}
    .fn-red{
        color: red;
    }
    .fn-green{
        color: green;
    }
    .fn-blue{
        color: #1890FF;
    }
    .fn-widp100{
        width: 100%;
    }
    .fn-marr10{
        margin-right: 10px;
    }
}


.__IntelbrasDDNS__ {
	background: @baseColor;
	padding: 0px 16px 16px 16px;
	.content {
	    .ant-form-item{
			margin-bottom: 7px;
		}
		.LabelInput-label-Col,
        .labelSelect-label-Col,
        .macInput-label,
        .ipInput-label,
        .LabelIP-label-Col,
        .LabelSwitch-label-Col,
        .labelText-label-Col {
            text-align: left;
            padding-left: 15px;
        }
        .LabelInput-behind-dark {
            margin-bottom: 0px;
        }
	}
    .ddns-test-res-info {
        display: inline-block;
        line-height: 40px;
    }
    .fn-red{
        color: red;
    }
    .fn-green{
        color: green;
    }
    .fn-blue{
        color: #1890FF;
    }
    .fn-widp100{
        width: 100%;
    }
    .fn-marr10{
        margin-right: 10px;
    }
}


._Email_ {
    background: @baseColor;
    padding: 16px;
    .ant-row{
        margin-bottom: 4px;
    }
    .content {
        .LabelSwitch-label-Col, .LabelInput-label-Col, .labelSelect-label-Col {
            text-align: left;
            padding-left: 15px;
            label {
                color:@font-color;
            }
        }
        .list-item {
            margin: 15px 0;
        }
        .theme {
            .ant-row{
                margin-bottom: 6px;
                .ant-row{
                    margin-bottom: 0px;
                }
            }
        }
        .LabelInput-behind-dark, .labelSelect-behind-dark {
            padding: 5px 10px;
            margin-bottom: 0px;
            margin-top: -1px;
        }
    }
    .fn-marr10 {
        margin-right: 10px;
    }
    ul, li {
        list-style: none;
        padding: 0
    }
    .receivers {
        min-height: 30px;
        margin-bottom: 10px;
        li {
            display: flex;
            height: 30px;
            line-height: 30px;
            padding-left:10px;
            overflow: hidden;
            label{
                overflow: hidden;
                text-overflow:ellipsis;
                white-space: nowrap;
                float: left;
                min-width: calc(51% - 30px);
                max-width: calc(100% - 48px);
            }
            .opera {
                width: 4%;
                float: left;
                margin-left: 20px;
                
            }
            .error {
                color: @error-color;
            }
            .success {
                color: @success-color;
            }
            &:last-child {
                border-bottom: none;
            }
        }
    }
}

.__EnergyConsumptionReport__{
    padding: 26px 32px 0;
    >header {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
        .ant-select, .ant-calendar-picker {
            width: 240px;
        }
        .label-container {
            display: flex;
            align-items: center;
            height:32px;
            margin-right: 64px;
            .label-normal {
                padding-right: 8px;
                max-width:108px;
                min-width: 72px;
                white-space:nowrap;
                overflow:hidden;
                text-overflow:ellipsis;
            }
        }
        .date-container {
            margin-right: 24px;
        }
        .button-group {
            .anticon {
                color: @export-color;
            }
            >span {
                margin-right: 20px;
            }
        }
        >div {
            margin-bottom: 20px;
        }
    }
    .fn-mr-12 {
        margin-right: 12px;
    }
    #EnergyConsumptionChart {
        width: 100%;
        height: 76vh;
        margin-top: 25px;
    }
    .empty {
        height: 75vh;
        line-height: 75vh;
        min-height: 75vh;
        > div {
            line-height: 75vh;
            margin: 0;
        }
    }
}
._EventHandleCommon_{
    .ant-card:nth-child(2), .ant-card:nth-child(3){
        margin-top: 16px;
    }
    .ant-col{
        height: 30px;
        line-height: 30px;
    }
    .formItem{
        margin-bottom: 14px;
        .input{
            width:100%;
            margin-right: 10px;
        }  
    }
    // 第一列
    .firstFormItem{
        padding-left: 18px;
        font-weight: bold;
        margin-bottom: 0
    }
}


._FaceFind_ {
    background: @baseColor;
    padding: 25px 16px 10px 32px;
    .topContent {
        padding-bottom: 10px;
    }
    .ant-divider-horizontal {
        margin: 0 0 10px 0;
    }
    .ant-pagination {
        float: right;
        .ant-pagination-total-text {
            position: absolute;
            left: 0px;
        }
    }
    ._SearchForm_ {
        .time-select {
            line-height: 40px;
            cursor: pointer;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
        }
        .active {
            color: @export-color;
        }
        .every-item {
            margin-left: 0px;
        }
        .ant-divider-horizontal {
            margin: 0;
        }
        .sliderTip {
            height: 19px;
            position: absolute;
            z-index: 9999;
            margin-top: 24px;
        }
        ._RecSuccess_ {
             .ant-tooltip-arrow {
             display: none;
            }
            .ant-slider-track {
                background-color: #1890FF;
            }
            .ant-tooltip {
                top: 0px !important;
                margin-top: 25px;
            }
            .ant-tooltip-inner {
                background-color: transparent;
                color: rgba(0, 0, 0, 0.85);
                text-align: center;
                margin-top: -10px;
                -webkit-box-shadow: none;
                box-shadow: none;
                padding: 0px;
            }
        }
        .advancedParams-warp {
            box-shadow: -2px 2px 3px -1px #bfbfbf , // 左边阴影
                        0 2px 3px -1px #bfbfbf , // 底部阴影
                        2px 2px 3px -1px #bfbfbf; // 右边阴影
            padding: 6px 0 14px 16px;
            position: absolute;
            z-index: 1;
            background-color: white;
            border-top: 1px solid #e8e8e8;
        }
        .ant-form-item {
            margin-bottom: 0px;
        }
        .hide {
            display: none;
        }
    }
    ._FaceSnapshot_{
        margin-right: -16px;
        height: calc(100vh - 64px - 32px - 131px);
        overflow: auto;
        .image-warp {
            position: relative;
            width: 9%;
            display: inline-block;
            margin: 5px;
            border: 1px solid #bfbfbf;
            text-align: center;
            padding: 5px;
            cursor: pointer;
            &.selected {
                outline: 2px solid #EAB148;
            }
            .image-checkbox {
                position: absolute;
                right: 10px;
                top: 10px;
            }
            .ant-checkbox-wrapper + span {
                padding-right: 0px;
                padding-left: 0px;
            }
        }
        .card-warp1 {
            background-color: #F0F2F5;
            height: 190px;
            padding: 10px;
            border: 1px solid #e8e8e8;
            margin-top: 20px;
            border-radius: 4px;
        }
        .ant-modal .ant-modal-content {
            .ant-modal-header {
                padding: 14px 10px 14px 16px;
            }
            .ant-modal-close-x {
                width: 50px;
                height: 50px;
                line-height: 50px;
                padding-left: 18px;
            }
            .ant-modal-footer {
                padding: 10px;
            }
            .ant-modal-body {
                padding: 25px;
                .ant-form {
                    margin-top: -5px;
                    margin-bottom: -5px;
                    .ant-form-item-label {
                        text-align: left;
                    }
                }
               .ant-form > .ant-col {
                    margin-bottom: 4px;
                    &:last-child {
                        margin-bottom: 0px;
                    }
                }
                .ant-slider {
                    margin: 14px 0px 10px;
                }
            }
            .ant-row {
                margin-bottom: 6px;
                &:last-child {
                    margin-bottom: 0px;
                }
            }
        }
    }
    ._FaceRecognition_{
        margin-right: -16px;
        height: calc(100vh - 64px - 32px - 120px);
        overflow: auto;
        .image-warp {
            width: 18%;
            display: inline-block;
            margin: 5px;
            border: 1px solid #bfbfbf;
            text-align: center;
            padding: 10px 10px 10px 0;
        }
        .ant-slider {
            margin: 0 10px;
            padding: 5px 0
        }
        .ant-slider-handle {
            display: none;
        }
        .ant-slider-track {
            background-color: #52c41a;
        }
        .faceRecognitionSlider {
            width: 250px;
            display: inline-block;
        }
        .card-warp1 {
            background-color: #F0F2F5;
            height: 190px;
            padding: 10px;
            border: 1px solid #e8e8e8;
            margin-top: 20px;
            border-radius: 4px;
            .image {
                width: 152px;
                height: 170px;
                display: inline-block;
                vertical-align: top;
                border: 1px solid rgba(0, 0, 0, 0.45);
            }
        }
        .card-warp2 {
            background-color: #F0F2F5;
            height: auto;
            padding: 10px;
            border: 1px solid #e8e8e8;
            margin-top: 10px;
            border-radius: 4px;
            .image {
                width: 152px;
                height: 170px;
                display: inline-block;
                vertical-align: top;
                border: 1px solid rgba(0, 0, 0, 0.45);
            }
        }
        .ant-modal .ant-modal-content {
            .ant-modal-header {
                padding: 14px 10px 14px 16px;
            }
            .ant-modal-close-x {
                width: 50px;
                height: 50px;
                line-height: 50px;
                padding-left: 18px;
            }
            .ant-modal-footer {
                padding: 10px;
            }
            .ant-modal-body {
                padding: 25px;
                .ant-form {
                    margin-top: -5px;
                    margin-bottom: -5px;
                    .ant-form-item-label {
                        text-align: left;
                    }
                }
               .ant-form > .ant-col {
                    margin-bottom: 4px;
                    &:last-child {
                        margin-bottom: 0px;
                    }
                }
                .ant-slider {
                    margin: 4px 0 0 0;
                }
            }
            .ant-row {
                margin-bottom: 6px;
                &:last-child {
                    margin-bottom: 0px;
                }
            }
        }
    }
}


._FlowPlastics_ {
	padding: 20px 16px 16px 16px;
	.content {
		background: @baseColor;
		.LabelSwitch-label-Col, .LabelInput-label-Col, .labelSelect-label-Col, .ant-form-item-label {
            text-align: left;
            padding-left: 15px;
            label {
                color:@font-color;
            }
        }
		.fn-marr10{
			margin-right: 10px;
		}
		.operation {
			padding-left: 15px;
		}
	}
}

._ForTest_ {
    .content {
        padding: 16px;
        .border {
            margin-bottom: 16px;
            padding: 0 10px;
            border: 1px solid @border-color;
        }
    }
    .ant-row {
        height: 40px;
        line-height: 40px;
    }
    .icon {
        margin-left: 5px;
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        &.on {
            background: orange;
        }
        &.off {
            background: darkgray;
        }
    }
    .ai-item {
        margin-right: 20px;
    }
    .fn-mart20 {
        margin-top: 20px;
    }
    .fn-marl10 {
        margin-left: 10px;
    }
}
._alarmCompent_ {
    border: 1px solid @border-color;
    ul, li {
        list-style: none;
    }
    .title {
        border-bottom:  1px solid @border-color;
    }
    .row-list {
        padding: 0 10px;
    }
    .mode-wrap {
        overflow: hidden;
    }
    .mode-item {
        width: 80px;
        float: left;
        text-align: left;
    }
    
    
}



// 拨号设置 - 样式
._CDMA_ {
  color: @font-color;
  background: @baseColor;
  padding: 16px;

  .ant-form-item {
    margin-bottom: 7px;
  }
  .labelSelect-label-dark,.LabelIP-label-dark,.LabelInput-label-dark, .labelText-label-dark, .LabelSwitch-label-dark {
    color: @font-color;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .ant-form-item-label,
  .LabelInput-label-Col,
  .labelSelect-label-Col,
  .labelText-label-Col,
  .Input-label,
  .LabelIP-label-Col,
  .LabelSwitch-label-Col {
    text-align: left;
    padding-left: 15px;
    line-height: 32px;
  }
  .labelText-label-Text,
  .ant-form-item-control {
    line-height: 32px;
  }
  .LabelInput-behind-dark {
    margin-bottom: 0px;
  }
  .ant-divider-horizontal {
    margin: 10px 0 !important;
  }
  .bold {
    text-align: left;
    padding-left: 15px;
    font-weight: bold;
  }
  .net-label{
    text-align: left;
    padding-left: 15px;
    padding-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .ant-progress-bg {
    // background-size: 40px 40px;
    background-color: #FFC669;
    background-image: none;
  }
  // 信号图标与文字间距
  .icon {
    margin-right: 10px;
  }
  .fn-padl15 {
    padding-left: 15px;
  }
  .ant-radio-button-wrapper-checked {
    color: #fff;
    background: #1890FF;
  }
  .advanced-parameter {
    width: 635px;
    border: 1px solid @border-color;
    margin: 10px 0 15px 15px;
    .ant-collapse-content-box {
      padding: 16px 16px 16px 0;
    }
    .ant-card-body {
      padding: 16px 16px 16px 0 !important;;
    }
    .ant-form-explain {
      margin-left: 25%;
    }
    .ant-card-head {
      background-color: #fafafa;
    }
  }
}

.LabelInput-label-light{
    line-height: 32px;
    color: @label-light-Color;
}

.LabelInput-label-dark{
    line-height: 32px;
    color: @label-dark-Color;
}

.LabelInput-label-Col{
    text-align: right;
    padding-right:10px; 
}
.LabelInput-behind-dark{
    line-height: 32px;
    color: @label-dark-Color;
    padding: 5px;
}
.LabelInput-behind-light{
    line-height: 32px;
    color: @label-light-Color;
    padding: 5px;
}


._FourG_ {
    #FlowStatComponent {
        padding: 16px;
        position: relative;
        .Top Button:last-child {
            position: absolute;
            right: 16px;
            top: 0px;
        }
        // 套餐提醒设置
        .PackageReminderSettings {
            color: @font-color;
            .LabelInput-label-dark {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
        }
        // 图表样式
        .chartContainer {
            .export {
                color: @export-color;
                text-align: right;
                cursor: pointer;
                position: absolute;
                right: 50px;
                top: 80px;
                z-index: 1;
            }
            .chartType {
                position: relative;
                top: 120px;
                .chart-type {
                    float: left;
                    text-align: center;
                    max-width: 40px;
                    min-height: 32px;
                    line-height: 32px;
                    border: 1px solid @border-color;
                    cursor: pointer;
                    z-index: 1;
                }
                .left {
                    border-radius: 4px 0 0 4px;
                }
                .right {
                    border-radius: 0 4px 4px 0;
                }
                .active {
                    border: 1px solid  @export-color;
                    color: @export-color;
                }
                .showNumber {
                    float: right;
                    right: 42px;
                    text-align: right;
                    z-index: 1;
                    .ant-checkbox-blue {
                        .ant-checkbox-inner {
                            background-color: #1890FF;
                            border-color: #1890FF;
                        }
                    }
                }
            }
            .Chart {
                width: 100%;
                height: 500px;
                margin-top: 20px;
            }
        }
        // 右下角提示语
        .chartsTip {
            float: right;
            margin-left: 16px;
        }
        .Bottom {
            margin-top: 60px;
            .ant-card-body {
                text-align: center;
                font-weight: 800;
                padding-right: 32px;
                .swapIcon {
                    height: 40px;
                    width: 40px;
                    border-radius: 50%;
                    background-color: @export-color;
                    color: @white;
                    font-size: 30px;
                    line-height: 40px;
                    display: inline-block;
                    .anticon-swap {
                        transform: rotate(-90deg);
                    }
                }
                .swapData {
                    margin-left: 20px;
                    font-size: 20px;
                }
            }
        }
    }
}

// 


._FourG_ {
  // 公共样式
  .operation {
    margin: 20px 0 10px 10px;
    Button {
      margin-right: 10px;
    }
  }
  .fn-marr10 {
    margin-right: 10px;
  }
}



// 5G模块 - 样式
._Module_ {
  padding: 16px;
  color: @font-color;
  background: @baseColor;
  // 表单样式
  .ant-form-item {
    margin-bottom: 7px;
  }
  .labelSelect-label-dark,.LabelIP-label-dark,.LabelInput-label-dark, .labelText-label-dark, .LabelSwitch-label-dark {
    color: @font-color;
  }
  .ant-form-item-label,
  .LabelInput-label-Col,
  .labelSelect-label-Col,
  .labelText-label-Col,
  .macInput-label,
  .ipInput-label,
  .LabelIP-label-Col,
  .LabelSwitch-label-Col {
    text-align: left;
    padding-left: 15px;
  }
  // 容器
  .container {
    margin: 10px 0px 26px 16px;
    border: 1px solid @border-color;
    // 标题
    .title {
      padding: 6px 16px 6px 14px;
      font-weight: bold;
      border-bottom: 1px solid @border-color;
    }
    // 内容
    .content {
      padding: 30px 0px 30px 32px;
      .labelSelect-behind-dark {
          padding: 0;
      }
      .LabelInput-behind-dark {
          padding-left: 10px;
      }
    }
  }
}



// 手机设置 - 样式
._PHONE_ {
  color: @font-color;
  background: @baseColor;
  padding: 16px;

  .ant-form-item {
    margin-bottom: 7px;
  }
  .labelSelect-label-dark,.LabelIP-label-dark,.LabelInput-label-dark, .labelText-label-dark, .LabelSwitch-label-dark {
    color: @font-color;
  }
  .LabelInput-label-Col,
  .labelSelect-label-Col,
  .labelText-label-Col,
  .macInput-label,
  .ipInput-label,
  .LabelIP-label-Col,
  .LabelSwitch-label-Col {
    text-align: left;
    padding-left: 15px;
  }

  .LabelInput-behind-dark {
    margin-bottom: 0px;
  }

  .bold {
    text-align: left;
    padding-left: 15px;
    font-weight: bold;
  }
  
  .receivers {
    min-height: 30px;
    max-height: 90px;
    margin-bottom: 10px;
    // border: 1px #000 solid;
    overflow-y: scroll;
    width: 65%;

    li {
      display: flex;
      height: 30px;
      line-height: 30px;
      padding-left: 10px;
      overflow: hidden;

      label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        float: left;
        min-width: calc(90% - 30px);
        max-width: 150px;
      }

      .opera {
        width: 4%;
        float: left;
        margin-left: 20px;

      }

      .error {
        color: @error-color;
      }

      .success {
        color: @success-color;
      }

      &:last-child {
        border-bottom: none;
      }
    }
  }
  // 滚动条整体样式
  .receivers::-webkit-scrollbar {
    // 高宽分别对应横竖滚动条的尺寸
    width: 5px;
    height: 5px;
  }
  // 滚动条里面小方块
  .receivers::-webkit-scrollbar-thumb {
      border-radius: 2px;
      box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
      background: rgba(0,0,0,0.2);
  }
  // 滚动条里面轨道
  // .receivers::-webkit-scrollbar-track {
  //   box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  //   border-radius: 0;
  //   background: rgba(0,0,0,0.1);
  // }
}
._HardDriveEventHandleComponent_{
    padding: 16px;
    .buttonContainer{
        margin-top: 20px;
        button:last-child {
            margin-left:10px;
        }
    }
}



._HeatMapReport_ {
    background: @baseColor;
    padding: 25px 16px 10px 32px;
    .ant-divider-horizontal {
        margin: 0;
    }
    .ant-empty-normal {
        margin: 30vh 0;
    }
    .time-select {
        line-height: 40px;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
    .active {
        color: @export-color;
    }
    .ant-form-item {
        margin-bottom: 0px;
    }
    .video{
        margin-left: auto;
        margin-right: auto;
    }
    ._HeatMapChart_{
        margin-top: 20px;
        text-align: center;
        line-height: 40px;
        span {
            font-weight: bold;
            font-size: 17px;
        }
        .export{
            color: @export-color;
            text-align: right;
            cursor: pointer;
            position: absolute;
            right: 50px;
            z-index: 1;
            margin-top: 20px;
        }
        .ant-checkbox-green {
            .ant-checkbox-inner {
                background-color: #52C41A;
                border-color: #52C41A;
            }
        }
        .ant-checkbox-yellow {
            .ant-checkbox-inner {
                background-color: #FCAC15;
                border-color: #FCAC15;
            }
        }
        .ant-checkbox-blue {
            .ant-checkbox-inner {
                background-color: #1890FF;
                border-color: #1890FF;
            }
        }
    }
    .ant-dropdown-menu-item {
        clear: both;
        margin: 0;
        padding: 5px 12px;
        color: #272727;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .ant-dropdown-menu-item:hover {
        background-color: #E6F7FF;
    }
}


._HighFrequency_{
  padding: 16px;
  background: @white;
  min-height: 91.5vh;
  color: @font-color;
  .LabelInput-label-Col{
    text-align: left;
  }
  .container{
    // border: 1px solid @border-color;
    // padding: 30px 32px;
    // padding-bottom: 12px;
  }
  .mb-14{
    margin-bottom: 14px;
  }
  .handle{
    // margin-top: 10px;
  }
  button{
    margin-right: 10px;
  }
}


@textGeight: 20px;
@leftWidth: 40px;
._FloorCali_ {
    padding: 30px 16px 10px;
    .topContent {
        padding-bottom: 16px;
    }
    .content {
        ._FloorCaliPlugin_ {
            width: 470px;
            height: 338px;
            display: inline-block;
            .video-wrap {
                width: 430px;
                height: 338px;
                display: inline-block;
                background: #1b1b1b;
                line-height: 338px;
                font-size: 40px;
                text-align: center;
            }
        }
        .fn-marr10 {
            margin-right: 10px;
        }
    }
    .selectedRow {
        background-color: #E6F7FF;
    }
    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }
    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
}
._FloorCaliFormModal_ {
    .ant-modal-body {
        max-height: calc(80vh - 110px);
        min-height: 200px;
        overflow-y: auto;
    }
    .floor-nes {
        color: @errorColor;
    }
    .floor-cont {
        position: relative;
        margin-top: 20px;
        .floor-left {
            position: absolute;
            width: @leftWidth;
            height: 100%;
            top: 0;
            left: 0;
            text-align: center;
            .floor-text {
                height: @textGeight;
                line-height: calc( 0.8 * @textGeight );
                text-align: center;
                color: @export-color;
                span {
                    width: @textGeight;
                    height: @textGeight;
                    border: 1px solid @export-color;
                    border-radius: 50%;
                    display: inline-block;
                }
            }
            .floor-line {
                height: calc( 100% - 2 * @textGeight - 4px );
                border-right: 1px solid @export-color;
                display: inline-block;
                width: 0;
                margin-top: 4px;
            }
        }
        .floor-right {
            padding-left: @leftWidth;
            .pad-l10 {
                padding-left: 10px;
            }
            .pad-t10 {
                padding-top: 10px;
            }
            .dis-ib {
                display: inline-block;
            }
            .floor-ipt {
                width: calc( 100% - 24px );
            }
        }
    }
}
._HolidayConf_ {
    padding: 16px;
    .btn-container{
        margin-bottom: 20px;
        button:nth-child(1) {
            margin-right: 10px;
        }
    }
    .icon-container{
        i:nth-child(1) {
            margin-right: 10px;
        }
    }

}
.__HolidayConfigDialog__{
    .formItem{
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        ._label{
            width: 20%;
        }
        .HolidayNameInput{
            width: 70%;
        }
    }
}

._HolidayConfig_ {
    padding: 20px 0 0 20px;
    .btn-container{
        margin-bottom: 20px;
        button:nth-child(1) {
            margin-right: 10px;
        }
    }
    .icon-container{
        i:nth-child(1) {
            margin-right: 10px;
        }
    }

}
.__HolidayConfigDialog__{
    .formItem{
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        input{
            width: 70%;
        }
        ._label{
            width: 20%;
        }
    }
}




._alarmEvent_ {
    width: 444px;
    padding: 16px;
	background-color: @white;
	box-shadow: 0px 0px 10px 0px
		rgba(0, 0, 0, 0.21);
	border-radius: 4px;
	border: solid 1px @border-color;

	.list-item {
		padding: 10px 0;
		.check-name {
			display: inline-block;
			width: 70px;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			vertical-align: middle;
		}
		.ant-checkbox-wrapper + .ant-checkbox-wrapper {
			margin-left: 0;
		}
		.ant-checkbox-wrapper {
			line-height: 2.2;
		}
	}
	.alarm-title {
		padding-bottom: 10px;
	}
	.top-line {
		border-top: solid 1px @border-color;
	}
	.title-button {
		margin-top: 5px;
		cursor: pointer;
		&:hover{
			color:@export-color
		}
		.title-name {
			span {
				display: inline-block;
				width: 100%;
				text-align: center;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
		}
	}
	.sound-area {
		padding: 10px 0 0 0;
	}
	.alarm-boot {
		cursor: pointer;
		position: absolute;
		right: 16px;
		bottom: 5px;
	}
	.alarm-table-colume {
		display: inline-block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.ant-table-fixed-header .ant-table-scroll .ant-table-header {
		margin-bottom: -17px;
		padding-bottom: 17px!important;
		overflow: hidden;
		opacity: 0.9999;
	}
	.ant-table-thead > tr > th, .ant-table-tbody > tr > td {
		padding: 5px 5px !important;
	}
	.alarm-index {
		width: 27px;
	}
	.alarm-time {
		width: 65px;
	}
	.alarm-type {
		width: 75px;
	}
	.alarm-channel {
		width: 60px;
	}
}

.tab-menu-button-alarm {
	color: @topMenuTabColor !important;
	&:hover {
		color:@topMenuTabHoverColor !important;
	}
}
.topAlarms {
	position: fixed;
}


header {
    .ant-menu-item{
        padding-left: 10px
    }
    .logo{
        cursor: pointer;
        display: table;
        padding-left: 18px;
        color: @topMenuTabColor;
        &:hover {
            color: @topMenuTabHoverColor;
        }
        span:nth-child(2) {
            padding-left: 10px;
            display: table-cell;
            margin-left:10px; 
            vertical-align:middle;
        }
        span:nth-child(1) {
            vertical-align:middle;
            display: table-cell;
            font-size: 20px; 
        }
    }
    .tab-menu-home {
        float: left;
        width: 86px;
        border-right: 1px solid @topHomeBorderColor;
    }
    .ant-badge-count {
        min-width: 14px;
        width: 14px;
        height: 14px;
        line-height: 14px;
        border-radius: 50%;
        padding: 0;
    }
    .tab-menu-button {
        .ant-badge-count {
            min-width: 14px;
            width: auto;
            height: 14px;
            line-height: 14px;
            border-radius: 10px;
            padding: 0 3px;
        }
    }
    .demo{
        top: 40px !important;
        .ant-popover-inner-content{
            padding: 4px 14px;
        }
    }
    
}
.popup-setting {
    .myicon-fly {
        float: left;
        color: @export-color;
        margin: 0 20px;
    }
    .setting-title {
        // width: 140px;
        float: left;
        margin-bottom: 0;
        margin-right: 20px
    }
}
.setting-popover{
    width: 250px;
    .ant-popover-inner-content{
        padding: 5px 10px 10px 10px
    }
}
.color-box{
    display: inline-block;
    border:1px solid #a6adb4;
    border-radius: 2px;
    width:14px;
    height:14px;
    &.black{
        background:#393C41;
    }
    &.blue{
        background:#1890ff;
    }
}
.meteor {
    height: 490px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    // background: #000;
}
.tab-menu-logo{
    box-sizing: border-box;
    height: 64px;    
    .icon{
        margin-right: 14px;
        margin-bottom: 3px;
    }
    float: left;
    .sign{
        display: inline-block;
        font-size: 16px;
        color: @white;
    }
}
header .tab-menu-home{
    width: auto;
    border-right: 0;
}
.tab-menu-homeIconLine, .tab-menu-homeIcon{
    margin-left: 6px;
}
.tab-menu .systemSet {
    background: transparent;
    width: auto;
}
.mr-14{
    margin-right: 14px;
}
._MenuView_ {
    height: 100%;
}
._MenuView_Carousel{
    background-color: #ffffff;
    padding: 30px 30px 5px 0px;
    width: 80%;
    margin: 0 auto;
    margin-top: 0;
    z-index: 100;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 780px;
    transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
}
.MenuView_item{
    padding: 45px 20px 0px 20px;
}
.MenuView_ViewItem_message{
    height: 70px;
    word-break: keep-all;
}
#postionDiv .ant-badge-count {
    min-width: 14px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    border-radius: 50%;
    padding: 0;
    box-shadow: none;
}

.topMenus .highlight{
    background: @export-color;
    color:@white
}
@media screen and (max-height:850px)  {
    ._MenuView_Carousel {
      height: 600px !important;
    }
    .MenuView_item {
      padding: 0px 20px 0px 20px !important;
    }
    .MenuView_ViewItem {
      margin-bottom: 10px !important;
    }
    .MenuView_ViewItem_message {
      height: 60px;
      margin-bottom: 0px;
    }
}
.topMenusMore {
    .ant-menu {
        width: 620px;
    }
    .ant-menu-item {
        width: 150px;
        float: left;
    }
}


.snap_download {
    .record_download-title-left {
        float: left;
    }
    .record_download-title-right {
        float: right;
    }
    .item-list {
        line-height: 32px;
    }
    .saveplace-input {
        width: 350px;
    }
    .encryption_password {
        width: 170px;
    }
    .ant-spin-container {
        min-height: 240px;
    }
    // 清除表头部分的scroll
    .ant-table-header{
        overflow: auto !important;
        margin-bottom: 0px !important;
    }
    .ant-table-body {
        overflow-y: auto !important;
    }
}



.HttpsUpload {
    .fn-marr10 {
        margin-right: 10px;
    }
    .fn-marb10 {
        margin-bottom: 10px;
    }
    .fn-marb20 {
        margin-bottom: 10px;
    }
    .fn-center {
        text-align: center;
    }
    .fn-maxWid80 {
        max-width: 80px;
    }
    .fn-maxWid150 {
        max-width: 150px;
    }
    .fn-maxWid200 {
        max-width: 200px;
    }
    .fn-maxWid300 {
        max-width: 300px;
    }
    .editable-cell-value-wrap {
        text-align: center;
    }
    .ant-form-item-control {
        text-align: center;
    }
    .leftrightwarpper {
        overflow: hidden;
        .left {
            float: left;
        }
        .right {
            float: right;
        }
    }
    .httpping-test {
        .success {
            margin-left: 5px;
            color: green;
        }
        .error {
            margin-left: 5px;
            color: red;
        }
    }
    .fn-color-gray {
        color: @disableColor;
    }
    table .address .ant-form-explain {
        margin: auto;
        width: 150px;
        text-align: left;
    }
    table .port .ant-form-explain {
        margin: auto;
        width: 88px;
        text-align: left;
    }
    .ant-table-wrapper {
        border-left: 1px solid @border-color;
        border-right: 1px solid @border-color;
    }
    .m-text-ellipsis {
        word-wrap:break-word;
        word-break:normal; 
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .editable-cell-value-wrap:hover {
        outline: 1px solid @border-color;
    }
    .image-table table {
        table-layout: fixed;
    }
}
.event-upload{
    padding: 32px;
    .fn-mart10{
        margin-top: 10px;
        &>button:nth-child(2){
            margin: 0 10px;
        }
    }
}


._ImagePlayback_ {
    height: 100%;
    .ant-tabs-top-bar {
        background: @baseColor;
    }
    .ant-alert-with-description .ant-alert-message{
        font-size: 14px;
    }
    .ant-tabs{
        min-height: 91.4vh;
        height: 100%;
    }
    .rc-tabs-top .rc-tabs-nav-wrap {
        background: @white;
    }
    .ant-alert-info{
        margin-bottom: 10px;
    }
    .fn-marr10 {
        margin-right: 10px;
    }
    .full{
        position: fixed;
        left: 0;
        top: 0;
        background: #cccccc;
        width: 100%;
        height: 100vh;
        z-index: 1000;
        .activeImg{
            text-align: center;
            min-height: 95.5vh;
            line-height: 95.5vh;
            background: #F0F2F5;
            .handleImg {
                cursor: pointer;
                i {
                    width: 36px;
                    height: 80px;
                    line-height: 90px;
                    border-radius: 4px;
                    background: #000;
                    opacity: 0.5;
                    // display: none;
                    &:hover {
                        color: @export-color;
                    }
                }
            }
            img{
                border: none;
                max-height: 80.5vh;
                &:hover{
                    cursor: pointer;
                    .handleImg {
                        // display: block;
                        background: red;
                    }
                }
            }
        }
        .handle{
            background: #D8DADA;
            padding: 5px 0;
            text-align: center;
            .center{
                padding: 5px 0;
                display: inline-block;
                background: #CDCDCD;
                .active {
                    color: @export-color;
                }
            }
            .fullScreen{
                margin-top: 5px;
                float: right;
            }
            span{
                display: inline-block;
                padding: 0 20px;
                cursor: pointer;
                i{
                    font-size: 18px;
                }
            }
        }
    }
    .ant-tabs-content > div {
        box-sizing: border-box;
        min-height: calc(100vh - 108px);
        .tab-content {
            // padding: 15px;
            // height: calc(100vh - 108px);
        }
        .schedule {
            // padding: 15px;
            // height: calc(100vh - 108px);

            ._ScheduleComponent_ {
                padding: 10px 0px 0px 0px;
            }
        }
        .control,.storage, .schedule {
            // margin: 15px;
            // padding: 15px;
            background: @baseColor;
        }
        &.ant-tabs-tabpane:first-child .tab-content{
            padding-left: 0;
            padding-right: 0;
        }
    }
    .list-item {
        margin-bottom: 10px;
        line-height: 32px;
        &:last-child {
            margin-bottom: 0;
        }
    }
    .storage-lineheight0 {
        .ant-form-item-control {
            line-height: 0;
        }
    }
    .fn-border {
        border: 1px solid @border-color;
    }
    .fn-center {
        margin-top: 200px;
    }
    .LabelInput-label-Col, .labelSelect-label-Col {
        text-align: left;
        label {
            color: @font-color;
        }
    }
    .search {
        width: 200%;
        height: 100%;
        transition: all 0.3s;
        transform: translate(0, 0, 0);
        .SDcardType{
            height: 100px;
            margin-bottom: 10px;
            border-bottom: 1px solid @border-color;
        }
        &.toRight {
            transform: translate3d(-50%, 0, 0);
            -ms-transform: translate(-50%, 0);
        }
        .search-play, .search-list {
            width: 50%;
            height: 100%;
            float: left;
            padding: 16px;
            // padding-bottom: 0;
            padding-right: 0;
            > div {
                height: 100%;
                background: @baseColor;
            }
            .ant-calendar-picker-input {
                font-size: 13px;
            }
        }
        .operation {
            float: left;
            width: 230px;
            height: 100%;
            border-right: 1px solid @border-color;
            min-height: 85vh;
        }
        .result {
            position: relative;
            float: left;
            width: calc(100% - 230px);
            height: 100%;
            // overflow-x: hidden;
            min-height: 85vh;
        }
        .title {
            padding-left: 10px;
            line-height: 40px;
            border-bottom: 1px solid @border-color;
        }
        .device-list {
            
            .channels {
                width: 230px;
                margin: 10px 0;
                height: 260px;
                border-bottom: 1px solid @border-color;
            }
            .channel-list {
                padding-left: 20px;
                line-height: 35px;
            }
            .myicon-boll {
                font-size: 16px;
            }
        }
        .actions {
            width: 210px;
            margin-left: 10px;
        }
        .normalBtn {
            color: @font-color;
            &:hover {
                color: @export-color;
            }
        }
        .greyBtn {
            color: @disableColor;
        }
        .backLabel {
            margin-right: 90px;
        }
        .playbtn {
            position: absolute;
            left: 50%;
            top: 50%;
            margin-top: -50px;
            margin-left: -50%;
            width: 100%;
            height: 50%;
            cursor: pointer;
            span {
                position: absolute;
                left: 50%;
                top: 50%;
                margin-left: -15px;
                margin-top: -15px;
                display: inline-block;
                width: 30px;
                height: 30px;
                background: @opaqueBalck;
                border-radius: 50%;
                line-height: 30px;
                text-align: center;
                color: @white;
                i{
                    margin-left: 2px;
                    margin-top: 8px;
                }

            }
            svg {
                width: 14px;
                height: 14px;
            }
        }
        .result-list {
            width: 100%;
            height: calc(100% - 140px);
            overflow-y: auto;
            min-height: 60vh;
            max-height: 70vh;
            .ant-spin {
                position: absolute;
                left:  50%;
                top: 50%;
                margin-left: -10px;
                margin-top: -12.5px;
            }
            .result-item {
                position: relative;
                margin-left: 16px;
                margin-top: 16px;
                float: left;
                width: calc(14.29% - 18.65px);  
                .imgbox {
                    display: inline-block;
                    width: 100%;
                    box-sizing: border-box;
                    background-image: url(/static/media/screenSnap1.47722537.jpg);
                    background-size: cover;
                    height: 120px;
                    &.selected {
                        outline: 2px solid @export-color;
                    }
                    img {
                        width: 100%;
                        height: 120px;
                    }
                }
                .type {
                    font-size: @normalFont;
                    height: 21px;
                    width: 100%;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
                .playtime {
                    position: absolute;
                    right: 10px;
                    bottom: 45px;
                    font-size: 12px;
                    color:@white;
                    label {
                        vertical-align: 2px;
                    }
                }
                .time {
                    color: @disableColor;
                    font-size: @smallFont;
                }
                .result-item-checkbox {
                    position: absolute;
                    left: 6px;
                    top: 3px;
                }
                .ant-checkbox-wrapper + span {
                    padding-right: 0px;
                    padding-left: 0px;
                }
                .lock {
                    position: absolute;
                    right: 10px;
                    top: 10px;
                    color: @warnColor;
                    svg {
                        width: 16px;
                        height: 16px;
                    }
                }

            }
        }
        .ant-pagination {
            float: right;
            margin-right: 20px;
        }
        .play-line{
            width: 100%;
            height: 10px;
            background: #F0F2F5;
        }
        .play-list {
            width: 240px;
            height: calc(100vh - 140px);
            line-height: 30px;
            float: left;
            ul {
                height: calc(100% - 40px);
                overflow-y: auto;
                // background: #F0F2F5;
            }
            li {
                // height: 30px;
                padding-left: 16px;
                cursor: pointer;
                &:first-child {
                    margin-top: 10px;
                }
                &.active, &:hover {
                    background: @tab-active-color;
                    color: @loginBtnHoverColor;
                }
                .time {
                    font-size: 12px;
                    color: #8f8f8f;
                    display: block;
                    margin-left: 10px;
                    margin-top: -10px;
                }
            }
            
        }
        .play-list-title {
            padding-left: 10px;
            line-height: 40px;
            height: 40px;
            color: @export-color;
            border-bottom: 1px solid @border-color;
            // background: #F0F2F5;
        }
        .play-content {
            width: calc(100% - 240px);
            float: left;
            .activeImg{
                text-align: center;
                min-height: 80.5vh;
                line-height: 80.5vh;
                background: #e8e8e8;
                .handleImg {
                    cursor: pointer;
                    i {
                        width: 36px;
                        height: 80px;
                        line-height: 90px;
                        border-radius: 4px;
                        background: #000;
                        opacity: 0.5;
                        &:hover {
                            color: @export-color;
                        }
                    }
                }
                img{
                    border: none;
                    // height: 50.5vh;
                }
            }
            .handle{
                background: #D8DADA;
                padding: 7px 0;
                text-align: center;
                .center{
                    padding: 5px 0;
                    display: inline-block;
                    background: #CDCDCD;
                    .active {
                        color: @export-color;
                    }
                }
                .fullScreen{
                    margin-top: 5px;
                    float: right;
                    padding-right: 0;
                }
                span{
                    display: inline-block;
                    padding: 0 20px;
                    cursor: pointer;
                    i{
                        font-size: 18px;
                    }
                }
            }
        }
        .my-video {
            height: calc(100% - 80px);
            min-height: 64vh;
        }
        .touchbar {
            position: relative;
            height: 40px;
            background: linear-gradient(#f8f8f6, #cccdcf);
            .center {
                position: absolute;
                left: 50%;
                top: 5px;
                margin-left: -202px;
                width: 404px;
                height: 30px;
                background: @loginFormBgColor;
                border-radius: 4px;

            }
            .btns {
                margin-top: 4px;
                cursor: pointer;
                &:first-child {
                    margin-left: 25px;
                }
                svg {
                    width: 20px;
                    height: 16px;
                }
                &.myicon-play3 svg{
                    width: 16px;
                    height: 20px;
                }
                &.myicon-fullscreen svg {
                    width: 20px;
                    height: 20px;
                }
                .myicon-download2, .myicon-fullscreen {
                    visibility: hidden;
                }
            }
            .voice {
                display: inline-block;
                width: 110px;
                margin: 0;
            }
            .ant-slider-track {
                background: @export-color;
            }
        }
        .timeBox {
            position: relative;
        }
        .timelime {
            height: 40px;
        }
        .right {
            float: right;
            font-size: 20px;
        }
    }
    .control {
        height: 100%;
        .fn-divider {
            border-bottom: 1px solid @inputBorderColor;
        }
    }
    .storage,
    ._store_ {
        height: 100%;
        background: @white;
        min-height: 85vh;
        margin: 16px;
        padding: 32px;
        .LabelInput-label-Col, .labelSelect-label-Col, .LabelSwitch-label-Col {
            text-align: left;
            label {
                color: @font-color;
            }
        }
        .session {
            margin-bottom: 10px;
            padding-bottom: 10px;
            border-bottom: 1px solid @border-color;
        }
        .ant-form-item{
            margin-bottom: 10px;
        }
        .labelTip{
            position: absolute;
            top: 4px;
            right: 32%;
        }
        .fn-mart10 {
            margin-top: 10px;
        }
        .fn-marl10 {
            margin-left: 10px;
        }
        .textAreaHeight {
            height: 55px;
        }
    }
    .schedule{
        background: @white;
        min-height: 85vh;
        margin: 16px;
        padding-top: 0 !important;
        .rc-calendar {
            width: auto;
            margin: 24px;
            min-width: 250px;
        }
        .ant-modal{
            min-width: 300px;
        }
        .ant-modal-body{
            padding: 0;
            
        }
        .emptySet{
            color: @export-color;
            cursor: pointer;
            border-bottom: 1px solid @border-color;
            padding: 10px 24px;
            margin-bottom: 24px;
            > div {
                &:first-of-type {
                    text-align: left;
                }
                &:last-of-type {
                    text-align: right;
                }
            }
            
        }
    }
    .http {
        background: @white;
        min-height: 85vh;
        margin: 16px;
        padding: 32px 32px 10px 32px;
        .fn-center {
            margin-top: 0px;
        }
    }
    .MyTable .ant-table-header {
        overflow: auto !important;
        margin-bottom: 0px !important;
    }
    
    
    .actions-btn {
        margin-left: 32px;
    }
    .fn-right {
        float: right;
    }
    .fn-marl10 {
        margin-left: 10px;
    }
    .fn-marb10{
        margin-bottom: 10px;
    }
}
.snap-mark {
    margin-right: 5px;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    &.normal,&.timing {
        background: @normalColor;
    }
    &.event {
        background: @warnColor;
    }
    &.alarm {
        background: @errorColor;
    }
    &.manual {
        background: @normalColor;
    }
}
@media screen and (min-width: 1700px) {
    ._ImagePlayback_ {
        .search {
            .play-content {
                .activeImg {
                    .banner {
                        max-height: 78.5vh;
                        max-width: 70vw;
                    }
                }
            }
        }
        .full {
            .activeImg {
                img {
                    max-height: 90vh;
                    max-width: 80vw;
                }
            }
        }
    }
}
@media screen and (max-width: 1700px) {
    ._ImagePlayback_ {
        .search {
            .play-content {
                .activeImg {
                    .banner {
                        max-height: 68.5vh;
                        max-width: 70vw;
                    }
                }
            }
        }
        .full {
            .activeImg {
                img {
                    max-height: 74.5vh;
                    max-width: 80vw;
                }
            }
        }
    }
}
@media screen and (max-width: 1500px) {
    ._ImagePlayback_ {
        .search {
            .play-content {
                .activeImg {
                    .banner {
                        max-height: 57.5vh;
                        max-width: 65vw;
                    }
                }
            }
        }
        .full {
            .activeImg {
                img {
                    max-height: 72.5vh;
                    max-width: 80vw;
                }
            }
        }
    }
}
@media screen and (max-width: 1400px) {
    ._ImagePlayback_ {
        .search {
            .play-content {
                .activeImg {
                    .banner {
                        max-height: 51vh;
                        max-width: 65vw;
                    }
                }
            }
            .result-list .result-item .type {
                font-size: 12px;
            }
        }
        
        .full {
            .activeImg {
                img {
                    max-height: 64.5vh;
                    max-width: 80vw;
                }
            }
        }
    }
}

@media screen and (max-width: 1200px) {
    ._ImagePlayback_ {
        .search {
            .play-content {
                .activeImg {
                    .banner {
                        max-height: 51vh;
                        max-width: 65vw;
                    }
                }
            }
        }
        .full {
            .activeImg {
                img {
                    max-height: 47.5vh;
                    max-width: 80vw;
                }
            }
        }
    }
}

.ant-calendar-body .ant-calendar-mark div{
    position: relative;
    &:after {
        position: absolute;
        bottom: 5px;
        content: ' ';
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #77b7ff;
        left:9px;
        top: 19px;
    }
    // border: 2px solid #FDC017;
}

.rc-calendar-selected-date .rc-calendar-date {
    background: #1890FF;
}
.rc-calendar-selected-date .rc-calendar-date:hover {
    background: #1890ff;
}


.operation{
    .search-selections{
        .search-switchTab{
            text-align: center;
            .ant-col{
                padding: 6px 0;
                border-bottom: 1px solid @border-color;
                &:first-child{
                    border-right: 1px solid @border-color;
                }
            }
            .active{
                color: @white;
                background: @export-color;
            }
        }
    }
}

._FTPStorageNameTable_{
    position: relative;
    .ant-table-thead {
        border-top:none
    }
    .bottom-pagination{
        border-top: 1px solid  @border-color;
    }
    border: 1px solid @border-color;
    .anticon {
        color: inherit;
    }
    .anticon-disabled {
        color: grey;
        cursor: not-allowed;
    }
    //调整图标颜色
    i {
        cursor: pointer;
        &:hover {
            color: @export-color;
        }
    }
}



._Osd-font-pop_ {
    .ant-popover-inner-content {
        padding: 0px
    }
    /*
    * IE 9对字体颜色弹窗的flex兼容
    */
    .flexbox-fix {
        flex-wrap: wrap;
        &::after {
            content: ".";/* ie9 */            
            display: block; /* ie9 */       
            height: 0;/* ie9 */
            visibility: hidden;/* ie9 */
            clear: both;/* ie9 */
        }
        &:nth-child(2) {
            > div {
                float: left;/* ie9 */
                &:first-child {
                    width: calc(100% - 30px);/* ie9 */
                }
            }
        }
        &:nth-child(3) {
            > div {
                width: 20%;/* ie9 */
                float: left;/* ie9 */
                &:first-child {
                    width: 40%;/* ie9 */
                }
            }
        }
        &:nth-child(4) {
            > div {
                float: left;/* ie9 */
            }
        }
    }
}

._Imgset_ {
    background: @baseColor;
    height: 100%;
    .tab-style {
        display: inline-block;
        width:140px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    //调整图标颜色
    i {
        cursor: pointer;

        &:hover {
            color: @export-color;
        }
    }
    .video-right{
        //调整OSD右边tab页的padding
        .ant-tabs-left-content {
            padding-left: 16px;
        }

        .ant-tabs-nav .ant-tabs-tab-active {
            background-color: @tab-active-color;
        }

        .ant-tabs-nav .ant-tabs-tab{
            margin-bottom: 0px!important;
            padding: 5px 15px;
        }
    }
    // 被选中的表格行的样式
    .clickRowStyl{
        background-color: @tab-active-color
    }
    .ant-table-tbody>.clickRowStyl>td{
        background-color :  @tab-active-color
    }

    //重写马赛克大小选项的按钮
    .ant-popover-inner-content {
        .ant-btn {
            border: 1px solid @white;
            text-align: left;
            width: 84px;
            padding: 0 24px 0 12px;
        }

        .ant-btn:hover {
            background-color: @tab-active-color;
            color: #272727
        }
    }

    //调整OSD的bar的padding
    .video-right {
        .ant-tabs-nav-animated {
            padding: 0 0 10px 0;

            .ant-tabs-tab {
                padding: 6px 24px;
            }
        }
    }

    .fn-left {
        float: left;
    }

    .fn-marl13 {
        margin-left: 3px;
    }

    .locationItem {
        padding: 10px 0;
        float: left;

        .locationItem-lable {
            float: left;
            width: 90px;
            line-height: 22px;
        }
    }

    .osd-image-preview {
        width: 128px;
        height: 129px;
        border: solid 1px #bad2e8;
        background-color: #e8f4fd;
        background-repeat: no-repeat;
        background-position: 50% 30%;
        zoom: 1;
    }

    .osd-image-div {
        width: 128px;
        height: 32px;
        text-align: center;
        bottom: 21px;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 32px;
        letter-spacing: 0px;
        background: rgba(0, 0, 0, 0.09);
        color: #272727;
        cursor: pointer;
    }

    .osd-image-tip {
        border: 1px solid #e8e8e8;
        padding: 8px 13px 8px 13px;
        width: 225px;
        height: 129px;
        left: 128px;
        top: 0px;
        position: absolute;
        margin-left: 5px;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 24px;
        letter-spacing: 0px;
        color: #8f8f8f;
    }

    .osd-font-size {
        width: 80px;
        height: 32px;
        border-radius: 4px;
        border: solid 1px #d9d9d9;
        float: left;
        position: relative;
        background-color: #fff !important;
        position: relative;
        cursor: pointer;
    }

    .osd-font-text {
        font-size: 13px;
        font-weight: 900;
        line-height: 13px;
        // text-indent: 3px;
        position: absolute;
        bottom: 16px;
        left: 10px
    }

    .osd-font-color {
        border: 1px solid #d9d9d9;
        height: 4px;
        width: 16px;
        position: absolute;
        left: 7.5px;
        bottom: 11px
    }

    .osd-face-zero {
        width: 56px;
        height: 14px;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #1890ff;
        margin-left: 120px;
        cursor: pointer;
    }

    .selectedRow {
        background-color: @tab-active-color;
    }

    .font-align {
        display: inline-block;
        padding: 3px 8px;
        margin-top: 1px;
        border: 1px solid @border-color;
        border-radius: 4px;
        cursor: pointer;

        &.active {
            border: 1px solid @export-color;
            color: @export-color;
        }
    }
    .osd-form-item-label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        display: block;
    }
    .fn-border {
        border: 1px solid @inputBorderColor;
    }

    .fn-bottomline {
        border-bottom: 1px solid @border-color;
    }

    .fn-pad10 {
        padding: 20px;
    }

    .fn-padb20 {
        padding-bottom: 20px;
    }
    .fn-padb10 {
        padding-bottom: 10px;
    }

    .fn-marr10 {
        margin-right: 10px;
    }

    .fn-marb20 {
        margin-bottom: 20px;
    }

    .fn-marb10 {
        margin-bottom: 10px;
    }

    .fn-marl20 {
        margin-left: 20px;
    }

    .fn-width100 {
        width: 100px
    }

    .fn-width200 {
        width: 200px
    }

    .fn-width290 {
        width: 290px;
    }

    .fn-width300 {
        width: 300px
    }

    .fn-lh22 {
        line-height: 22px;
    }

    .fn-lh32 {
        line-height: 32px;
    }

    .fn-horizontallie {
        height: 1px;
        width: 480px;
        background: @inputBorderColor;
    }

    .imgset-content {
        margin: 16px 16px 10px 16px;
        padding-left: 16px;
        padding-top: 16px;
        padding-bottom: 16px;
        border: 1px solid @border-color;
    }

    .video-right {
        width: calc(100% - 430px)
    }

    .video-wrap {
        width: 430px;
        height: 338px
    }

    .table-head {
        background: @baseColor;
    }

    .fn-clear {
        &::after {
            content: "";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }
    }

    .form-item {
        padding: 10px 0;
        .item-label {
            float: left;
            width: 90px;
        }
    }

    .TextAlign {
        padding-top: 0;
    }

    .font-align {
        display: inline-block;
        padding: 3px 8px;
        margin-top: 1px;
        border: 1px solid @border-color;
        border-radius: 4px;
        cursor: pointer;

        &.active {
            border: 1px solid @export-color;
            color: @export-color;
        }
    }

    .ant-tabs .ant-tabs-left-bar .ant-tabs-tab {
        text-align: left;
    }

    .span-padding-right-8 {
        padding-right: 8px;
    }

    .sliderBehind {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: 30px;
    }
}

._VideoEncode_ {
    background: @indexBgColor;
    height: 100%;

    .ant-modal-body {
        padding-bottom: 0;
    }
    
    .borderDiv {
        border: 1px solid @border-color;
        margin: 16px 16px 0px 16px;
        padding: 0 16px 16px 16px;

        .channel {
            margin: 16px 0;
        }

        .LabelSwitch-label-Col,
        .LabelInput-label-Col,
        .labelSelect-label-Col,
        .labelText-label-Col {
            text-align: left;
            padding-left: 16px;

            label {
                color: @font-color;
            }
        }

        // .list-item {
        //     margin: 15px 0;

        //     .error-red {
        //         border-color: red;
        //     }
        // }

        .error-msg {
            display: block;
            color: red;
            margin-top: 20px;
            margin-left: 14px;
        }

        .attrbute {
            width: 1000px;
            // margin: 15px 0;
            overflow: hidden;
            .list-item {
                margin: 15px 0;

                .error-red {
                    border-color: red;
            }
        }
        }

        .radio-group {
            margin: -15px 0;
            width: 50%;
            white-space: nowrap;
            overflow: visible;

            .radio {
                margin-right: 64px;
            }
        }
    }

    .borderDiv_inner {
        border: 1px solid @border-color;
        min-height: 620px;
        .list-item {
            margin: 20px 0px -8px 16px;

            .error-red {
                border-color: red;
            }
        }
        // width: 49%;
        // max-width: 540px;
        // min-width: 500px;
    }

    .borderDiv_inner_left {
        margin: 0;
    }

    .borderDiv_inner_right {
        margin: 0px 0px 0px -1px;
    }

    .row_title_style {
        height: 34px;
        padding-left: 14px;
        background-color: @contentTitleColor;
        text-align: left;
        font-family: auto;
        font-weight: bold;
    }

    .operation {
        margin: 10px 0 30px 16px;

        .fn-marr10 {
            margin-right: 10px;
        }
    }

    .labelCol {
        line-height: 34px;
        font-weight: normal;
    }

    .cut-Res {
        display: inline-block;
        width: 140px;
    }

    .ant-col span {
        white-space: nowrap;
        overflow: visible;
    }
    .smoothPadL{
        padding-left: 16px;
    }
}

._Imgset_dialog_ {
    .form-item {
        margin-bottom: 10px;

        .item-label {
            float: left;
            width: 90px;
        }
    }

    .LabelInput-label-Col {
        text-align: left;
    }
}

//感兴趣区域
._InterArea_ {
    // 被选中的表格行的样式
    .clickRowStyl{
        background-color:@tab-active-color
    }
    .ant-table-tbody>.clickRowStyl:hover>td{
        background-color : @tab-active-color
    }

    .fn-mart10 {
        margin-top: 10px;
    }

    .fn-marb10 {
        margin-bottom: 10px;
    }

    .fn-margin-left16 {
        margin-left: 16px;
    }

    .ant-slider-dot {
        width: 10px;
        height: 10px;
        border: 1px solid #e8e8e8;
    }

    .form-item {
        padding: 0;
        width: 500px;
        margin: 10px 0 10px 16px;

        .item-label {
            float: left;
            width: 90px;
        }

        .ant-table-thead>tr>th {
            font-weight: 700
        }

        .ant-table-scroll {
            border: 1px solid @border-color;
        }

        // 清除表头部分的scroll
        .ant-table-header {
            overflow: auto !important;
            margin-bottom: 0px !important;
            width: 97%; //这个主要就是调整取消表头的scroll后表头和表格对不齐的问题

            .ant-table-thead {
                border-top: none;
            }
        }

        //无数据时也会有边框
        .ant-table-placeholder {
            /* border-right: 1px solid @border-color;
            border-left: 1px solid @border-color; */
            height: 100px;

            .ant-empty-normal {
                margin: 5px;
            }
        }
        .ant-table-wrapper{
            border-right: 1px solid @border-color;
            border-left: 1px solid @border-color;
        }

    }
}

//调整ant按钮的padding
.ant-btn {
    padding: 0 18px;
}

// 上传图片相关

.ant-upload-list {
    display: none
}

.ant-upload-list-picture {
    display: none
}

// 菊花图相关_--_
.empty {
    text-align: center;
    height: 90vh;
    line-height: 90vh;
}

// 视频叠加
.fn-marl100 {
    margin-left: 90px;
}

.fn-padt10 {
    padding-top: 10px;
}

//球机隐私遮挡
.fn-mart10 {
    margin-top: 10px;
}

.fn-marl10 {
    margin-left: 10px;
}

.mosaicContent {
    margin: -12px -16px;
}

.color {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border-radius: 50%;

}
._privacyMask_ {
    min-width: '1720px';
    padding-right: 20px; 

    .form-item {
        padding: 0;
        width: 840px;
        margin: 10px 0;

        .item-label {
            float: left;
            width: 90px;
        }

        .ant-table-thead>tr>th {
            font-weight: 700
        }

        // 清除表头部分的scroll
        .ant-table-header {
            overflow: hidden;
            margin-bottom: 0px !important;
            width: 97%; //这个主要就是调整取消表头的scroll后表头和表格对不齐的问题
        }
    }
    //添加按钮下拉框的样式
    .dropdown_privacy:hover {
        background-color: @tab-active-color;
        color: #272727
    }
}

._overCoverArea_ {
    .form-item {
        padding: 0;
        width: 840px;
        margin: 10px 0;

        .item-label {
            float: left;
            width: 90px;
        }

        .ant-table-thead>tr>th {
            font-weight: 700
        }

        /* // 清除表头部分的scroll
        .ant-table-header{
            overflow: auto !important;
            margin-bottom: 0px !important;
        } */
    }
}





.slider-wrapper {
    position: relative;
    padding: 0;

    .text-l {
        text-align: left; 
        margin-left: -2px;
    }

    .text-c {
        text-align: center;
    }

    .iconCol {
        
        margin-top: 4px;
        i {
            cursor: pointer;
        }
    }

    .ant-slider {
        padding: 0;
    }

    .labelSlider {
        line-height: 32px;
        margin: 0 10px;
    }
}



._Videocut_ {
    .res-sel {
        margin: 15px 0;
    }
    .video-wrap {
        width: 100%;
        height: 338px;
        //margin: 15px 0;
        background-Color: '#000';
    }
}

._InfoVersion_{
  padding-top: 30px;
  padding-left: 32px;
//   min-height: 860px;
  .container{
    // padding: 10px;
    // border: 1px solid @border-color;
    .list{
      padding: 4px 0;

      color: @font-color;
      & .list-alert{
        color: @errorColor;
        margin-left: 5px;
      }
    }
    .cursor{
      cursor: pointer;
    }
  }
}

// 
ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}
.init-step-nav {
    padding: 40px 40px;
}
.init-steps-content-wrap {
    background: @white;
    height: 630px;
    .init-steps-content {
        position: relative;
        height: 465px;
        padding: 20px;
        &.init-disclaimer {
            padding: 30px 50px; 
            .ant-tabs-nav-scroll {
                text-align: center;
            }
        }
        .m-info-content {
            height: 100%;
            padding: 0px;
        }
        .m-info-content iframe {
            background-color: #ffffff;
            border: 1px solid #ffffff;
            width: 100%;
            height: 100%;
        }
        .content-flow{
            height: 400px;
            overflow-y: scroll;
        }
    }
    .init-btn-action {
        width: 300px;
    }
    .fn-center {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
    }
    .fn-marL10 {
        margin-left: 10px;
    }
    .fn-textcenter {
        text-align: center;
    }
    li {
        margin-bottom: 20px;
        &:last-child {
            margin-bottom: 0;
        }
    }
}
.init-proto-checkbox-wrap {
    padding: 10px 30px;
}
.qrcode_li {
    text-align: center;
}
.qrcode_wrap {
    display: inline-block;
}
.init-steps-content {
    .ant-form-item {
        margin-bottom: 8px;
    }
    .labelText {
        font-weight: bold;
    }
    .ant-form-explain {
        margin-left: 25%
    }
}





._ARP_{
  .box{
    padding-top: 10px;
    // border: 1px solid @border-color;
  }
  .ip{
    .ant-row{
      margin-bottom: 10px;
      &:last-child{
        margin-bottom: 0px;
      }
    }
  }
  .labelSelect-label-dark,.LabelIP-label-dark,.LabelInput-label-dark{
    color: @font-color;
  }
  .LabelInput-label-Col, .labelSelect-label-Col, .macInput-label, .ipInput-label,.LabelIP-label-Col, .LabelSwitch-label-Col, .labelText-label-Col{
    text-align: left;
    padding-left: 15px;
  }
  .ant-row{
    margin-bottom: 6px;
  }
  .macInput-label{
    padding: 6px 10px 10px 15px;
  }
  .mac-box{
    padding: 0;
  }
  .ipInput-label, .ipInput-box{
    padding: 0;
  }
  .ipInput-label{
    min-width: 0;
  }
  .LabelIP-container{
    margin: 0;
  }
  .error-text{
    display: none;
  }
  .LabelIP-has-error{
    border: 1px solid @border-color;
  }
  .openARpp {
      padding-top: 14px;
      margin-bottom: 4px;
      border-top: 1px solid @border-color !important;
  }
  .handle{
    button {
      margin-right: 10px;
    }
  }
  .Prefix{
    margin-top: 4px;
    text-align: center;
  }
  .numbers{
      margin-top: 4px;
      .ant-input-number{
        width: calc(128.8888888% - 21px);
      }
  }
  .LabelIP-ip-input__item{
    input{
      display: inline-block;
      width: calc(25% - 5px);
    }
  }
  .mac-box .mac-input{
    padding: 0;
    min-width: 0;
  }
  .mac-box .mac-point{
    padding: 5px 3px;
  }
  .ipInput-box .item{
    width: calc(25% - 8px);
  }
  .LabelIP-ip-input .LabelIP-ip-input__item{
    display: inline;
  }
  .longPoe {
    border-top: 1px solid @border-color;
    padding-top: 20px
  }
  .ant-form-item{
    margin-bottom: 0
  }
}

._IpSet_{
    color: @font-color;
    padding: 16px;
    .box{
        padding-top: 10px;
        // border: 1px solid @border-color;
    }
    .ip{
        .ant-row{
            margin-bottom: 10px;
            &:last-child{
                margin-bottom: 0px;
            }
        }
    }
    .labelSelect-label-dark,.LabelIP-label-dark,.LabelInput-label-dark{
        color: @font-color;
    }
    .LabelInput-label-Col, .labelSelect-label-Col, .macInput-label, .ipInput-label,.LabelIP-label-Col, .LabelSwitch-label-Col, .labelText-label-Col{
        text-align: left;
        padding-left: 15px;
    }
    .ant-row{
        margin-bottom: 6px;
    }
    .macInput-label{
        padding: 6px 10px 10px 15px;
    }
    .mac-box{
        padding: 0;
    }
    .ipInput-label, .ipInput-box{
        padding: 0;
    }
    .ipInput-label{
        min-width: 0;
    }
    .LabelIP-container{
        margin: 0;
    }
    .error-text{
        display: none;
    }
    .LabelIP-has-error{
        border: 1px solid @border-color;
    }
    .openARpp {
        padding-top: 14px;
        margin-bottom: 4px;
        border-top: 1px solid @border-color !important;
    }
    .handle{
        button {
        margin-right: 10px;
        }
    }
    .Prefix{
        margin-top: 4px;
        text-align: center;
    }
    .numbers{
        margin-top: 4px;
        .ant-input-number{
            width: calc(128.8888888% - 21px);
        }
        position: relative;
    }
    .LabelIP-ip-input__item{
        input{
            display: inline-block;
            width: calc(25% - 5px);
        }
    }
    .mac-box .mac-input{
        padding: 0;
        min-width: 0;
    }
    .mac-box .mac-point{
        padding: 5px 3px;
    }
    .ipInput-box .item{
        width: calc(25% - 8px);
    }
    .LabelIP-ip-input .LabelIP-ip-input__item{
        display: inline;
    }
    .longPoe {
        border-top: 1px solid @border-color;
        padding-top: 20px
    }
    .ant-form-item{
        margin-bottom: 0
    }
    .ip_test_btn {
        width: 200%;
        margin-top: 1px;
        position: relative;
        display: inline-block;
        .ip_test_tips {
            color: #73ce8e;
            margin-left: 20px;
        }
        .ip_test_tips_err {
            color: #f04047;
        }
    }
    .ip_test_ipv6 {
        position: absolute;
        right: -120px;
        top: 3px;
        .ip_test_tips {
            right: -56px;
        }
    }
    .ipv6Conotent {
        position: relative;
    }
    .ipv6Box {
        width: 250px;
        position: absolute;
        left: 80%;
        top: 3px;
    }
}


._IvsObjectDetectReport_ {
    background: @baseColor;
    padding: 10px 32px 10px 16px !important;
    .topContent {
        padding-bottom: 10px;
    }
    .ant-divider-horizontal {
        margin: 0;
    }
    .ant-empty-normal {
        margin: 30vh 0;
    }
    .time-select {
        line-height: 40px;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
    .active {
        color: @export-color;
    }
    .ant-form-item {
        margin-bottom: 0px;
    }
    .IvsObjectDetectChart {
        div:first-child {
            width: 100% !important; 
        }
    }
    .handleBar{
        .btn {
            position: absolute;
            top: 100px;
        }
        .left{
            text-align: center;
            max-width: 40px;
            min-height: 32px;
            line-height: 32px;
            border: 1px solid @border-color;
            border-radius: 4px 0 0 4px;
            z-index: 1;
            cursor: pointer;
        }
        .right{
            text-align: center;
            max-width: 40px;
            min-height: 32px;
            line-height: 32px;
            border: 1px solid @border-color;
            border-radius: 0 4px 4px 0;
            z-index: 1;
            cursor: pointer;
        }
        .export{
            color: @export-color;
            text-align: right;
            cursor: pointer;
            position: absolute;
            top: 56px;
            right: 50px;
            z-index: 1;
            button {
                min-width: 0px;
                padding: 0px;
            }
        }
        
        button{
            &:first-child{
                border-radius: 4px 0 0 4px;
            }
            &:last-child{
                border-radius: 0 4px 4px 0;
            }
        }
        .btn-active{
            border: 1px solid  @export-color;
            color: @export-color;
        }
        .ant-checkbox-green {
            .ant-checkbox-inner {
                background-color: #52C41A;
                border-color: #52C41A;
            }
        }
        .ant-checkbox-yellow {
            .ant-checkbox-inner {
                background-color: #FCAC15;
                border-color: #FCAC15;
            }
        }
        .ant-checkbox-blue {
            .ant-checkbox-inner {
                background-color: #1890FF;
                border-color: #1890FF;
            }
        }
    }
    .ant-dropdown-menu-item {
        clear: both;
        margin: 0;
        padding: 5px 12px;
        color: #272727;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .ant-dropdown-menu-item:hover {
        background-color: #E6F7FF;
    }

    .behindTips {
        .time-select;
        color: red;
        display: inline-block;
        margin-left: 10px;
        vertical-align: -15px;
    }

    @media (max-width: 1600px){
        .m-maxWidth{
            max-width: 200px;
        }
    }
}


._LegoInfo_{
  padding-bottom: 14px;
  height: calc(100vh - 92px);
  min-height: 300px;
  .ant-tabs {
    height: 100%;
    .ant-tabs-content {
      height: calc(100% - 44px);
    }
  }
  .ant-tabs-nav .ant-tabs-tab {
    margin-right: 50px;
  }
  .ant-tabs-nav-wrap {
    padding-left: 13px;
  }
  // .ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive {
  //   display: none;
  // }
}
._SoftwareLicense_{
  margin-left: 15px;
  height: 100%;
  // min-height: 85vh;
  .fn-marr10 {
    margin-right: 10px;
  }
  .ant-divider-horizontal {
      margin: 0px 0px 15px -6px;
  }
  .ant-form-item {
      margin-bottom: 8px;
  }
  .ant-card-body {
      padding: 18px 0 8px 32px !important;
      .ant-checkbox-group {
          margin-bottom: 5px;
      }
  }
  .m-info-content {
    height: 100%;
    padding: 0px;
  }
  .m-info-content iframe{
    background-color: rgb(255,255,255);
    border: 1px solid rgb(255,255,255);
    width: 100%;
    height: 100%;
    // min-height: 82vh; //DTS002070012
    vertical-align: text-bottom;
    pre {
      white-space: 'pre-wrap';
      word-wrap: 'break-word';
    }
  }
}


._LinkageConfig_{
  background: @white;
  // height: 100%;
  min-height: 92vh;
    i {
        &:hover{
            color: @export-color;
        }
    }
  .ant-table-thead > tr:first-child > th:first-child {
    border-left: 1px solid @border-color;
  }
  .ant-table-thead > tr:first-child > th:last-child {
    border-right: 1px solid @border-color;
  }
  .ant-table-tbody .ant-table-row{
    border-left: 1px solid @border-color;
    border-right: 1px solid @border-color;
  }
  .ant-table-placeholder{
    border-left: 1px solid @border-color;
    border-right: 1px solid @border-color;
  }
  .ant-table-header-column{
    font-weight: bold;
  }

  ul,li{
    margin: 0;
    padding: 0;
    list-style: none;
  }
  p{
    margin: 0;
    padding: 0;
  }
  .ant-form-item{
    margin-bottom: 0;
  }
  .labelMargin{
    margin-bottom: 20px;
  }
  .LabelSwitch-label-Col{
    text-align: left;
  }
  .sidebar{
    width: 240px;
    max-width: 240px;
    min-width: 240px;
    box-sizing: border-box;
    height: 100%;
    min-height: 92vh;
    float: left;
    border-right: 1px solid @border-color;
    border-bottom: 1px solid @border-color;
  }
  .addLinkageGroup{
    text-align: center;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid @border-color;
    font-weight: bold;
    color: #666;
    cursor: pointer;
  }
  .linkageList{
    text-align: center;
    li{
      height: 40px;
      line-height: 40px;
      border-bottom: 1px solid @border-color;
      cursor: pointer;
    }
    .activeBar{
      background: @export-color;
      color: @white;
    }
    .filterInput{
      width: 100%;
      height: 50px;
      border: none;
      border-bottom: 1px solid @border-color;
      outline: none;
    }
  }
  .container{
    float: left;
    width: calc(100% - 240px);
    height: 100%;
    padding: 16px;
    .addLinkageDevice{
      border: 1px solid @border-color;
      border-bottom: none;
      margin-bottom: 16px;
      .operation {
        padding: 10px;
        // border-bottom: 1px solid @border-color;
        .add{
          margin-right: 10px;
          min-width: 120px;
        }
      }
    }
    .linkageConfig{
      border: 1px solid @border-color;
      margin-bottom: 16px;
      .title{
        margin: 10px 20px;
      }
      h4 {
        padding: 10px;
        border-bottom: 1px solid @border-color;
        color: #333;
        font-weight: bold;
      }
      .channel{
        margin: 0 20px;
        border-bottom: 1px dashed @border-color;
        .channel-list{
          margin-bottom: 10px;
          .labelSelect-label-Col{
            text-align: left;
          }
        }
      }
      .video{
        margin: 0 20px;
        border-bottom: 1px dashed @border-color;
        .video-item{
          padding: 10px 0;
        }
        .left-item{
          margin-top: 6px;
        }
        .middle-item{
          margin-top: 8px;
        }
        .radio-group .radio-button-wrapper {
          height: 30px;
          padding: 0 10px;
          margin: 0;
          margin-right: 10px;
        }
      }
      .voice-prompt{
        margin: 0 20px;
        padding: 10px 0;
        .left-voice{
          margin-top: 6px;
        }
      }
      .channelList{
        display: inline;
        li{
          border: 1px solid @border-color;
          width: 24px;
          height: 24px;
          text-align: center;
          line-height: 24px;
          border-radius: 2px;
          cursor: pointer;
        }
        ._active{
          border: 1px solid @export-color;
          color: @export-color;
        }
      }
    }
    .alarm-upload{
      border: 1px solid @border-color;
      .ant-modal-body{
        padding: 0;
      }
      .personal {
        border-bottom: 1px solid @border-color;
        .management{
          margin-top: 10px;
          color: @export-color;
          cursor: pointer;
        }
      }
      .title{
        padding: 10px;
        font-weight: bold;
        color: #333;
      }
      .group{
        padding: 0 20px;
        .group-list{
          padding: 10px 0;
          border-bottom: 1px dashed @border-color;
          .left-item{
            margin-top: 6px;
          }
          .middle-item{
            margin-top: 6px;
          }
          &:last-child{
            border-bottom: none;
          }
        }
      }
    }
  }
  .footer{
    margin-top: 10px;
    button{
      margin-right: 20px;
    }
  }
  .personalManagement{
    .leftBar{
      border-right: 1px solid @border-color;
      text-align: center;
      min-height: 70vh;
      .addGroup{
        margin: 10px;
        padding: 4px 0;
        border: 1px solid @border-color;
        cursor: pointer;
      }
      .personalGroup{
        border-bottom: 1px solid @border-color;
        .group-item{
          border-top: 1px solid @border-color;
          padding: 10px 0;
          cursor: pointer;
        }
        .activeBar{
          background: @export-color;
          color: @white;
        }
        .filterInput{
          width: 100%;
          height: 40px;
          border: none;
          border-top: 1px solid @border-color;
          outline: none;
        }
      }
      
    }
    .rightBar{
      padding: 10px;
      .handle{
        margin-bottom: 10px;
        button {
          margin-right: 10px;
        }
      }
    }
  }
}
.empty{
  padding: 10px;
  background: @white;
  min-height: 90vh;
  text-align: center;
  line-height: 89vh;
}



._LocalConfig_ {
	background: @baseColor;
	padding: 16px;
	margin: 16px;
	min-height: calc(100vh - 92px);
	.content {
	    .ant-form-item-label {
			text-align: left;
			padding-right: 10px;			
		}
		.ant-row {
			.ant-radio-group {
		    	display: block;
			}
	    	margin-bottom: 4px;
	    }
	    .child-content {
			margin-left: 16px;
			margin-bottom: 26px;
            border: 1px solid @border-color;
            .title {
                padding: 6px 14px;
                font-weight: bold;
                border-bottom: 1px solid @border-color;
            }
            .container {
                padding: 12px 32px 4px 42px;
            }
	    }
	}
	.operation {
	    margin-top: 10px;
	}
	.fn-marr10 {
        margin-right: 10px;
    }
    .fn-padt5 {
    	padding-top: 4px;
    }
    .Ocx_download{
	    position: fixed;
	    text-align: center;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    padding: 10px 0;
	    border-top: 1px solid @border-color;
	    background: @baseColor;
	    z-index: 10000;
	    span{
	        padding-top: 6px;
	        display: inline-block;
	    }
	    a {
	        text-decoration: underline;
	    }
	    .closeBtn{
	        float: right;
	        margin-right: 20px;
	        border: 1px solid @border-color;
	        border-radius: 4px;
	        padding: 4px 10px;
	        cursor: pointer;
	    }
	}
}


._LocalSet_{
    padding: 20px 16px 16px 16px;
    background: @baseColor;
    min-height: 85vh;
    .container{
        .LabelInput-label-Col,.labelSelect-label-Col{
            text-align: left;
        }
        .ant-row{
            margin-bottom: 6px;
        }
    }
    .ant-form-item{
        margin-bottom: 0;
    }
    .ant-form-item-control{
        line-height: 0;
    }
    .handleBar{
        button{
            margin-right: 10px;
        }
    }
}
.empty{
  padding: 10px;
  background: @white;
  // min-height: 85vh;
  text-align: center;
  // line-height: 84vh;
}


* {
    margin: 0;
    padding: 0;
}
body, html {
    width: 100%;
    height: 100%;
    position: relative;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:  @placeholder-color!important;

}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    @placeholder-color!important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    @placeholder-color!important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    @placeholder-color!important;
}


#myCanvas {
    min-width: 1000px;
    width: 110%; 
    position: fixed; 
    left: 50%; 
    bottom: -50px; 
    transform: translateX(-50%);
    pointer-events: none;
}
.arc-login-wrap {
    height: 100vh;
    background: #fff;
    .password input {
        padding-right: 100px;
    }
    .passwordEn input {
        padding-right: 142px;
    }
}
.arc-nologin{
    height: 100vh;
    width: 100%;
    padding-top: 50vh;
    text-align: center; 
}
#root .arc-login-container {
    .login-box {
        margin-left: -200px;
        margin-top: -242px;
        // top: 174px;
        width: 400px;
        padding-bottom: 78px;
        padding-top: 60px;
        z-index:2;
        > div {
            width: 324px;
            margin: 0 auto;
        }
        .icon-logo {
            display: block;
            margin: 24px auto;
            width: 205px;
            height: 60px;
            background: url('/static/media/logo_green.827b44f2.png');
        }
        .iconDH-logo {
            display: block;
            margin: 24px auto;
            width: 144px;
            height: 44px;
            background: url('/static/media/logo_login.84aba8a8.png');
        }
        .ant-form-item {
            margin-bottom: 18px;
            &.tcp-select {
                margin-bottom: 0;
            }
        }
        .login-icon {
            svg {
                height: 16px;
                width: 16px;
            }
            &.focus {
                color: @intelbrasGreen;
            }
            &:hover {
                color: @intelbrasGreen;
            }
        }
        .ant-input {
            height: 44px;
            padding-left: 35px;
            background: none;
            border-radius: 4px;
            color: @text-color;
            font-size: 14px;
            text-align: left;
            &:focus {
                border: 1px solid @loginInputBorderHoverColor;
            }
            &:hover {
                border: 1px solid @loginInputBorderHoverColor;
            }
            &:focus:hover {
                border: 1px solid @loginInputBorderHoverColor;
            }
        }
        .entry-type > div{
            height: 44px;
            line-height: 44px;
            border-radius: 4px;
            background: none;
            font-size: 14px;
            border: 1px solid @loginInputBorderColor;
            .ant-select-selection__rendered {
                line-height: 44px;
            }
            &:hover {
                border:1px solid  @loginInputBorderHoverColor;
            }
        }
        .entry-type .ant-select-selection {
            .ant-select-selection-selected-value {
                color: @loginInputBorderHoverColor;
            }
            .ant-select-arrow {
                color: @loginInputBorderHoverColor;
            }

        }
        
// entry-type ant-select ant-select-open ant-select-focused ant-select-enabled
//  .entry-type .ant-select-selection .ant-select-selection-selected-value

        .ant-form-item-children .entry-type:hover .ant-select-selection-selected-value,
        .ant-form-item-children .entry-type:hover .ant-select-arrow,
        .ant-form-item-children .entry-type:focus .ant-select-arrow
        .entry-type.ant-select-focused .ant-select-selection .ant-select-selection-selected-value {
            color: @white;
        }
        
        .ant-form-item-children {
            position: relative;
        }
    }
    .login-title {
        margin-bottom: 44px;
        text-align: center;
        letter-spacing: 0.1em;
        font-size: 26px;
        color: @baseColor;
        // 可惜可惜
        // &:hover {
        //     transform: rotate(666turn);
        //     transition-property: all;
        //     transition-duration: 59s;
        //     transition-timing-function: cubic-bezier(.34,0,.84,1);
        //    	transition-delay: 5s;
        // }
    }

    .login-button {
        margin-top: 40px;
        height: 44px;
        max-height: 44px;
        font-size: 16px;
        font-weight: 200;
        // border: 2px solid @baseColor;
        border-radius: 4px;
        background: @loginBtnColor;
        &:hover {
            background: @loginBtnHoverColor;
        }
    }
    .login-forget {
        position: absolute;
        right: 10px;
        bottom: -2px;
        line-height: 20px;
        opacity: 0.6;
        font-size: 14px;
        border-left: 1px solid @loginInputBorderColor;
        color: @text-color;
        &:hover {
            color: @text-color;
        }
    }
    .device-select {
        .ant-select-selection {
            background: transparent;
            height: 44px;
            border-radius:22px;
            color: @placeholder-color;
            border: 1px solid @loginInputBorderColor;
        }
        .ant-select-selection:hover {
            border: 1px solid @loginInputBorderHoverColor;
        }
        .ant-select-selection__rendered {
            line-height: 44px;
        }
    }
}


.empty{
    text-align: center;
    height: 90vh;
    line-height: 90vh;
}
._autoMaintain_, .backup, ._OneClickExport_, .settings, .netcapure, .intelliDiagnosis, ._LogExport_, ._MountInfo_ {
    min-height: 90vh;
    padding: 30px 16px 16px;
}
._autoMaintain_{
    padding: 16px;
    .fn-mb12{
        margin-bottom: 12px;
    }
    .fn-mb14{
        margin-bottom: 14px;
    }
    .LabelSwitch-label-Col, .labelSelect-label-Col,.LabelInput-label-Col{
        text-align: left;
    }
    .restart{
        margin: 10px 0px 26px 16px;
        border: 1px solid @border-color;
        .title{
            padding: 6px 16px 6px 14px;
            font-weight: bold;
            border-bottom: 1px solid @border-color;
        }
        .container{
            padding: 20px 32px 5px 30px;
        .labelSelect-behind-dark {
            padding: 0;
        }
        .LabelInput-behind-dark {
            padding-left: 10px;
        }
        }
        .manual{
            border-top: 1px solid @border-color;
            padding: 10px 32px 10px 32px;
        }
    }
    .delete{
        margin-top: 20px;
        border: 1px solid @border-color;
        .title{
            padding: 4px 10px;
            border-bottom: 1px solid @border-color;
        }
        .container{
            padding: 10px;
            .ant-row{
                margin-bottom: 10px;
            }
        }
    }
    .handleBar{
        margin-left: 16px;
        margin-top: 0px;
        button {
            margin-right: 10px;
        }
    }
}
.backup{
    .config{
        margin-top: 10px;
        border: 1px solid @border-color;
        .import{
            margin-top: 20px;
        }
        .fileLabel{
            text-align: left;
            padding-left: 18px;
        }
    }
}

.settings{
    & .ant-row{
        margin-bottom: 20px;
    }
    .default{
        margin-top: 10px;
        border: 1px solid @border-color;
        // padding: 10px;
        .title{
            padding: 8px 14px;
            border-bottom: 1px solid @border-color;
            font-weight: bold;
        }
        .container{
            padding: 20px 14px;
            .ant-checkbox-group{
                display: block;
                margin: 10px 0; 
            }
        }
    }
}
.netcapure {
    margin-top: 20px;
    .ant-form-item {
        margin-bottom: 0;
    }
}
.intelliDiagnosis {
    padding: 16px;
    > .ant-row {
        margin-bottom: 14px;
    }
}
._LogExport_{
    .table-row-focus {
        background-color: #E6F7FF;
    }
    .ant-table-wrapper{
        margin-bottom: 100px;
    }
    .ant-table-body{
        overscroll-behavior: contain;
    }
    .ant-table-placeholder{
        border-left: 1px solid #e8e8e8;
        border-right: 1px solid #e8e8e8;
    }
    .ant-table-footer{
        padding: 0;
        position: relative;
        top: -1px;
    }
    .table-footer {
        line-height: 80px;
        background: white;
        border: 1px solid #e8e8e8;
        border-bottom: none;
    }
    .table-footer-item {
        height: 40px;
        padding: 0 30px;
        line-height: 40px;
        background: white;
        border-bottom: 1px solid #e8e8e8;
    }
    table{
        border: 1px solid #e8e8e8;
        border-width: 0px 1px;
    }
}
._MountInfo_ {
    .RowItem {
        margin-bottom: 10px;
    }
    .handlerButton{
        & button:nth-child(n+2){
            margin-left: 10px;
        }
    }
}
._OneClickExport_ {
    .oneClick-export-modal {
        .ant-modal-body {
            margin: 10px 60px 25px; 
        }
        .file-info {
            .file-name {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-wrap: normal;
                margin-bottom: 5px;
            }
        }
    }
}



._RTP_, ._TS_{
  background: @indexBgColor;
  height: 100%;
  overflow: hidden;
  .borderDiv {
    margin: 16px 16px 0px 16px;
    .fn-divider {
        border-bottom: 1px solid @inputBorderColor;
    }
    .channel {
        margin: 0 0 10px 16px;
    }    
    .LabelSwitch-label-Col, .LabelInput-label-Col, .labelSelect-label-Col, .labelText-label-Col, .LabelIP-label-Col {
        text-align: left;
        padding-left: 16px;
        label {
            color:@font-color;
        }
    }
    .list-item {
        margin: 20px 0 -8px 16px;
    }
    .attrbute {
        width: 800px;
        margin-top: 10px;
        margin-left: -15px;
    }
    .LabelInput-behind-dark, .labelSelect-behind-dark {
      padding-top: 0px;
      margin-bottom: 0px;
      white-space: nowrap;
    }
  }
  .borderDiv_inner {
    border: 1px solid @border-color;
    height: 280px;
    //width: 49%;
    //min-width: 600px;
  }

  .borderDiv_inner_left {
      margin: 0;
  }

  .borderDiv_inner_right {
      margin: 0px 0px 0px -1px;
  }

  .row_title_style {
      padding-left: 14px;
      height: 34px;
      background-color: @contentTitleColor;
      text-align: left;
      font-family: auto;
      font-weight: bold;
  }

  .operation {
      margin: 10px 0 16px 16px;

      .fn-marr10 {
          margin-right: 10px;
      }
  }

  .labelCol {
      line-height: 34px;
  }
  // .LabelSwitch-label-Col, .LabelIP-label-Col, .LabelInput-label-Col{
  //   margin-right: -15px;
  //   text-align: left;
  // }
  .ant-form-item{
      margin-bottom: 0;
  }
  .ant-form-item-control{
      line-height: 0;
  }
  > .ant-row{
    margin-bottom: 14px;
    &:last-child{
      margin-bottom: 4px;
    }
  }
  .LabelIP-container{
    margin: 0;
  }
  .LabelIP-label-dark{
    color: @font-color;
  }
  .LabelIP-ip-input .LabelIP-ip-input__item{
    display: inline;
  }
  .LabelIP-ip-input__item{
    input{
      width: calc(24% - 2.6px);
    }
  }
  .box{
    padding-left: 15px;
    padding-top: 15px;
    // border: 1px solid @border-color;
    // .LabelIP-has-error{
    //     border: 1px solid @border-color;
    // }
  }
  .handleBar{
    padding-left: 15px;
    button{
      margin-top: 10px;
      margin-right: 10px;
    }
  }
}
.empty{
  height: 90vh;
  text-align: center;
  line-height: 90vh;
}


.__MutiMonitor__ {
    height: calc(100vh - 80px);
    .MutiMonitorWraper,  .SecBarWraper{
        margin-top: 15px;
    }
    .mutiMonitor-content {
        width:calc(100% - 240px);
    }
    .data-main {
        float: left;
        width: calc(100% - 240px);
    }
    .mutiMonitor-LeftBar{
        height:100%;
        width:240px;
        float:left;
        .ant-menu-item-selected{
            background-color: @tab-active-color !important
        }
        .ant-menu{
            background-color: @baseColor;
        }
    }
    ._MutiMonitorSecBar_{
        margin-top:16px;
        margin-left: 15px;
        float: left;
        height:100%;
        background-color: @baseColor;
        border-right: 1px solid @border-color;
        .wrapper{
            width:100%;
            transition:all 0.3s;
            cursor: pointer;
            padding-top: 1em;
            &.active {
                background-color:@tab-active-color;
                color:@export-color;
            }
            .circle{
                display: inline-block;
                width:10px;
                height: 10px;
                border-radius: 5px;
                margin-right:10px;
            }
        }
        .GridClass{
            border-bottom:3px solid #1890FF
        }
        
        .normal{
            background: @normalColor
        }
        .outLine {
            background:@disableColor
        }
        .alarm {
            background:@errorColor
        }
    }
    ._MutiMonitorList_{
        background-color: @baseColor;
        margin-top:16px;
        padding:16px;
        height: 100%;
    }
}




._MutiMonitorLeftBar_{
    height: calc(100vh - 64px);
    .ant-menu-item-selected{
        background-color: @tab-active-color !important
    }
    .ant-menu{
        background-color: @baseColor;
    }
}



._MutiMonitorList_{
    background-color: @baseColor;
    padding:16px;
    height: calc(100vh - 64px);
}



._MutiMonitorMain_ {
    padding: @indexPadding;
    .switch-item {
        float: left;
        width: 25%;
        height: 14vh;
        box-sizing: border-box;
        border: none;
        border-right: 1px solid @border-color;
        border-bottom: 1px solid @border-color;
        box-sizing: border-box;
        cursor: pointer;
        &:nth-child(4n) {
            border-right: none;
        }
        &:nth-child(n + 9) {
            border-bottom: none;
        }
        .devName {
            margin-left: 10px;
            margin-top: 10px;
            color: @disableColor;
        }
        .devIcon {
            height: 6.5vh;
            text-align: center;
            color: @disableColor;
            &.devIcon0, &.devIcon1, &.devIcon2 {
                color: @export-color;
            }
        }
        .devStatus {
            text-align: center;
        }
    }
    .switch {
        background: @baseColor;
        .ant-card-body {
            padding: 0!important;
            border: none;
        }
        
    }
    .simulation {
        margin-top: @indexPadding;
        background: @baseColor;
        .ant-card-body {
            padding: 0!important;
            border: none;
        }
    }
}

@media screen and (min-width: 1500px) and (max-width:1800px) {
    ._MutiMonitorMain_ .switch-item {
        width: 20%;
        &:nth-child(4n) {
            border-right: 1px solid @border-color;
        }
        &:nth-child(5n) {
            border-right: none;
        }
        &:nth-child(n + 9) {
            border-bottom: 1px solid @border-color;
        }
        &:nth-child(n + 6) {
            border-bottom: none;
        }
    }
}

@media screen and (min-width: 1800px) {
    ._MutiMonitorMain_ .switch-item {
        width: 16.66%;
        &:nth-child(4n) {
            border-right: 1px solid @border-color;
        }
        &:nth-child(n + 9) {
            border-bottom: 1px solid @border-color;
        }
        &:nth-child(6n) {
            border-right: none;
        }
        
        &:nth-child(n + 8) {
            border-bottom: none;
        }
    }
}


._MutiMonitorSecBar_{
    height: calc(100vh - 64px);
    background-color: @baseColor;
    border-right: 1px solid @border-color;
    .wrapper{
        width:100%;
        transition:all 0.3s;
        cursor: pointer;
        padding-top: 1em;
        &.active {
            background-color:@tab-active-color;
            color:@export-color;
        }
        .circle{
            display: inline-block;
            width:10px;
            height: 10px;
            border-radius: 5px;
            margin-right:10px;
        }
    }
    .GridClass{
        border-bottom:3px solid #1890FF
    }
    
    .normal{
        background: @normalColor
    }
    .outLine {
        background:@disableColor
    }
    .alarm {
        background:@errorColor
    }
}

._MutiMonitorLeftMain_ {
    background: #F4F7FE;
    .monitor-item {
        border-bottom: 1px solid @border-color;
        &:nth-child(n+3) {
            padding-top: 20px;
        }
        .list-title {
            margin-left: 20px;
            .big {
                font-size: @biggerFont;
                margin-bottom: 0px;
            }
            .name {
                color: @disableColor;
            }
        }
    }
    
    
}


._NumberStatHeatMapReport_ {
    background: @baseColor;
    padding: 25px 16px 10px 32px;
    .ant-divider-horizontal {
        margin: 0;
    }
    .ant-empty-normal {
        margin: 30vh 0;
    }
    .time-select {
        line-height: 40px;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        & ~ .time-select {
            padding-left: 10px;
        }
    }
    .active {
        color: @export-color;
    }
    .ant-form-item {
        margin-bottom: 0px;
        margin-right: 56px;
    }
    .video{
        margin-left: auto;
        margin-right: auto;
    }
    ._HeatMapChart_{
        margin-top: 20px;
        text-align: center;
        line-height: 40px;
        span {
            font-weight: bold;
            font-size: 17px;
        }
        .export{
            color: @export-color;
            text-align: right;
            cursor: pointer;
            position: absolute;
            right: 50px;
            z-index: 1;
            margin-top: 20px;
        }
        .ant-checkbox-green {
            .ant-checkbox-inner {
                background-color: #52C41A;
                border-color: #52C41A;
            }
        }
        .ant-checkbox-yellow {
            .ant-checkbox-inner {
                background-color: #FCAC15;
                border-color: #FCAC15;
            }
        }
        .ant-checkbox-blue {
            .ant-checkbox-inner {
                background-color: #1890FF;
                border-color: #1890FF;
            }
        }
    }
    .ant-dropdown-menu-item {
        clear: both;
        margin: 0;
        padding: 5px 12px;
        color: #272727;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .ant-dropdown-menu-item:hover {
        background-color: #E6F7FF;
    }
}


._NumberStatReport_ {
    background: @baseColor;
    padding: 25px 16px 10px 32px;
    .topContent {
        padding-bottom: 10px;
    }
    .ant-divider-horizontal {
        margin: 0;
    }
    .ant-empty-normal {
        margin: 30vh 0;
    }
    .time-select {
        line-height: 40px;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        & ~.time-select {
            padding-left: 10px;
        }
    }
    .active {
        color: @export-color;
    }
    .ant-form-item {
        margin-bottom: 0px;
        margin-right: 56px;
    }
    .ManNumDetectionChart {
        div:first-child {
            width: 100% !important;
        }
    }
    .NumberStatChart {
        div:first-child {
            width: 100% !important;
        }
    }
    .handleBar{
        .btn {
            position: absolute;
            top: 100px;
        }
        .left{
            text-align: center;
            max-width: 40px;
            min-height: 32px;
            line-height: 32px;
            border: 1px solid @border-color;
            border-radius: 4px 0 0 4px;
            z-index: 1;
            cursor: pointer;
        }
        .right{
            text-align: center;
            max-width: 40px;
            min-height: 32px;
            line-height: 32px;
            border: 1px solid @border-color;
            border-radius: 0 4px 4px 0;
            z-index: 1;
            cursor: pointer;
        }
        .title {
            cursor: pointer;
            font-size: 18px;
            font-weight: bold;
            color: #000;
            position: absolute;
            // left: 400px;
            z-index: 2;
            margin-top: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
        }
        .export{
            color: @export-color;
            text-align: right;
            cursor: pointer;
            position: absolute;
            right: 50px;
            z-index: 1;
            margin-top: 20px;
        }

        button{
            &:first-child{
                border-radius: 4px 0 0 4px;
            }
            &:last-child{
                border-radius: 0 4px 4px 0;
            }
        }
        .btn-active{
            border: 1px solid  @export-color;
            color: @export-color;
        }
        .ant-checkbox-green {
            .ant-checkbox-inner {
                background-color: #52C41A;
                border-color: #52C41A;
            }
        }
        .ant-checkbox-yellow {
            .ant-checkbox-inner {
                background-color: #FCAC15;
                border-color: #FCAC15;
            }
        }
        .ant-checkbox-purpose {
            .ant-checkbox-inner {
                background-color: #D348F6;
                border-color: #D348F6;
            }
        }
        .ant-checkbox-green2 {
            .ant-checkbox-inner {
                background-color: #13CAE5;
                border-color: #13CAE5;
            }
        }
        .ant-checkbox-red2 {
            .ant-checkbox-inner {
                background-color: #CB663E;
                border-color: #CB663E;
            }
        }
        .mannum-detection {
            .ant-checkbox-input {
                cursor: auto;
            }
        }
        .ant-checkbox-blue {
            .ant-checkbox-inner {
                background-color: #1890FF;
                border-color: #1890FF;
            }
        }
    }
}



._OneClickDiagnosis_ {
    height: calc(100vh - 92px);
    background-color: @body-background;
    .result-box {
        width: 100%;
        height: 160px;
        background-color: @indexBgColor;
        position: relative;
        &__main {
            padding: 20px 30px 20px 2px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            > div {
                display: flex;
                align-items: center;
                > span {
                    color: rgba(0, 0, 0, 0.45);
                }
            }
            .ant-btn {
                min-width: 115px;
                min-height: 40px;
            }
        }
        &__title {
            font-size: 28px;
            margin-bottom: 5px;
        }
        &__tip {
            color: rgba(0, 0, 0, 0.45);
        }
        &__detail {
            margin-top: 10px;
            color: rgb(64, 169, 255);
        }
        .ant-progress {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            > div {
                height: 100%;
            }
            .ant-progress-outer {
                height: 100%;
                .ant-progress-inner {
                    height: 100%;
                    border-radius: 0;
                    background-color: rgba(255, 255, 255, 0.1);
                    .ant-progress-success-bg,
                    .ant-progress-bg {
                        height: 100% !important;
                    }
                }
            }
        }
        .header-detail-btn {
            margin-left: 16px;
            cursor: pointer;
            color: @export-color;
        }
    }
    .check-box {
        margin-top: 12px;
        height: calc(100% - 172px);
        background-color: @indexBgColor;
        overflow-y: auto;
        position: relative;
        &__lists {
            &:not(:first-child) {
                margin-top: 16px;
            }
        }
        .lists-header {
            height: 48px;
            line-height: 48px;
            padding-left: 32px;
            font-weight: bold;
            border-bottom: 1px solid rgba(0, 0, 0, 0.06);
        }
        &__item {
            height: 88px;
            padding: 16px 32px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.06);
            display: flex;
            align-items: center;
            justify-content: space-between;
            > div {
                display: flex;
                align-items: center;
            }
        }
        &__icon {
            padding-top: 7px;
            background: transparent;
            svg circle {
                fill: rgba(0, 0, 0, 0.35);
            }
            &.Normal {
                svg circle {
                    fill: #1890FF;
                }
            }
            &.Warning, &.Abnormal{
                svg circle {
                    fill: @warnColor;
                }
            }
        }
        &__detail {
            margin-left: 16px;
            .module-name {
                font-size: 18px;
                margin-bottom: 8px;
                &__tag{
                    display: inline-block;
                    // width: 40px;
                    height: 22px;
                    line-height: 22px;
                    text-align: center;
                    font-size: 12px;
                    border-radius: 2px;
                    margin-left: 11px;
                    padding: 0 8px;
                    &.Warning, &.Abnormal{
                        background-color: rgba(250, 173, 20, 0.06);
                        border: solid 1px rgba(250, 173, 20, 0.45);
                        color: @warnColor;
                    }
                    &.Normal{
                        background-color: rgba(82, 196, 26, 0.06);
                        border: solid 1px rgba(82, 196, 26, 0.45);
                        color: @normalColor;
                    }
                }
            }
            >span {
                color: rgba(0, 0, 0, 0.45);
            }
        }
    }
    .m-min-w-115 {
        min-width: 115px;
        display: inline-block;
        padding: 0 15px;
    }
    .m-text-center {
        text-align: center;
    }
    .m-flex-justify-center {
        justify-content: center;
    }
    .empty {
        position: absolute;
        line-height: 1;
        min-height: auto;
        height: auto;
        top: 45%;
        left: 50%;
        transform: translate(-50%, -50%);
        .ant-spin-spinning {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    }
}
.diagnosis-detail-modal.detail-modal{
    .detail-modal__description {
        margin-bottom: 10px;
        font-weight: bold;
        &.network {
            margin-bottom: 0;
        }
        .myicon {
            margin-right: 6px;
        }
    }
    .ant-table-header {
        overflow-y: hidden;
    }
    .flexbox {
        display: flex;
        align-items: center;
    }
    .space-between {
        justify-content: space-between;
    }
    .operate-btn {
        color: #6699FF;
        cursor: pointer;
        display: inline-block;
        min-width: 65px;
        text-align: center;
    }
    .ant-modal-body {
        padding: 0;
        .error-tip {
            padding: 20px 40px;
            border-bottom: 1px solid @border-color;
        }
        .error-list {
            >div {
                padding: 20px 40px;
                &:not(:last-child) {
                    border-bottom: 1px solid @border-color;
                }
            }
            .advice-item {
                margin-top: 5px;
                .error-item__advice {
                    color: rgba(255, 153, 0);
                }
            }
           
        }
        .powerState-modal{
            .error-tip {
                border-bottom: none;
                padding-bottom: 0;
                padding: 24px;
            }
            .error-list {
                >div {
                    padding: 16px 24px 24px;
                }
            }
        }
    }
}




._OneClickDisarm_ {
  background: @baseColor;
  padding: 32px;
  
  .content {
    .ant-divider-horizontal {
      height: 0;
      margin: 0px
    }

    .LabelSwitch-label-Col,
    .LabelInput-label-Col,
    .labelSelect-label-Col {
      text-align: left;
    }

    .formItem {
      margin-bottom: 15px;
    }

    .disarm {
      border-bottom: 1px solid #e8e8e8;
      padding-bottom: 15px;
    }

    .ant-checkbox-wrapper {
      margin-bottom: 15px;
    }
    .ant-divider-horizontal {
      margin: 8px 0 18px 0;
      height: 1px;
    }
  }

  .handle {
    margin-top: 15px;

    button {
      margin-right: 10px;
    }
  }

}




._OnlineUser_ {
    background: @baseColor;
    padding: 22px 16px 0px 32px;
    .borderDiv{
        border:1px solid @border-color;
        margin: 10px 10px 0px 10px;
    }
    .marginTop10 {
        margin-top: 10px
    }

    .nav{
        margin: 10px 10px 26px 0px;
        button{
          margin-right: 10px;
        }
        .refresh{
          margin-top: 6px;
          text-align: right;
        }
      }
      .main{
        border: 1px solid @border-color;
        border-top: none;
        min-height: 83vh;
        .container{
          border: 1px solid @border-color;
          padding: 30px 32px;
          padding-bottom: 12px;
        }
      }

}

._OutageAlarm_{
    padding: 16px;
    background: @white;
    min-height: 85vh;
    .nav{
        margin: 10px;
        button{
        margin-right: 10px;
        }
        .refresh{
            margin-top: 6px;
            text-align: right;
        }
    }
    .ant-modal-header{
        padding: 13.5px 10px 13.5px 16px;
    }
    .ant-modal-footer{
        padding: 9.5px 10px;
    }
    .ant-modal-body{
        padding: 5px;
    }
    .ant-modal-close-x{
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    
    .margin15px{
        margin: 15px;
    }
    .edit-validAlarmInfo-div{
        height: 520px;
    }
    .edit-validAlarmInfo-left-div{
        margin: 0px 0px 10px 20px;
        width: 500px;
        float: left;
        border: 0px solid #e8e8e8;
        height: 485px;
        overflow-y: scroll;
    }
    .edit-validAlarmInfo-right-div{
        margin: 0px 0px 10px 20px;
        width: 500px;
        float: left;
        border: 0px solid #e8e8e8;
        height: 485px;
        overflow-y: scroll;
    }
    .edit-validAlarmInfo-line-div{
        margin: 0;
        width: 1px;
        height: 485px;
        float: left;
        border-Right: 1px solid #e8e8e8; 
    }
    .table-columns-main{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 480px;
        word-Wrap: break-word;
        word-Break: break-all; 
    }
    .table-columns-filter{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 480px;
        word-Wrap: break-word;
        word-Break: break-all; 
    }
}


._ParkingSpaceReport_ {
    background: @baseColor;
    padding: 25px 16px 10px 32px;
    .time-select {
        // line-height: 40px;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        // & ~.time-select {
        //     padding-left: 10px;
        // }
    }
    .active {
        color: @export-color;
    }
    .ant-empty-normal {
        margin: 30vh 0;
    }
    .ant-table-thead > tr > th {
        word-break: break-all;
    }
    .ant-table-tbody > tr > td {
        word-break: break-all;
    }
    .item-form {
        line-height: 48px;
    }
    .normalBtn {
        color: @font-color;
        margin-left: 10px;
        &:hover {
            color: @export-color;
        }
    }
}


._PassByReport_ {
    background: @baseColor;
    padding: 25px 16px 10px 32px;
    ._SearchForm_ {
        .time-select {
            line-height: 40px;
            cursor: pointer;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
            & ~ .time-select {
                padding-left: 10px;
            }
        }
        .active {
            color: @export-color;
        }
        .every-item {
            margin-left: 0px;
        }
        .ant-divider-horizontal {
            margin: 0;
        }
        .sliderTip {
            height: 19px;
            position: absolute;
            z-index: 9999;
            margin-top: 24px;
        }
        ._RecSuccess_ {
             .ant-tooltip-arrow {
             display: none;
            }
            .ant-slider-track {
                background-color: #1890FF;
            }
            .ant-tooltip {
                top: 0px !important;
                margin-top: 25px;
            }
            .ant-tooltip-inner {
                background-color: transparent;
                color: rgba(0, 0, 0, 0.85);
                text-align: center;
                margin-top: -10px;
                -webkit-box-shadow: none;
                box-shadow: none;
                padding: 0px;
            }
        }
        .advancedParams-warp {
            box-shadow: -2px 2px 3px -1px #bfbfbf , // 左边阴影
                        0 2px 3px -1px #bfbfbf , // 底部阴影
                        2px 2px 3px -1px #bfbfbf; // 右边阴影
            padding: 6px 0 14px 16px;
            position: absolute;
            z-index: 1;
            background-color: white;
            border-top: 1px solid #e8e8e8;
        }
        .ant-form-item {
            margin-bottom: 0px;
            margin-right: 56px;
        }
        .hide {
            display: none;
        }
    }
    .ant-empty-normal {
        margin: 30vh 0;
    }
    .PassByChart {
        div:first-child {
            width: 100% !important; 
        }
    }
    .handleBar{
        .btn {
            position: absolute;
            top: 124px;
        }
        .left{
            text-align: center;
            max-width: 40px;
            min-height: 32px;
            line-height: 32px;
            border: 1px solid @border-color;
            border-radius: 4px 0 0 4px;
            z-index: 1;
            cursor: pointer;
        }
        .right{
            text-align: center;
            max-width: 40px;
            min-height: 32px;
            line-height: 32px;
            border: 1px solid @border-color;
            border-radius: 0 4px 4px 0;
            z-index: 1;
            cursor: pointer;
        }
        .title {
            cursor: pointer;
            font-size: 18px;
            font-weight: bold;
            color: #000;
            position: absolute;
            // left: 400px;
            z-index: 2;
            margin-top: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
        }
        .export{
            color: @export-color;
            text-align: right;
            cursor: pointer;
            position: absolute;
            top: 80px;
            right: 50px;
            z-index: 1;
            button {
                min-width: 0px;
                padding: 0px;
            }
        }
        
        button{
            &:first-child{
                border-radius: 4px 0 0 4px;
            }
            &:last-child{
                border-radius: 0 4px 4px 0;
            }
        }
        .btn-active{
            border: 1px solid  @export-color;
            color: @export-color;
        }
        .ant-checkbox-green {
            .ant-checkbox-inner {
                background-color: #52C41A;
                border-color: #52C41A;
            }
        }
        .ant-checkbox-yellow {
            .ant-checkbox-inner {
                background-color: #FCAC15;
                border-color: #FCAC15;
            }
        }
        .mannum-detection {
            .ant-checkbox-input {
                cursor: auto;
            }
        }
        .ant-checkbox-blue {
            .ant-checkbox-inner {
                background-color: #1890FF;
                border-color: #1890FF;
            }
        }
    }
}



._CircleMove_{
    padding: 16px;
    background: @baseColor;
    min-height: 90vh;
    .main{
        padding-left : 10px;
        .title-style{
            height: 23px;
            line-height: 23px;
            text-align: center;
            color: @baseColor;
        }
        .half-width{
            width: 50%;
            display: inline-block;
        }
    }
    ._CircleMovePlugin_ {
        width: 100%;
        height: 338px;
        .video-wrap {
            width: 100%;
            height: 338px;
        }
        background-color:#000;
    }
    .matrix-ptz {
        display: inline-block;
        border: 1px solid @border-color;
    }
    .fn-height370 {
        height: 370px;
    }
    .mart10 {
        margin-top: 10px;
    }
    .marl10 {
        margin-left: 10px;
    }
    .marb10 {
        margin-bottom: 10px;
    }
    .line {
        margin: 0 0 10px 0;
        border-top: 1px solid #e8e8e8;
    }
    .fn-hide {
        display:none;
    }
    i {
        cursor: pointer;
    }
    i:hover {
        color:@export-color;
    }
    .ant-row{
        margin-bottom: 10px;
    }
    .ant-form-item{
        margin-bottom: 0;
    }
    .ant-form-item-control{
        line-height: 0;
    }

    .ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
        text-shadow: 0 1px 2px #1890FF;
    }
    .ptzControl {
        width: 200px;
        margin: auto;
    }
    .labelptz {
        line-height: 32px;
        margin-left: 10px;
    }
}
.ant-tooltip {
    max-width: 300px;
}

._tabbar_{
    height: calc(80vh - 64px);
    background-color: @baseColor;
    // border-right:1px solid @topMenuColor; 
    .wrapper{
        width:100%;
        transition:all 0.3s;
        cursor: pointer;
        line-height: 40px;
        &.active {
            background-color:@tab-active-color;
            color:@export-color;
        }
        .left {
            width:20px;
            float: left;
            height:100%;
        }
        .right{
            float: left;
        }
        p{
            margin:0;
        }
    }
    .editable-cell-value-wrap {
        max-width: 150px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        cursor: pointer;
        border: 1px solid transparent;
        line-height: 35px;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .addButton {
        margin:5px auto;
    }
}
._ScheduleDialog_{
    .ant-modal-footer{
        height: 54px;
    }
    .ant-modal .ant-modal-footer .ant-btn {
    float:right;
    margin-left: 10px;  
    }
}
.ScheduleDialogEmpty{
    text-align: center;
}



._PeripheralsManage_ {
    background: @baseColor;
    padding: 0 16px;
    .ant-tabs-nav-animated {
      .ant-tabs-tab {
        margin-right: 53px;
      }
    }
    .LabelInput-behind-dark {
      padding: 5px 10px;
      margin-bottom: 0px;
      margin-top: -1px;
    }
    .LabelSwitch-label-dark {
      color: #272727;
    }
    ._FireAlarm_ {
        .status-online::before {
            content: '';
            height: 10px;
            width: 10px;
            display: inline-block;
            border-radius: 5px;
            margin: 0 10px;
            background-color: #52c41a;
        }
        .status-offline::before {
            content: '';
            height: 10px;
            width: 10px;
            display: inline-block;
            border-radius: 5px;
            margin: 0 10px;
            background-color: #8f8f8f;
        }
        .ant-table-pagination.ant-pagination {
            margin: 10px 20px;
        }
        .ant-pagination-total-text {
            position: absolute;
            left: 20px;
        }
        .selectedRow {
            background-color: #E6F7FF;
        }
    }
    ._IPCDemist_,
    ._SerialSet_{
      .ant-row{
        margin-top: 5px;
        // padding-left: 10px
      }
      .handle{
          margin-top: 10px;
          .ant-btn{
              margin-right: 10px;   
          }
      }
    }
    ._LightConfig_ {
        background: @baseColor;
        position: relative;
        padding: 16px;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
        }
        .icon-left {
            float: left;
            margin-top: 14px;
            font-size: 12px;
        }
        .icon-right {
            float: left;
            margin-top: 14px;
            // margin-left: 10px;
            font-size: 12px;
        }
        .operation {
            margin-top: 5px;
        }
        .fn-marr10 {
            margin-right: 10px;
        }
        .ant-row{
            margin-bottom: 4px;
        }
        .content {
            margin-top: 20px;
        }
        .box {
            background: rgb(230, 247, 255);
            text-align: center;
            margin-bottom: 4px;
            height: 50px;
            line-height: 50px;
            margin-right: 4px;
        }
    }
   ._RainBrush_ ,
   ._HeaterConfig_,
   ._HeaterConfigTPC_ {
        background: @baseColor;
        position: relative;
        padding-top: 20px;
        padding-left: 16px;

        .block{
            border: 1px solid #e8e8e8;
            padding: 10px;
            .title{
            font-weight: bold
            }
        }
        .fn-mb14{
            margin-bottom: 14px;
        }
        .icon-left {
            float: left;
            margin-top: 14px;
            font-size: 12px;
        }
        .icon-right {
            float: left;
            margin-top: 14px;
            margin-left: 10px;
            font-size: 12px;
        }
        .operation {
            margin-top: 5px;
        }
        .fn-marr10 {
            margin-right: 10px;
        }
        .formItem{
            margin-bottom: 15px;
        }
        .rain-fall {
            .labelText-label-Text {
                width: 100px;
            }
        }
    }
    ._IPCRainBrush_ {
        background: @baseColor;
        position: relative;
        padding: 16px;
        .video-wrap {
            width: 430px;
            height: 338px;
            display: inline-block;
        }
        .block{
        border: 1px solid #e8e8e8;
        padding: 10px;
        .title{
            font-weight: bold
        }
        }
        .fn-mb14{
        margin-bottom: 14px;
        }
        .icon-left {
            float: left;
            margin-top: 14px;
            font-size: 12px;
        }
        .icon-right {
            float: left;
            margin-top: 14px;
            margin-left: 10px;
            font-size: 12px;
        }
        .operation {
            margin-top: 5px;
        }
        .fn-marr10 {
            margin-right: 10px;
        }
        .ant-row{
        margin-bottom: 10px;
        }
    }
    .title-border {
        border-bottom: 1px solid #e8e8e8;
        margin: -10px -10px 0px -10px;
        padding: 10px 0px 10px 10px;
    }
    ._HeaterConfigTPC_ {
        .labelText-label-Text {
            font-weight: bolder;
        }
    }
}



._PictureQuery_ {
    background: @baseColor;
    .topContent {
        padding-bottom: 10px;
    }
    .ant-divider-horizontal {
        margin: 0;
    }
    .mt10 {
        margin-top: 10px;
    }
    .pad16 {
        padding: 0px 16px;
    }
    .pat16{
        padding-top: 16px;
    }
    .line {
        border-bottom: 1px solid #d9d9d9;
    }
    .lih32 {
        line-height: 32px;
    }
    .pagition {
        float: right;
        margin-right: 16px;
    }
    .ant-empty-normal {
        margin: 30vh 0;
    }
    .normalBtn {
        color: @font-color;
        &:hover {
            color: @export-color;
        }
    }
    .greyBtn {
        color: @disableColor;
    }
    .time-select {
        line-height: 40px;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
    .active {
        color: @export-color;
    }
    .ant-form-item {
        margin-bottom: 0px;
    }
    .ant-table-body {
        max-height: 640px;
        overflow-y: auto;
        border: 1px solid #e8e8e8;
    }
    .IvsObjectDetectChart {
        div:first-child {
            width: 100% !important; 
        }
    }
    .handleBar{
        .btn {
            position: absolute;
            top: 100px;
        }
        .left{
            text-align: center;
            max-width: 40px;
            min-height: 32px;
            line-height: 32px;
            border: 1px solid @border-color;
            border-radius: 4px 0 0 4px;
            z-index: 1;
            cursor: pointer;
        }
        .right{
            text-align: center;
            max-width: 40px;
            min-height: 32px;
            line-height: 32px;
            border: 1px solid @border-color;
            border-radius: 0 4px 4px 0;
            z-index: 1;
            cursor: pointer;
        }
        .export{
            color: @export-color;
            text-align: right;
            cursor: pointer;
            position: absolute;
            top: 56px;
            right: 50px;
            z-index: 1;
            button {
                min-width: 0px;
                padding: 0px;
            }
        }
        
        button{
            &:first-child{
                border-radius: 4px 0 0 4px;
            }
            &:last-child{
                border-radius: 0 4px 4px 0;
            }
        }
        .btn-active{
            border: 1px solid  @export-color;
            color: @export-color;
        }
        .ant-checkbox-green {
            .ant-checkbox-inner {
                background-color: #52C41A;
                border-color: #52C41A;
            }
        }
        .ant-checkbox-yellow {
            .ant-checkbox-inner {
                background-color: #FCAC15;
                border-color: #FCAC15;
            }
        }
        .ant-checkbox-blue {
            .ant-checkbox-inner {
                background-color: #1890FF;
                border-color: #1890FF;
            }
        }
    }
    .ant-dropdown-menu-item {
        clear: both;
        margin: 0;
        padding: 5px 12px;
        color: #272727;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .ant-dropdown-menu-item:hover {
        background-color: #E6F7FF;
    }
    // .ant-select-selection--multiple {
    //     width: 180%;
    // }
    .advancedParams-wrap {
        box-shadow: -2px 2px 3px -1px #bfbfbf , // 左边阴影
                    0 2px 3px -1px #bfbfbf , // 底部阴影
                    2px 2px 3px -1px #bfbfbf; // 右边阴影
        padding: 6px 0 14px 16px;
        position: absolute;
        z-index: 1;
        background-color: white;
        border-top: 1px solid #e8e8e8;
        .ant-row {
            margin-bottom: 5px;
        }
    }
    .ant-form-item {
        margin-bottom: 0px;
    }
    .ant-form-item-control {
        position: relative;
        line-height: 0px;
        zoom: 1;
    }
    .hide {
        display: none;
    }
}
.modal-wrap {
    width: 100%;
    .pic {
        width: 200px;
        height: 150px;
        margin: 0 auto;
        img {
            width: 100%;
            height: 120px;
        }
    }
}

.component_download {
    .record_download-title-left {
        float: left;
    }
    .record_download-title-right {
        float: right;
    }
    .item-list {
        line-height: 32px;
    }
    .saveplace-input {
        width: 350px;
    }
    .encryption_password {
        width: 170px;
    }
    .ant-spin-container {
        min-height: 240px;
    }
    .ant-table-body {
        max-height: 280px;
        overflow-y: auto;
    }
}


.__GAYS__ {
  padding: 20px 16px 16px 30px;
  .ant-form-item{
    margin-bottom: 8px;
  }
  .LabelIP-container {
    margin: 0px;
  }
  .LabelIP-ip-input .LabelIP-ip-input__item{
    display: inline;
    input{
      display: inline-block;
      width: calc(24% - 2.6px);
    }
  }
  .LabelIP-label-Col{
    text-align: left
  }
  .LabelIP-ip-input{
    line-height: 30px;
  }
  .fn-marr10 {
    margin-right: 10px;
  }
}
._VSPGB_ {
    margin-left: 15px;
    .LabelIP-ip-input__item{
        input{
          display: inline-block;
          width: calc(24% - 2.6px);
        }
      }
      .LabelIP-ip-input .LabelIP-ip-input__item{
        display: inline;
      }
      .LabelIP-label-Col{
          text-align: left
      }
      .marginTop20{
          margin-top: 20px;
      }
      .slide{
        margin-left: 3px;
        margin-top: -15px;
      }
      .ant-slider-track{
          background: @export-color;
      }
      .ant-slider-handle{
          border: 1px solid @border-color;
      }
      .ant-slider-rail{
          background: #e2e4e7;
      }
      .point{
          cursor: pointer;
      }
      .ant-slider-rail,.ant-slider-step,.ant-slider-track{
          height: 7px;
      }
      .ant-slider-handle{
          margin-top: -4px;
      }
      .ant-slider-dot {
        width: 0px;
        height: 0px;
        background: none;
        border:none;
      }
      .ant-slider-mark-text{
        margin-top: 5px;
      }
      .ant-form-item-label{
        text-align: left
      }
      .LabelIP-container{
        margin: 0;
      }
      .LabelIP-ip-input{
        line-height: 30px;
      }
      .Slider-label{
        margin-left: -14px;
      }
      .ant-form-item{
        margin-bottom: 8px;
      }
      .fn-marr10 {
        margin-right: 10px;
      }
      .ant-card-body {
        padding: 18px 0 0 32px !important;
      }
      .bottom {
        padding-left: 16px;
        margin:0 0 16px 0;
      } 
}
._VSPGBform2_{
  .main{
    border:none;
    margin: 10px 16px 0px 2px;
    border-top: 1px solid @border-color;
  }
}
._PlatformConfig_{
  margin-bottom: 16px;
  .empty{
    height: 90vh;
    text-align: center;
    line-height: 90vh;
  }
  .ant-tabs-nav .ant-tabs-tab {
    margin-right: 50px;
  }
  .ant-tabs-nav-wrap {
    padding-left: 13px;
  }
}
._VSPGBCert_ {
  margin-left: 15px;
  i:hover{
    color:@export-color;
    cursor: pointer;
  } 
  .ant-form-item{
    margin-bottom: 8px;
  }
  .fn-marr10 {
    margin-right: 10px;
  }
  .ant-card-body {
    padding: 18px 0 0 32px !important;
  }
  .ant-table-tbody .DeviceIdentifier {
    word-break: break-all;
  }
  .cert-manage {
    .ant-form-item{
      margin-bottom: 0;
    }
    .ant-card-body {
      padding: 0 !important;
    }
  }
  .bottom {
    margin-bottom: 16px;
    padding-top: 10px;
  }
  .fn-red {
    color: red;
  }
  .uploadBtn {
    margin-left: 10px;
    .ant-btn {
      margin-right: 10px;
      min-width: 65px;
    }
  }
}
._HS_{
  margin-left: 15px;
  .circle-icon-false{
    width: 7px;
    height:7px;
    border-radius: 50%;
    background-color: red;
    display: inline-block;
    margin: 0;
    vertical-align: 2px;
    margin-right: 5px;
  }
  .circle-icon-true{
    width: 7px;
    height:7px;
    border-radius: 50%;
    background-color: green;
    display: inline-block;
    margin: 0;
    vertical-align: 2px;
    margin-right: 5px;
  }
  .online {
    color:green
  }
  .disline{
    color: red
  }
  .fn-marr10 {
    margin-right: 10px;
  }
  .qrcode {
    border: 1px solid #E6E6E6;
    padding: 5px;
    width: 210px;
    height: 210px;
  }
  .LabelSwitch-label-Col, .LabelInput-label-Col, .labelSelect-label-Col, .labelText-label-Col, .LabelIP-label-Col {
    text-align: left;
    padding-left: 16px;
    label {
        color:@font-color;
    }
  }
}
._Onvif_{
  margin-left: 15px;
  .fn-marr10 {
    margin-right: 10px;
  }
  .LabelSwitch-label-Col, .LabelInput-label-Col, .labelSelect-label-Col, .labelText-label-Col, .LabelIP-label-Col {
    text-align: left;
    padding-left: 16px;
    label {
        color:@font-color;
    }
  }
}
._GAVI_{
  margin-left: 15px;
  .LabelIP-container{
    margin: 0;
  }
  .LabelIP-ip-input{
    line-height: 30px;
  }
  .LabelIP-ip-input .LabelIP-ip-input__item{
    display: inline;
  }
  .LabelIP-label-Col{
      text-align: left
  }
  .ant-form-item-label{
    text-align: left
  }
  .LabelIP-ip-input__item{
    input{
      display: inline-block;
      width: calc(24% - 2.6px);
    }
  }
  .fn-marr10 {
    margin-right: 10px;
  }
  .ant-divider-horizontal {
      margin: 0px 0px 15px -6px;
  }
  .ant-form-item {
      margin-bottom: 8px;
  }
  .ant-card-body {
      padding: 18px 0 8px 32px !important;
      .ant-checkbox-group {
          margin-bottom: 5px;
      }
  }
}
._RTMP_{
  margin-left: 15px;
  .LabelIP-ip-input__item{
    input{
      display: inline-block;
      width: calc(24% - 2.6px);
    }
  }
  .LabelIP-ip-input .LabelIP-ip-input__item{
    display: inline;
  }
  .LabelIP-label-Col{
    text-align: left
  }
  .LabelIP-container {
    margin: 15px 0px 16px 0;
  }
  .fn-marr10 {
    margin-right: 10px;
  }
  .ant-form-item{
    margin-bottom: 0
  }
  .LabelSwitch-label-Col, .LabelInput-label-Col, .labelSelect-label-Col, .labelText-label-Col, .LabelIP-label-Col {
    text-align: left;
    padding-left: 16px;
    label {
        color:@font-color;
    }
  }
}
._NFDW_,
._SGCC_,
._GDDW_,
._I1_,
._SLGY_ {
  margin-left: 15px;
  .LabelIP-container {
    margin: 0;
  }
  .ant-form>.ant-row {
    margin: 15px 0px 16px 0;
  }
  .LabelIP-ip-input__item{
    input{
      display: inline-block;
      width: calc(24% - 2.6px);
    }
  }
  .LabelIP-ip-input .LabelIP-ip-input__item{
    display: inline;
  }
  .LabelIP-label-Col{
    text-align: left
  }
  .fn-marr10 {
    margin-right: 10px;
  }
  .ant-form-item{
    margin-bottom: 0
  }
  .LabelSwitch-label-Col, .LabelInput-label-Col, .labelSelect-label-Col, .labelText-label-Col, .LabelIP-label-Col {
    text-align: left;
    padding-left: 16px;
    label {
        color:@font-color;
    }
  }
  .StationAddress .ant-input-number {
    width: auto;
  }
}


._Playback_ {
    .ant-tabs-top-bar {
        background: @baseColor;
    }
    .ant-alert-with-description .ant-alert-message{
        font-size: 14px;
    }
    .rc-tabs-top .rc-tabs-nav-wrap {
        background: @white;
    }
    .ant-tabs-content > div {
        box-sizing: border-box;
        min-height: calc(100vh - 108px);
        > .tab-content {
            min-height: calc(100vh - 141px);
            background: @baseColor;
            margin: 16px;
        }
        //.tab-content-storage {
        //    height: 900px;
        //}
        .schedule {
            padding: 16px;
            .ant-spin-nested-loading {
                min-height: 100%;
                background: @baseColor;
            }
            ._ScheduleComponent_ {
                padding: 10px 0px 0px 0px;
            }
            .schedule_style {
                margin-left: 0px;
            }
            
            .ant-modal-body{
                padding: 0;
            }
            
        }
        .control {
            width: 100%;
            height: 100%;
        }
        .storage {
            width: 100%;
            height: 100%;
        }
        &.ant-tabs-tabpane:first-child {
            //max-height: calc(100vh - 108px);
            .tab-content{
                padding-left: 0;
                padding-right: 0;
                // height: 100%;
            }
        } 
    }
    .nosearch .ant-tabs-content .ant-tabs-tabpane:first-child .tab-content{
        padding-left: 15px;
        padding-right: 15px;
    }

    .list-item {
        margin-bottom: 10px;
        line-height: 32px;
        &:last-child {
            margin-bottom: 0;
        }
    }
    .storage-lineheight0 {
        .ant-form-item-control {
            line-height: 0;
        }
    }
    .fn-border {
        border: 1px solid @border-color;
    }
    .fn-center {
        margin-top: 200px;
    }
    .LabelInput-label-Col, .labelSelect-label-Col {
        text-align: left;
        label {
            color: @font-color;
        }
    }
    .search {
        width: 200%;
        height: calc(100vh - 140px);
        transition: all 0.3s;
        transform: translate(0, 0, 0);
        min-height: 500px;
        -ms-transform: translate(0, 0);
        .SDcardType{
            height: 100px;
            margin-bottom: 10px;
            border-bottom: 1px solid @border-color;
        }
        &.toRight {
            //margin-left: -100%;
            transform: translate3d(-50%, 0, 0);
            -ms-transform: translate(-50%, 0);
        }
        .search-play, .search-list {
            width: 50%;
            height: 100%;
            float: left;
            padding:0 15px;
            > div {
                height: 100%;
                background: @baseColor;
            }

        }
        .operation {
            float: left;
            width: 230px;
            height: 100%;
            border-right: 1px solid @border-color;
            min-height: 86vh;
        }
        .result {
            position: relative;
            float: left;
            width: calc(100% - 230px);
            height: 100%;
            overflow-x: hidden;
            // .result-list{
            //     min-height: 76vh;
            // }
        }
        .title {
            padding-left: 10px;
            line-height: 40px;
            border-bottom: 1px solid @border-color;
        }
        .device-list {
            
            .channels {
                width: 230px;
                margin-top: 10px;
                height: 260px;
                border-bottom: 1px solid @border-color;
            }
            .channel-list {
                padding-left: 20px;
                line-height: 35px;
            }
            .myicon-boll {
                font-size: 16px;
            }
        }
        .channels_marginBottom {
            margin-bottom: 10px;
        }
        .actions {
            width: 210px;
            margin-left: 10px;
        }
        .normalBtn {
            color: @font-color;
            &:hover {
                color: @export-color;
            }
        }
        .greyBtn {
            color: @disableColor;
        }
        .backLabel {
            margin-right: 60px;
        }
        .playbtn {
            position: absolute;
            left: 50%;
            top: 50%;
            margin-top: -51px;
            margin-left: -35px;
            width: 70px;
            height: 70px;
            cursor: pointer;
            span {
                position: absolute;
                left: 50%;
                top: 50%;
                margin-left: -15px;
                margin-top: -15px;
                display: inline-block;
                width: 30px;
                height: 30px;
                background: @opaqueBalck;
                border-radius: 50%;
                line-height: 30px;
                text-align: center;
                color: @white;

            }
            // svg {
            //     width: 14px;
            //     height: 14px;
            // }
        }
        .result-list {
            width: 100%;
            height: calc(100% - 140px);
            overflow-y: auto;
            .ant-spin {
                position: absolute;
                left:  50%;
                top: 50%;
                margin-left: -10px;
                margin-top: -12.5px;
            }
            .result-item {
                position: relative;
                margin-left: 16px;
                margin-top: 16px;
                float: left;
                width: calc(14.29% - 18.65px);
                // min-width: 128px;
                .imgbox {
                    position: relative;
                    display: inline-block;
                    width: 100%;
                    min-height: 50px;
                    box-sizing: border-box;
                    &.selected {
                        outline: 2px solid @export-color;
                    }
                    img {
                        width: 100%;
                    }
                    .playtime {
                        position: absolute;
                        right: 10px;
                        bottom: 6px;
                        font-size: 12px;
                        color:@white;
                        label {
                            vertical-align: 2px;
                        }
                    }
                }
                .type {
                    font-size: @normalFont;
                    height: 21px;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
                .time {
                    color: @disableColor;
                    font-size: @smallFont;
                }
                .result-item-checkbox {
                    position: absolute;
                    left: 6px;
                    top: 3px;
                }
                .ant-checkbox-wrapper + span {
                    padding-right: 0px;
                    padding-left: 0px;
                }
                .lock {
                    position: absolute;
                    right: 10px;
                    top: 10px;
                    color: @warnColor;
                    svg {
                        width: 16px;
                        height: 16px;
                    }
                }

            }
        }
        .ant-pagination {
            float: right;
            margin-right: 20px;
        }
        .play-list {
            width: 240px;
            height: 100%;
            line-height: 30px;
            float: left;
            ul {
                height: calc(100% - 40px);
                overflow-y: auto;
            }
            li {
                height: 60px;
                padding-left: 16px;
                font-size: 13px;
                cursor: pointer;
                &:first-child {
                    margin-top: 10px;
                }
                &.active, &:hover {
                    background: @tab-active-color;
                    color: @loginBtnHoverColor;
                }
                div {
                    font-size: 12px;
                    color: #8f8f8f;
                    margin-left: 12px;
                    margin-top: -5px;
                }
            }
            
        }
        .play-list-title {
            padding-left: 10px;
            line-height: 40px;
            height: 40px;
            color: @export-color;
            border-bottom: 1px solid @border-color;
        }
        .play-content {
            width: calc(100% - 240px);
            float: left;
            height: 100%;
        }
        .play-content-addfisheye {
            width: calc(100% - 466px);
            float: left;
            height: 100%;
        }
        .search-fisheye-div {
            float: left;
            width: 210px;
            margin-left: 16px;
        }
        .fishEye-list-title {
            padding-left: 10px;
            line-height: 40px;
            height: 40px;
            border-bottom: 1px solid #e8e8e8;
            .closefisheye {
                float: right;
                color: #a1a1a1;
            }
        }
        .my-video {
            height: calc(100% - 80px);
            min-height: calc(77vh - 80px);
            background: #1b1b1b;
            text-align: center;
            padding-top: 20%;
        }
        .touchbar {
            position: relative;
            height: 40px;
            background: linear-gradient(#f8f8f6, #cccdcf);
            .center {
                position: absolute;
                left: 47%;
                top: 5px;
                margin-left: -202px;
                width: 450px;
                height: 30px;
                background: @loginFormBgColor;
                border-radius: 4px;
                span {
                    margin-left:25px;
                }
            }
            .btns {
                margin-top: 4px;
                cursor: pointer;
                &.myicon-play3 svg{
                    width: 16px;
                    height: 20px;
                }
                &.myicon-fullscreen svg {
                    width: 20px;
                    height: 20px;
                }
                .myicon-download2, .myicon-fullscreen {
                    visibility: hidden;
                }
            }
            .btns-play {
                margin-top: 4px;
                cursor: pointer;
                svg {
                    width: 16px;
                    height: 20px;
                }
                .myicon-download2, .myicon-fullscreen {
                    visibility: hidden;
                }
            }
            .btns-sound {
                margin-top: 4px;
                cursor: pointer;
                svg {
                    width: 20px;
                    height: 16px;
                }
                .myicon-download2, .myicon-fullscreen {
                    visibility: hidden;
                }
            }
            .voice {
                display: inline-block;
                width: 110px;
                margin: 0;
                margin-left: 15px;
                margin-bottom: 1px;
            }
            .ant-slider-track {
                background: @export-color;
            }
        }
        .timeBox {
            position: relative;
        }
        .timelime {
            height: 40px;
        }
        .right {
            float: right;
            font-size: 20px;
            margin-right: 15px;
            margin-top: 5px;
            .right-Snap{
                margin-right: 14px;
                float: right;
            }
            .right-VideoCut{
                margin-top: 3px;
                margin-right: 14px;
                float: right;
            }
            .right-FullScreen{
                margin-top: 2px;
                float: right;
                margin-right: 0px;
            }
            .right-fisheye{
                float: right;
                margin-right: 14px;
                margin-top: 4px;
            }
        }
        .left {
            float: left;
            font-size: 20px;
            margin-top: 5px;
            margin-left: 15px;
            .active {
                color: @export-color;
            }
            .left-localRange{
                float: left;
                margin-right: 15px;
                margin-top: 3px;
            }
            .left-ivsRule{
                float: left
            }
            .left-highSkyEyes {
                float: left;
                margin-left: 15px;
                margin-top: -2px;
            }
            .left-playState{
                float: left;
                margin-left: 15px;
            }
            .left-detect {
                float: left;
                margin-left: 15px;
                margin-top: 1px;
            }
        }
        .option-marginLeft {
            margin-left: 35px;
        }

    }
    .control {
        height: 100%;
        width: 200%;
        transition: all 0.3s;

        .fn-divider {
            border-bottom: 1px solid @inputBorderColor;
        }
        .clearfix{
            margin: 0;
        }
        .row-list{
            margin: 0px;
        }
        .mode-title, .mode-item{
            padding: 5px;
        }

        // .control_style {
        //     margin-left: 221px;
        // }

        // .control_btn {
        //     margin-left: 230px;
        // }
        .ant-form-item {
            margin-bottom: 8px;
        }
        // .ant-form-item{
        //     margin-bottom: 4px;
        //     width: 566px;
        // }
        // .ant-col{
        //     min-width: 158px;
        // }
        // .label-item{
        //     min-width: 560px;
        // }
        // .ant-form-item-label{
        //     width: 221px;
        //     text-align: left;
        // }
        // .labelTip{
        //     margin-top: 10px
        // }
        ._MutiControl_ .mode-item, ._MutiControl_ .mode-title {
            width: 33%;
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
        }
    }
    .storage {
        height: 100%;
        padding: 16px;
        .LabelInput-label-Col, .labelSelect-label-Col, .LabelSwitch-label-Col {
            text-align: left;
            label {
                color: @font-color;
            }
        }
        .session {
            margin-bottom: 10px;
            padding-bottom: 10px;
            border-bottom: 1px solid @border-color;
        }
        // .label-input{
        //     margin-left: 6px;
        //     width: 96%;
        // }

        //.btn-margin{
        //    margin-left: -5px;
        //}
        .ant-form-item{
            margin-bottom: 4px;
        }
        .ant-form-item-label{
            text-align: left;
        }
        .fn-mart10 {
            margin-top: 10px;
        }
        .fn-marl10 {
            margin-left: 10px;
        }
        .textAreaHeight {
            height: 55px;
        }
    }
    .schedule {
        .ant-modal-body{
            padding: 0;
        }
        .rc-calendar {
            width: auto;
            margin: 24px;
        }
    }
    
    .actions-btn {
        margin-left: 25px;
    }

    .mode-item-top{
        line-height: 20px
    }
    .rc-calendar {
        width: 100%;
    }
    .rc-tabs-tabpane .tab-content {
        margin: 16px;
        min-height: calc(100vh - 140px);
        background-color: @baseColor;
    }
    .rc-tabs-tabpane .control {
        width: 100%;
    }
    .rc-tabs-tabpane ._ScheduleComponent_ {
        padding: 0;
    }
    .schedule_btn {
        margin-left: 32px;
    }
    .schedule .emptySet{
        color: @export-color;
        cursor: pointer;
        border-bottom: 1px solid @border-color;
        text-align: right;
        padding: 0 24px;
        margin-bottom: 24px;
        > div {
            &:first-of-type {
                text-align: left;
            }
            &:last-of-type {
                text-align: right;
            }
        }
    }
    ._store_ {
        padding: 32px;
    }
    .fishEye {
        a {
            margin: 10px 16px 0 0;
            display: inline-block;
        }
        i {
            cursor: pointer;
            color: #7d7d7d;
            &:hover{
                color: @export-color;
            }
        }
        .current {
            i {
                color: @export-color;
            }
        }
        .ant-select {
            width: 190px;
            font-size: 14px;
            .myicon {
                font-size: 36px;
                color: @export-color;
                margin-right:20px;
                float: left;
            }
        }
    }
    .fn-margt20 {
        margin-top: 20px;
    }
    .fn-margb10 {
        margin-bottom: 10px;
    }
    .fontbold {
        font-weight: bold;
    }
    .active {
        color: @export-color;
    }
    .FishEyeSeleect {
        i {
            cursor: pointer;
            color: #7d7d7d;
            margin-right: 20px;
            font-size: 36px;
            float: left;
            &:hover{
                color: @export-color;
            }
        }
        li {
            line-height:44px;
        }
        .ant-select-dropdown-menu-item-selected {
            i {
                color: @export-color;
            }
        }
    }
}

.record-mark {
    margin-right: 5px;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    &.normal,&.timing {
        background: #52c41a;
    }
    &.event {
        background: #fcac15;
    }
    &.alarm, &.alarmlocal {
        background: #f5222d;
    }
    &.manual {
        background: #00FFF7;
    }
}

// .ant-calendar-body .ant-calendar-mark div{
//     border: 2px solid #FDC017;
// }
// .ant-calendar-body .ant-calendar-mark.ant-calendar-disabled-cell div {
//     border: none;
// }
.ant-calendar-body .ant-calendar-mark div{
    position: relative;
    &:after {
        position: absolute;
        bottom: 5px;
        content: ' ';
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #77b7ff;
        left:50%;
        top: 19px;
        margin-left: -3px;
    }
}

.rc-calendar-selected-date .rc-calendar-date {
    background: #1890FF;
}
.rc-calendar-selected-date .rc-calendar-date:hover {
    background: #1890ff;
}

@media screen and (max-width: 1400px) {
    ._Playback_ {
        .search {
            .result-list .result-item .type {
                font-size: 12px;
            }
        }
    }
}


.operation{
    .search-selections{
        .search-switchTab{
            text-align: center;
            .ant-col{
                padding: 6px 0;
                border-bottom: 1px solid @border-color;
                &:first-child{
                    border-right: 1px solid @border-color;
                }
            }
            .active{
                color: @white;
                background: @export-color;
            }
        }
    }
}

._Port_ {
    .main {
        padding: 16px;
        // .ant-input-number {
        //   margin-left: -5px;
        // }
    }
    .list-item {
        margin-bottom: 14px;
    }
    .LabelInput-label-Col {
        padding-left: 10px;
        text-align: left;
        .LabelInput-label-dark {
            color: @font-color;
        }
    }
    .labelSelect-label-Col {
        padding-left: 10px;
    }
    .LabelSwitch-label-Col {
        padding-left: 10px;
    }
    .action-btns {
        button {
            margin-right: 10px;
            &:last-child{
                margin: 0;
            }
        }
    }
    .ant-card-body {
        padding: 10px !important;
    }
    .ant-form-item {
        margin-bottom: 6px;
    }
    .LabelInput-behind-dark {
        margin-bottom: 0px;
        span {
            margin-left: 4px;
        }
    }
}

.popoverContent {
    display: flex;
    // width: 100%;
    flex-wrap: nowrap;
    button {
        margin-left: 8px;
    }
    .popoverSpan {
        display: inline-block;
        white-space: nowrap;
        font-size: 14px;
        padding: 4px 11px;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        transition: all 0.3s;
        color: rgba(0, 0, 0, 0.25);
        cursor: not-allowed;
        background-color: #f5f5f5;
    }
}




._PowerConsModeConfig_ {
    background: @baseColor;
    margin: 16px;
    .topContent {
        padding: 10px 16px 10px;
    }
    .fontWeight {
        font-weight: bolder;
    }
    .fontSize18 {
        font-size: 18px;
    }
    .fn-marr10 {
        margin-right: 10px;
    }
    .operation {
        height: 52px;
        padding: 10px 0 0 20px;
    }
    .ant-row{
        margin-bottom: 4px;
    }
    .row {
        margin-bottom: 10px;
    }
    .overflow {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .fn-padl16 {
        padding-left: 16px;
    }
    .fn-padt16 {
        padding-top: 16px;
    }
    .line-height32 {
        line-height: 32px;
    }
    .fn-floatL {
        float: left;
    }
    .fontSizeWeight {
        font-size: large;
        font-weight: bold;
    }
    .gray {
        color: #666;
    }
    .labelText-label-dark {
        color: #272727;
    }
    // 复制到XX
    .copyDrawer {
        .ant-drawer-body {
            padding: 0;
        }
        .ant-checkbox-group {
            height: 230px;
            overflow-y: auto;
            padding: 0 24px;
            &::-webkit-scrollbar {
                width : 7px;  /*高宽分别对应横竖滚动条的尺寸*/
                height: 7px;
            }
            &::-webkit-scrollbar-thumb {
                // 滚动条里面小方块
                border-radius: 2px;
                box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
                background: rgba(0,0,0,0.2);
            }
        }
        .ant-checkbox-wrapper {
            line-height: 50px;
        }
        .checkItem {
            display: inline-block;
            min-width: 200px;
            margin: 0 18px;
        }
        .tip {
            padding-left: 25px;
        }
    }
    .addModal {
        .ant-form-item-label {
            line-height: 32px;
        }
    }
    // 批量删除
    .delModal {
        .ant-checkbox-group {
            height: 375px;
            overflow-y: auto;
            &::-webkit-scrollbar {
                width : 7px;  /*高宽分别对应横竖滚动条的尺寸*/
                height: 7px;
            }
            &::-webkit-scrollbar-thumb {
                // 滚动条里面小方块
                border-radius: 2px;
                box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
                background: rgba(0,0,0,0.2);
            }
        }
        .ant-modal-body {
            padding: 0px;
        }
        .ant-checkbox-wrapper {
            margin: 10px 0 0 20px;
            line-height: 40px;
        }
        .checkItem {
            display: inline-block;
            min-width: 160px;
            width: 160px;
            height: 65px;
            margin: 0 0 0 20px;
            .title {
                font-size: 16px;
                font-weight: bold;
            }
            .tip {
                font-size: 12px;
                padding-left: 42px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }
        }
    }
    ._WakeUpConfig_ {
        .bodyContent {
            padding: 20px 16px 10px 0;
            .leftSet {
                // height: 666px;
                height: calc(100vh - 280px);
                min-width: 270px;
                border-right: 1px solid @border-color;
                .header {
                    min-height: 53px;
                    padding-left: 15px;
                    .ant-row {
                        margin-bottom: 10px;
                    }
                    .planNum {
                        // float: right;
                        padding-right: 10px;
                        text-align: end;
                    }
                    .ant-divider-horizontal {
                        margin: 0;
                    }
                }
                .content {
                    overflow-y: auto;
                    height: calc(100% - 100px);
                    .ant-checkbox-wrapper {
                        margin-left: 4px;
                        line-height: 57px;
                    }
                    &::-webkit-scrollbar {
                        width : 7px;  /*高宽分别对应横竖滚动条的尺寸*/
                        height: 7px;
                    }
                    &::-webkit-scrollbar-thumb {
                        // 滚动条里面小方块
                        border-radius: 2px;
                        box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
                        background: rgba(0,0,0,0.2);
                    }
                }
                .description {
                    display: block;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    word-wrap: normal;
                }
            }
            .rightSet {
                padding: 20px 30px 10px;
            }
            .addButton {
                margin:5px auto;
            }
            .wrapper {
                width:100%;
                transition:all 0.3s;
                cursor: pointer;
                padding: 5px;
                &.active {
                    background-color:@tab-active-color;
                    color:@export-color;
                    // border: 1px solid #d9d9d9;
                    border-radius: 4px;
                }
                .line-height57 {
                    line-height: 57px;
                }
                .gray {
                    color: #666;
                }
                h2 {
                    margin: 0;
                }
            }
        }
    }
    ._PowerOtherConfig_ {
        .bodyContent {
            padding: 0 16px;
            .autoEnable {
                position: absolute;
                margin-left: -25px;
                margin-top: 5px;
            }
        }
        .receivers {
            min-height: 30px;
            max-height: 90px;
            margin-bottom: 10px;
            // border: 1px #000 solid;
            overflow-y: auto;
            width: 65%;
        
            li {
              display: flex;
              height: 30px;
              line-height: 30px;
              padding-left: 10px;
              overflow: hidden;
        
              label {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                float: left;
                min-width: calc(90% - 30px);
                max-width: 150px;
              }
        
              .opera {
                width: 4%;
                float: left;
                margin-left: 20px;
        
              }
        
              .error {
                color: @error-color;
              }
        
              .success {
                color: @success-color;
              }
        
              &:last-child {
                border-bottom: none;
              }
            }
        }
        // 滚动条整体样式
        .receivers::-webkit-scrollbar {
            // 高宽分别对应横竖滚动条的尺寸
            width: 5px;
            height: 5px;
        }
        // 滚动条里面小方块
        .receivers::-webkit-scrollbar-thumb {
            border-radius: 2px;
            box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            background: rgba(0,0,0,0.2);
        }
    }
    ._TimeSecConfig_ {
        .ant-badge-status-dot {
            width: 10px;
            height: 10px;
        }
    }
}


._PPPoE_ {
	background: @baseColor;
	padding: 16px;
	.content {
        .ant-form-item {
            margin-bottom: 7px;
        }
        .LabelInput-label-Col, .labelSelect-label-Col, .macInput-label, .ipInput-label, .LabelIP-label-Col, .LabelSwitch-label-Col {
            text-align: left;
            padding-left: 15px;
        }
	}
    .fn-marr10 {
        margin-right: 10px;
    }
}


@previewMinHeight: 700px;   //preview界面最小高度
@checkboxColors: #f54117, #bc7c00, #ff7e16, #fcac15, #f4cc1c, #52c41a, #0a9c02, #03aeac, #1890ff, #2238c7, #6e52fc, #ac0dce;
._Preview_{
    padding: 10px;
    min-height: @previewMinHeight;
    height: calc(100vh - 64px);
    overflow: hidden;
    .com-text-dot{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    i {
        cursor: pointer;
        &:hover{
            color: @export-color;
        }
    }
    .header{
        height: 38px;
        box-sizing: border-box;
        padding: 3.75px 0 13.75px 0;
        .title{
            color: @disableColor;
        }
        .icon{
            text-align: right;
            .active{
                color: @export-color;
            }
            i {
                text-align: center;
                margin-left: 8px;
                margin-right: 8px;
                &:hover, &.active{
                    color: @export-color;
                }
                &.redDuck{
                    color: @errorColor 
                }
                &.blueDuck{
                    color: @export-color
                }
                &.greenDuck{
                    color: @normalColor
                }

            }
            .WHRateMenu{
                background: @white;
                border-radius: 10px;
                padding-right: 1%;
                div{
                    cursor: pointer;
                    position: relative;
                }
                i {
                    position: absolute;
                    top: 4px;
                    left: -6px;
                }
            }
            .warning {
                color: @error-color;
            }
            .myicon-alarming{
                &:hover {
                    color: @error-color;
                }
            }
            .auxiliaryInstallation {
                svg {
                    margin-bottom: -2px;
                }
            }
            .storageTip {
                margin-top: -10px;
                text-align: left;
            }
        }
        #MainRes{
            color: @font-color;
            margin-left: -6px;
        }
    }
    .container{
        position: relative;
        background: @baseColor;
        height: calc(100% - 58px);
        .rightComponent{
            float: left;
            width: 100%;
            height: 100%;
            position: relative;
            &[showleftarea="1"] {
                width: calc(100% - 240px);
            }
            ._AIPreview_[listlayout=face] ~ .videoWrap{
                height: 77%;
            }
            ._AIPreview_[listlayout=body] ~ .videoWrap{
                height: 54%;
            }
            ._AIPreview_[listlayout=car] ~ .videoWrap{
                height: 69%;
            }
            ._AIPreview_[listlayout=facebody] ~ .videoWrap,
            ._AIPreview_[listlayout=bodyplate] ~ .videoWrap{
                height: 65%;
            }
            ._AIPreview_[listlayout=facecar] ~ .videoWrap{
                height: 73%;
            }
            ._AIPreview_[listlayout=bodycar] ~ .videoWrap,
            ._AIPreview_[listlayout=facebodyplate] ~ .videoWrap{
                height: 61%;
            }
            ._AIPreview_[listlayout=facebodycar] ~ .videoWrap{
                height: 50%;
                .video {
                    padding-top: 12%;
                }
            }
            ._AIPreview_[listlayout=classroom] ~ .videoWrap{
                height: 77%;
            }
            ._AIPreview_[listlayout=parking] ~ .videoWrap{
                height: 69%;
            }
	        ._TrafficPreview_ ~ .videoWrap{
                height: 60%;
            }
            ._TempReport_ ~ .videoWrap {
                height: calc(100% - 230px);
            }
            .videoWrap {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                z-index: 1;
                .video{
                    width: 100%;
                    text-align: center;
                    height: calc(100% - 48px);
                    padding-top: 20%;
                    background: #1b1b1b;
                }
                .videoEmpty{
                    width: 100%;
                    text-align: center;
                    height: calc(100% - 48px);
                    line-height: calc(100% - 48px);
                    font-size: 34px;
                    color: #3c444d;
                    background: #1b1b1b;
                }
                .actionBar{
                    height: 48px;
                    box-sizing: border-box;
                    padding: 13px 10px;
                    background: @handleBarColor;
                    .mr-10{
                        margin-right: 14px;
                        max-width: 20px;
                    }
                    .iconBox {
                        
                    }
                    // .ant-col-1 {
                    //     min-width: 40px;
                    // }
                    .fullScreen{
                        text-align: right;
                        i {
                            margin-right: 0px;
                        }
                    }
                    .active{
                        color: @export-color;
                    }
                    .WHRateMenu{
                        background: @white;
                        border-radius: 10px;
                        padding-left: 1%;
                        max-width: 200px;
                        div{
                            cursor: pointer;
                            position: relative;
                        }
                        i {
                            position: absolute;
                            top: 4px;
                            left: -6px;
                        }
                    }
                    .barItem {
                        margin-right: 16px;
                        display: inline-block;
                        height: 100%;
                        vertical-align: middle;
                        & > span:first-child {
                            vertical-align: -3px;
                        }
                        .itemDetail {
                            background: @white;
                            border-radius: 10px;
                            padding: 1px 12px;
                            margin-left: 8px;
                            max-width: 200px;
                            span {
                                // padding-left: 20px;
                                margin-right: 20px;
                                position: relative;
                                cursor: pointer;
                                i {
                                    position: absolute;
                                    top: 2px;
                                    left: 0;
                                }
                            }
                        }
                    }
                    .mt-4{
                        margin-top: -4px;
                    }
                    .tempReport {
                        width: 110%;
                        height: 230px;
                        position: absolute;
                        top: 40px;
                        left: -10px;
                        padding: 10px 0 10px 10px;
                    }
                    .tempReportTitle {
                        line-height: 43px;
                        background: @handleBarColor;
                        padding-left: 15px;
                        .ant-checkbox-group {
                            each(@checkboxColors, {
                                .ant-checkbox-wrapper-checked:nth-child(@{index}) .ant-checkbox-inner {
                                    background-color: @value;
                                    border-color: @value;
                                    @{index}: @value;
                                }
                            });
                        }
                    }
                }
            }
            
        }
        .leftComponent{
            width: 240px;
            height: 100%;
            float: left;
            position: relative;
            .channel{
                overflow: hidden;
                border-bottom: 1px solid @border-color;
                .title{
                    padding: 14px;
                    border-bottom: 1px solid @border-color;
                }
                .list{
                    min-height: 240px;
                    padding: 10px 0;
                    overflow-y: auto;
                .list-item{
                    position: relative;
                    min-height: 30px;
                    line-height: 30px;
                    margin-bottom: 10px 0;
                    i {
                        font-size: 16px;
                    }
                    cursor: pointer;
                    &:hover{
                        .active
                    }
                    // &:hover .mainStream{
                    //     display: block;
                    // }
                    .stream{
                        position: absolute;
                        top: 5px;
                        right: 24px;
                        width: 20px;
                        height: 20px;
                        text-align: center;
                        border: 1px solid @export-color;
                        color: @export-color;
                        line-height: 18px;
                        font-size: 12px;
                        border-radius: 3px;
                    }
                    .mainStream{
                        text-align: right;
                        position: absolute;
                        top: 0;
                        right: 14px;
                        width: 4%;
                        // display: none;
                        color: @font-color;
                    }
                    .streamList{
                        text-align: center;
                        border-radius: 4px;
                        position: absolute;
                        top: 32px;
                        right: 2px;
                        width: 50%;
                        border: 1px solid @border-color;
                        background: @white;
                        color: @font-color;
                        display: none;
                        z-index: 2;
                        .item{
                            &:hover{
                                background: @intelbrasGreenShallow;
                            }
                        }
                    }
                    .show{
                        display: block;
                    }
                }
                .active{
                    color: @export-color;
                    background: @intelbrasGreenShallow;
                        i {
                            color: #000;
                        }
                    }
                }
            }
            .behaveAbar{
                vertical-align: bottom;
                position: fixed;
                left: 10px;
                bottom: 30px;
                width: 240px;
                background: @white;
                border-top: 1px solid @border-color;
                .control{
                    .title{
                        padding: 14px;
                        border-bottom: 1px solid @border-color;
                        cursor: pointer;
                    }
                    .active{
                        color: @export-color;
                    }
                    .handle{
                        padding: 14px;
                        // min-height: 338px;
                        border-bottom: 1px solid @border-color;
                        display: none;
                    }
                    .show{
                        display: block;
                    }
                    .yuntai{
                        .aimingCircle{
                            text-align: center;
                            padding-bottom: 20px;
                            .disabled{
                                cursor: not-allowed;
                                &:hover{
                                    color: transparent;
                                }
                            }
                            .left{
                                float: left;
                                width: 20px;
                                min-height: 20px;
                            }
                            .middle{
                                float: left;
                                width: 140px;
                                margin: 0 16px;
                            }
                            .rights{
                                float: right;
                                width: 20px;
                            }
                            .circle{
                                position: relative;
                                min-width: 140px;
                                max-width: 140px;
                                margin-top: 20px;
                                .center{
                                    position: absolute;
                                    top: 42.5%;
                                    left: 42.8%;
                                }
                                .up{
                                    position: absolute;
                                    top: 0%;
                                    left: 42.8%;
                                }
                                .down{
                                    position: absolute;
                                    bottom: 0;
                                    left: 42.8%;
                                }
                                .left{
                                    position: absolute;
                                    top: 42%;
                                    left: 0%;
                                }
                                .rights{
                                    position: absolute;
                                    top: 42%;
                                    right: 0;
                                }
                            }
                        }
                        .zoom{
                            border: 1px solid @border-color;
                            border-radius: 4px;
                            text-align: center;
                            background: #fcfcfc;
                            .ant-col{
                                padding: 3px 0;
                                border-bottom: 1px solid @border-color;
                                border-right: 1px solid @border-color;
                            }
                            .no-right-boder{
                                border-right: none;
                            }
                            .no-bottom-boder{
                                border-bottom: none;
                            }
                        }
                        .step{
                            text-align: left;
                            margin-top: 14px;
                            border: 1px solid @border-color;
                            border-radius: 4px;
                            text-align: center;
                            background: #fcfcfc;
                            padding: 0 6px;
                        .name{
                            margin-top: 10px;
                            font-size: 12px;
                            text-align: left;
                            color: @disableColor;
                        }
                        .ant-slider-mark-text-active{
                            color: @export-color;
                        }
                        .ant-slider-handle{
                            border: 1px solid #e2e4e7;
                            margin-top: -4px;
                        }
                        .ant-slider-rail{
                            height: 7px;
                        }
                        .ant-slider-mark{
                            font-size: 12px;
                        }
                        .ant-slider-step{
                            height: 7px;
                            background: #e2e4e7;
                        }
                        .ant-slider-dot{
                            width: 1px;
                            border: none;
                            top: 0;
                        }
                        .ant-slider-dot:last-child{
                            margin-left: 0;
                        }
                        .ant-slider-dot:nth-child(7) {
                                left: 87.7143% !important;
                            }
                        }
                    }
                    .yuntaifunction{
                        .selection{
                            margin-bottom: 10px;
                        }
                        .presets{
                            max-height: 280px;
                            overflow-y: auto;
                        }
                        .maxSize{
                            overflow: hidden;
                            text-overflow:ellipsis;
                            white-space: nowrap;
                            max-width: 100%;
                        }
                        .tours{
                            .list-item{
                                &:hover{
                                    color: @export-color;
                                    .icons{
                                        display: block;
                                    }
                                }
                                .icons{
                                    display: none;
                                    color: @export-color;
                                }
                                .active{
                                    color: @export-color;
                                    display: block;
                                }
                            }
                        }
                        .list-item{
                            padding: 6px 8px;
                            cursor: pointer;
                            
                        }
                        .LabelInput-label-Col{
                            text-align: left;
                            padding-right: 0;
                        }
                        .position-item{
                            padding: 8px 0;
                            .ant-input-number-input::-webkit-input-placeholder {
                                color: @placeholder !important;
                            }
                            .ant-input-number-input::-ms-input-placeholder {
                                color: @placeholder !important;
                            }
                            :-ms-input-placeholder { /* Internet Explorer 10-11 */
                                color: @placeholder!important;
                            }
                            :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
                                color: @placeholder !important;
                            }
                            ::-moz-placeholder { /* Mozilla Firefox 19+ */
                                color: @placeholder !important;
                            }
                        }
                        .positioning{
                            margin: 10px 0;
                            padding: 4px 0;
                            text-align: center;
                            border-radius: 4px;
                            border: 1px solid @border-color;
                            cursor: pointer;
                        }
                        .rotating{
                            margin-top: 10px;
                            div{
                                &:nth-child(2n){
                                    text-align: right;
                                }
                            }
                            button{
                                width: 92px;
                                margin-bottom: 10px;
                            }
                        }
                    }
                    .imageAdjust{
                        .list{
                            padding: 8px 0;
                            i{
                                font-size: 20px;
                            }
                            // .slide{
                            //     margin-top: -10px;
                            // }
                            // .ant-slider-track{
                            //     background: @export-color;
                            // }
                            // .ant-slider-handle{
                            //     border: 1px solid @border-color;
                            // }
                            // .ant-slider-rail{
                            //     background: #e2e4e7;
                            // }
                            // .point{
                            //     cursor: pointer;
                            // }
                            // .ant-slider-rail,.ant-slider-step,.ant-slider-track{
                            //     height: 7px;
                            // }
                            // .ant-slider-handle{
                            //     margin-top: -4px;
                            // }
                            .preSlide{
                                margin-top:-4px;
                            }
                        }
                        .reset{
                            margin-top: 20px;
                            text-align: center;
                            border: 1px solid @border-color;
                            padding: 6px 0;
                            border-radius: 4px;
                            cursor: pointer;
                            &:hover{
                                color: @white;
                                background: @export-color;
                            }
                        }
                    }
                    .zoomFocus{
                        .preSlide{
                            margin-top:-4px;
                        }
                        .refuse{
                            cursor: not-allowed;
                        }
                        .zoom{
                            .overflow{
                                overflow: hidden;
                                text-overflow:ellipsis;
                                white-space: nowrap;
                            }
                            .step{
                                text-align: right;
                                border: 1px solid @border-color;
                                border-right: none;
                                border-radius: 4px;
                                >.ant-col{
                                    cursor: pointer;
                                    padding: 0 6px;
                                    text-align: center;
                                    border-right: 1px solid @border-color;
                                    &:first-child{
                                        border-radius: 4px 0 0 4px;
                                    }
                                    &:last-child{
                                        border-radius: 0 4px 4px 0;
                                    }
                                }
                                .active{
                                    border: 1px solid @export-color;
                                    color: @export-color;
                                }
                            }
                            .zoom_cs {
                                button {
                                    width: 100%;
                                    margin: 6px 0;
                                }
                            }
                        }
                        .ptz-zoom {
                            border-radius: 4px;
                            text-align: center;
                            background: #fcfcfc;
                            margin-bottom: 10px;
                            .ant-col-3 {
                                padding: 3px 0;
                                border: 1px solid @border-color;
                            }
                            .no-right-boder {
                                border-right: none;
                            }
                            .no-bottom-boder {
                                border-bottom: none;
                            }
                        }
                        .slideBox{
                            margin-top: 6px;
                        }
                        .line{
                            margin-bottom: 14px;
                            border-bottom: 1px solid @border-color;
                        }
                        .handleBar{
                            text-align: center;
                            // margin-top: 6px;
                            // .ant-btn:hover, .ant-btn:focus{
                            //     border: 1px solid @export-color;
                            // }
                            // .reginFocus{
                            //     margin-top: 10px;
                            //     max-width: 90px;
                            // }
                            button{
                                // border-radius: 0;
                                // max-width: 70px;
                                // min-width: auto;
                                // overflow: hidden;
                                // text-overflow:ellipsis;
                                // white-space: nowrap;
                                // &:first-child{
                                //     padding: 0 6px;
                                //     border-radius: 4px 0 0 4px;
                                //     border-right: none;
                                // }
                                // &:nth-child(3n){
                                //     border-radius: 0 4px 4px 0;
                                //     border-left: none;
                                // }
                                width: 200px;
                                margin-bottom: 10px;
                            }
                        }
                        // .handleBarEn{
                        //     button {
                        //         width: 200px;
                        //         margin-bottom: 10px;
                        //     }
                        // }
                        // .slide{
                        //     margin-top: -10px;
                        // }
                        // .ant-slider-track{
                        //     background: @export-color;
                        // }
                        // .ant-slider-handle{
                        //     border: 1px solid @border-color;
                        // }
                        // .ant-slider-rail{
                        //     background: #e2e4e7;
                        // }
                        // .point{
                        //     cursor: pointer;
                        // }
                        // .ant-slider-rail,.ant-slider-step,.ant-slider-track{
                        //     height: 7px;
                        // }
                        // .ant-slider-handle{
                        //     margin-top: -4px;
                        // }
                    }
                    .PeripheralList span{
                        margin-right: 10px;
                    }
                }
            }
            .hideLeft{
                position: absolute;
                top: 50%;
                right: 0;
                width: 8px;
                height: 40px;
                display: none;
                cursor: pointer;
                margin-top: -20px;
                background: rgb(70, 70, 70);
                border-top-left-radius: 4px;
                border-bottom-left-radius: 4px;
                line-height: 36px;
                text-align: center;
                color: #fff;
                // &::before{
                //     content: '\25C4';
                //     display: inline-block;
                //     font-size: 6px;
                // }
            }
            &:hover .hideLeft{
                display: block;
            }
        }
        .showLeft{
            position: absolute;
            top: 50%;
            left: 0;
            width: 8px;
            height: 40px;
            cursor: pointer;
            margin-top: -20px;
            margin-left: -10px;
            background:rgb(70, 70, 70);
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            line-height: 36px;
            text-align: center;
            color: #fff;
            // &::before{
            //     content: '\25BA';
            //     display: inline-block;
            //     font-size: 6px;
            // }
        }
    }
    .foot{
        height: 20px;
        text-align: center;
        color: @font-color;
    }
    .fishEye {
        a {
            margin: 10px 16px 0 0;
            display: inline-block;
        }
        i {
            cursor: pointer;
            color: #7d7d7d;
            &:hover{
                color: @export-color;
            }
        }
        .current {
            i {
                color: @export-color;
            }
        }
        .ant-select {
            width: 190px;
            font-size: 14px;
            .myicon {
                font-size: 36px;
                color: @export-color;
                margin-right:20px;
                float: left;
            }
        }
        .fn-margt20 {
            margin-top: 20px;
        }
        .fn-margb10 {
            margin-bottom: 10px;
        }
        .fontbold {
            font-weight: bold;
        }
    }
    .AuxInstall_item {
        height: 76px;
        line-height: 76px;
    }
    
    .full{
        position: fixed;
        left: 0;
        top: 0;
        background: #cccccc;
        width: 100%;
        height: 100vh;
        z-index: 1000;
        .activeImg{
            text-align: center;
            min-height: 95.5vh;
            line-height: 95.5vh;
            background: #F0F2F5;
            img{
                border: none;
                max-height: 80.5vh;
                &:hover{
                    cursor: pointer;
                    .handleImg {
                        // display: block;
                        background: red;
                    }
                }
            }
        }
    }
}
._Preview_[isonfullres="1"] {
    height: auto;
    overflow: visible;
    .container {
        height: auto;
        .leftComponent {
            position: absolute;
            width: 240px;
        }
        .rightComponent {
            float: none;
            height: auto;
            width: auto !important;
            &[showleftarea="1"] {
                margin-left: 240px;
                min-height: 87.5vh;
                border-left: 1px solid @border-color;
            }
            .videoWrap {
                position: static;
                // width: auto;
                // height: auto;
                // width: 2688px;
                // height: 1520px;
            }
        }
    }
}
.empty{
    text-align: center;
    min-height: 92vh;
    line-height: 92vh;
    background: @white;
}
@media screen and (max-width: 1600px) {
    ._Preview_ {
        .container {
            .rightComponent {
                .videoWrap {
                    &[view_mode=face], &[view_mode=object], &[view_mode=gate],
                    &[view_mode=portrait], &[view_mode=behavior], &[view_mode=parking], 
                    &[view_mode=monitor],&[view_mode=smartKitchen],&[view_mode=parkVehicleDetect],&[view_mode=ppe]{
                        width: calc(100% - 448px - 4px);
                    }
                    &[view_mode=trafficpreview] {
                        width: calc(100% - 600px - 4px);
                    }
                }
            }
        }
        .full {
            .activeImg {
                img {
                    max-height: 98vh;
                    max-width: 98vw;
                }
            }
        }
    }
}

@media screen and (min-width: 1600px) {
    ._Preview_ {
        .container {
            .rightComponent {
                .videoWrap {
                    &[view_mode=face], &[view_mode=object], &[view_mode=gate],
                    &[view_mode=portrait], &[view_mode=behavior], &[view_mode=parking],
                    &[view_mode=monitor],&[view_mode=smartKitchen],&[view_mode=parkVehicleDetect],&[view_mode=ppe]{
                        width: calc(100% - 28vw - 4px);
                    }
                    &[view_mode=trafficpreview] {
                        width: calc(100% - 50vw - 4px);
                    }
                }
            }
        }
        .full {
            .activeImg {
                img {
                    max-height: 98vh;
                    max-width: 98vw;
                }
            }
        }
    }
}

._PtzControl_ .aimingCircle .disabled {
    cursor: not-allowed;
    &:hover{
        color: rgb(39,39,39);
    }
}
._PtzControl_ {
    .reset{
        margin-top: 20px;
        text-align: center;
        border: 1px solid @border-color;
        padding: 6px 0;
        border-radius: 4px;
        cursor: pointer;
        &:hover{
            color: @white;
            background: @export-color;
        }
    }
    .reset-disabled{
        margin-top: 20px;
        text-align: center;
        border: 1px solid @border-color;
        padding: 6px 0;
        border-radius: 4px;
        cursor: not-allowed;
    }

}
._HeaterPopover_ {
    max-width: 235px;
    [foot] {
        margin-top: 10px;
        text-align: right;
        .ant-btn-primary {
            margin-right: 10px;
        }
    }
    .ant-popover-title {
        padding: 10px 8px 4px;
        border-bottom: 0px;
    }
    .ant-popover-inner-content {
        padding: 12px 8px;
    }
}
.FishEyeSeleect {
    i {
        cursor: pointer;
        color: #7d7d7d;
        margin-right: 20px;
        font-size: 36px;
        float: left;
        &:hover{
            color: @export-color;
        }
    }
    li {
        line-height:44px;
    }
    .ant-select-dropdown-menu-item-selected {
        i {
            color: @export-color;
        }
    }
}

.__TriggerTrack__ {
    .icon-wrap {
        display: inline-block;
        margin-top: 10px;
        margin-right: 10px;
        color: #7d7d7d;
    }
    .icon-active {
        color:#00a8ff;
    }
}

#playerRoot .auxiliaryInstallation_mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    .auxiliaryInstallation_container {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        display: table;
        overflow: hidden;
        .auxiliaryInstallation_content {
            width: 80px;
            text-align: center;
            vertical-align:middle;
            display:table-cell;
        }
        
        .img_border {
            border: 1px dashed #fff;
            margin-bottom: 4px;
        }
        .ax_img_ParkingUpLimitLine,
        .ax_img_ParkingDownLimitLine{
            background-color:rgba(0, 0, 0, 0.4);
            margin-bottom: 0;
        }
        .ant-input-number {
            width: 60px;
            height: 30px;
            display: block;
            margin:0 auto;
        }
        .ax_imgBox {
            position: relative;
        }
        .ax_content_point {
            position: absolute;
            width: 10px;
            height: 10px;
        }
        .ax_left {
            left: 0;
            bottom: 0;
        }
        .ax_top {
            left: 0;
            top: 0;
        }
        .ax_right {
            right: 0;
            top: 0;
        }
        .ax_bottom {
            right: 0;
            bottom: 0;
        }
        .ax_ParkingUpLimitLine {
            width: 100%;
            right: 0;
            bottom: 0;
            border-bottom: 1px #FFFF00 solid;
        }
        .ax_ParkingDownLimitLine {
            width: 100%;
            left: 0;
            top: 0;
            border-top: 1px #FFFF00 solid;
        }
    }
}




._ProbeControlDetail_ {
    background: @baseColor;
    margin: 16px;
    min-height: 860px;

    .content {
        .ant-row {
            margin-bottom: 0px;
        }

        .ant-table-thead>tr,
        .ant-table-tbody>tr {
            border: 1px solid #e8e8e8;
        }

        .ant-table-tbody>tr>td {
            padding: 7px 11px !important;
        }

        .ant-divider-horizontal {
            margin: 0 0 25px 0;
        }

        .ant-card .ant-card-body {
            padding: 20px 32px !important;
        }

        .card-wrap {
            padding: 22px 10px 10px 10px;
            background-image: linear-gradient(0deg,
                    #ffffff 0%,
                    #f8f8f8 93%,
                    #f1f1f1 100%);

            &::after {
                clear: both;
                content: '';
                display: block;
            }

            .ant-row {
                line-height: 24px;
            }
        }

        .card-wrapParent {
            width: 18%;
            border-radius: 1px;
            margin-bottom: 16px;
            border: 1px solid #e8e8e8;

            &:hover {
                border: 1px solid #56AEFF;
            }
        }

        .left {
            text-align: center;
            max-width: 34px;
            min-height: 26px;
            line-height: 26px;
            border: 1px solid @border-color;
            border-radius: 4px 0 0 4px;
            z-index: 1;
            cursor: pointer;
            float: right;
        }

        .right {
            text-align: center;
            max-width: 34px;
            min-height: 26px;
            line-height: 26px;
            border: 1px solid @border-color;
            border-radius: 0 4px 4px 0;
            z-index: 1;
            cursor: pointer;
            float: right;
        }

        .active {
            border: 1px solid @export-color;
            color: @export-color;
        }

        .FaceDetailCardContent,
        .ProbeControlDetailTableContent {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
        }
    }

    .ant-modal .ant-modal-content {
        .ant-form-explain {
            margin-left: 0px;
        }

        .ant-modal-header {
            padding: 14px 10px 14px 16px;
        }

        .ant-modal-close-x {
            width: 50px;
            height: 50px;
            line-height: 50px;
            padding-left: 18px;
        }

        .ant-modal-footer {
            padding: 10px;
        }

        .ant-modal-body {
            padding: 25px 60px;

            .ant-form {
                margin-top: -5px;
                margin-bottom: -5px;

                .ant-form-item-label {
                    text-align: left;
                }
            }

            .ant-form>.ant-col {
                margin-bottom: 4px;

                &:last-child {
                    margin-bottom: 0px;
                }
            }

            .ant-slider {
                margin: 14px 0px 10px;
            }

            .ant-collapse .ant-collapse-content>.ant-collapse-content-box {
                padding: 6px 16px 6px 25px;

                .ant-divider {
                    margin: 0;
                }
            }

            .upload-span {
                margin: -48px 0px 0px 30px;
                color: #fff;
                display: block;

                &::before {
                    color: #f5222d;
                    content: '*';
                    margin-right: 4px;
                    display: inline-block;
                    font-size: 14px;
                    font-family: SimSun, sans-serif;
                    line-height: 1;
                }
            }

            .reUpload-span {
                margin: -34px 0px 0px 40px;
                color: #fff;
                display: block;
            }
        }

        .ant-row {
            margin-bottom: 6px;

            &:last-child {
                margin-bottom: 0px;
            }
        }
    }

    .batchRegistFailWordBreak {
        word-break: break-all;
    }

    .fn-marr10 {
        margin-right: 10px;
    }

    .fn-marr16 {
        margin-right: 16px;
    }

    .fn-marr20 {
        margin-right: 20px;
    }

    .fn-right {
        float: right;
    }

    .fn-bold {
        font-weight: bold;
    }

    .fn-blue {
        color: #56AEFF;
    }

    .fn-black {
        color: #272727;
    }

    .fn-show {
        display: '';
    }

    .fn-hide {
        display: none;
    }

    .fn-green {
        color: #B5E3A6;
    }

    .fn-red {
        color: #F98A8E;
    }

    .selectedRow {
        background-color: #E6F7FF;
    }

    //调整图标颜色
    i {
        cursor: pointer;

        &:hover {
            color: @export-color;
        }
    }

    .ant-progress-status-normal .ant-progress-text {
        margin-left: 5px;
        width: 2.2em;
    }

    .regFinishModal {
        .ant-modal-content {
            position: fixed !important;
            right: 20px;
            bottom: 20px;
            min-width: 400px;
            // height: 200px
        }
    }
}



._ProbeControlGroup_ {
    background: @baseColor;
    margin: 16px;
    min-height: 860px;

    .content {
        .ant-row {
            margin-bottom: 0px;
        }

        .ant-table-thead>tr,
        .ant-table-tbody>tr {
            border: 1px solid #e8e8e8;
        }

        .selectedRow {
            background-color: #E6F7FF;
        }
    }

    .editable-cell-value-wrap {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border: 1px solid rgba(255, 255, 255, 0);
        position: relative;
        top: 2px;
    }

    .selectedRow:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }

    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }

    .fn-right {
        float: right;
    }

    .fn-green {
        color: green;
    }

    .fn-red {
        color: red;
    }

    .ant-modal .ant-modal-content {
        .ant-modal-header {
            padding: 14px 10px 14px 16px;
        }

        .ant-modal-close-x {
            width: 50px;
            height: 50px;
            line-height: 50px;
            padding-left: 18px;
        }

        .ant-modal-footer {
            padding: 10px;
        }

        .ant-modal-body {
            padding: 25px 60px 25px 60px;

            .ant-form {
                margin-top: -5px;
                margin-bottom: -5px;

                .ant-form-item-label {
                    text-align: left;
                }

                .LabelSwitch-swtich {
                    line-height: 40px;
                }

                ._ScheduleDialog_ {
                    .ant-row {
                        &:first-child {
                            div {
                                &:first-child {
                                    line-height: 32px;
                                }
                            }
                        }
                    }
                }
            }

            .ant-form>.ant-col {
                margin-bottom: 4px;

                &:last-child {
                    margin-bottom: 0px;
                }
            }

            // .ant-slider {
            //     margin: 14px 0px 10px;
            // }
        }

        .ant-row {
            margin-bottom: 6px;

            &:last-child {
                margin-bottom: 0px;
            }
        }
    }

    .icon-left {
        float: left;
        margin-top: 14px;
        font-size: 12px;
    }

    .slider-middle {
        margin-left: 10px;
        float: left;
        width: 90%;
    }

    .icon-right {
        margin-left: 5px;
        float: left;
        margin-top: 14px;
        font-size: 12px;
    }

    //调整图标颜色
    i {
        cursor: pointer;

        &:hover {
            color: @export-color;
        }
    }

    .ant-progress-status-success .ant-progress-text {
        color: rgba(0, 0, 0, 0.45);
    }
}




._LiveInfo_ {
    background: @baseColor;
    margin: 16px;
    min-height: 860px;

    .content {
        padding: 0px 16px;
        .ant-row {
            margin-bottom: 0px;
        }

        .ant-table-thead>tr,
        .ant-table-tbody>tr {
            border: 1px solid #e8e8e8;
        }

        .selectedRow {
            background-color: #E6F7FF;
        }
    }

    .fn-right {
        float: right;
    }

    .fn-mart10 {
        margin-top: 10px;
    }

    .fn-mart16 {
        margin-top: 16px;
    }

    .fn-marr10 {
        margin-right: 10px;
    }

    .fn-weightBold {
        font-weight: bold;
    }

    .ant-modal .ant-modal-content {
        .ant-modal-header {
            padding: 14px 10px 14px 16px;
        }

        .ant-modal-close-x {
            width: 50px;
            height: 50px;
            line-height: 50px;
            padding-left: 18px;
        }

        .ant-modal-footer {
            padding: 10px;
        }

        .ant-modal-body {
            padding: 25px 60px 25px 60px;

            .ant-form {
                margin-top: -5px;
                margin-bottom: -5px;

                .modal-label {
                    line-height: 40px;
                }

                .modal-behind {
                    line-height: 40px;
                    margin-left: 10px;
                }
            }

            .ant-form>.ant-col {
                margin-bottom: 4px;

                &:last-child {
                    margin-bottom: 0px;
                }
            }
        }

        .ant-row {
            margin-bottom: 6px;

            &:last-child {
                margin-bottom: 0px;
            }
        }
    }

    //调整图标颜色
    i {
        cursor: pointer;

        &:hover {
            color: @export-color;
        }
    }
}
._ProbeSearch_ {
    padding: 16px;
    .fn-marr10 {
        margin-right: 10px;
    }
    .fn-mart10 {
        margin-top: 10px;
    }
    .LabelInput-label-dark{
        line-height: 32px;
    }
    
    .LabelInput-label-Col{
        text-align: left;
        padding-right:10px; 
    }
    .ant-row {
        margin-bottom: 0px;
    }
    .ant-form {
        > .ant-row {
            margin-bottom: 4px;
        }
    }
    .ant-card-body {
        padding: 10px 0 20px 20px !important;
    }
}
._ProbeAddFile_ {
  .list-item {
      margin: 20px 16px;
  }
}


._PtzSet_ {
    background: @baseColor;
    .sideMeun{
        min-height: 850px;
    }
    > div > .main {
        background-color: @contentTitleColor;
    }
    .main{
        padding: 16px;
        .content{
            min-height: calc(100vh - 92px);
            background: @baseColor;
            //调整图标颜色
            i {
                cursor: pointer;
                &:hover {
                    color: @export-color;
                }
            }
            .topContent {
                padding: 20px 16px 10px;
            }
            .fn-left {
                float: left;
                margin-left: 32px;
                margin-top: 30px;
                .video-wrap {
                    width: 450px;
                    height: 338px;
                }
                .ptz-wrap {
                    margin-top: 26px;
                }
            }
            .fn-right {
                float: left;
                width: 40%;
                margin-top: 30px;
                .ptzLoading{
                    margin-left: 300px;
                    margin-top: 15vh;
                }
            }
        }
        .line{
            margin-bottom: 29px;
            border-bottom: 1px solid @border-color;
        }
    }
    .ant-menu-inline,.ant-menu-vertical, .ant-menu-vertical-left{
        border-right: 0px;
    }
}


._PtzAutoPan_{
    .main{
        background: @baseColor;
        min-width: 580px;
        padding: 5px 16px 16px;
        .ant-row{
            vertical-align: baseline;
            .ant-slider{
                margin-top: 6px;
            }
        }
        .ant-col-4{
            margin-left: 10px;
        }
    }
}

.border-set,
.border-noSet,
.border-set-hover,
.border-set-hover .ant-btn-link {
    width: 80px;
    height: 80px;
    max-height: 80px;
    border-radius: 0;
    padding: 0;
}
.border-set,
.border-set:hover {
    background-color: @export-color;
    color: @baseColor;
}
.border-noSet {
    background-color: @inputBorderColor;
}
.border-set-hover {
    background-color: rgba(0,0,0,0.7);
    display: none;
    .ant-btn-link {
        color: #ffffff;
        white-space: break-spaces;
    }
}
.border-set:hover + .border-set-hover,
.border-set-hover:hover {
    position: relative;
    display: block;
    margin: -80px 0;
}
.border-label {
    white-space: break-spaces;
}


._PtzAutoPanTPCConfig_{
    .main{
        background: @baseColor;
        min-width: 620px;
        padding: 5px 16px 16px;
        .list-item {
            margin: 15px 0;
        }
        .ant-row{
            vertical-align: baseline;
        }
        // .ant-col {
        //     line-height: 32px;
        // }
        // .ant-col-4{
        //     margin-left: 10px;
        // }
        .ant-buttons{
            margin-top: 15px;
            margin-bottom: 15px;
            .ant-col:nth-child(2){
                margin-left: 5px;
            }
            .ant-btn-link{
                margin-left: 40px;
            }
        }
        .fn-bottomline {
            line-height: 36px;
            border-bottom: 1px solid @border-color;
        }
        .model-check-wrap {
            border-top: 1px solid @border-color;
            line-height: 36px;
            margin-left: -10px;
        }
        .MyTable {
            .ant-table-header {
                &::-webkit-scrollbar {
                    background-color: transparent;
                    border-bottom: 1px solid @border-color;
                }
            }
            .selectedRow {
                background-color: @tab-active-color;
            }
            .selectedRow:hover .editable-cell-value-wrap {
                border: 1px solid @border-color;
                border-radius: 4px;
                height: 21px;
                line-height: 20px;
            } 
        }
        .handleBar{
            margin-top: 10px;
            button{
                margin-right: 10px;
            }
        }
        .ant-card-body {
            // padding: 18px 0 0 32px !important
            padding: 15px 10px !important
        }
        .bg-text {
            margin: 0;
            text-align: center;
            color: @inputBorderColor;
            padding: 0 80px;
        }
        .ant-alert {
            margin-bottom: 25px;
        }
        .left-right-border {
            height: 80px;
            background-image: url(/static/media/yuntai_bg_1.8e5b41fe.png);
            .bg-text {
                line-height: 80px;
            }
        }
        .right-border {
            float: right;
        }
        .area-scan-border {
            height: 240px;
            background-image: url(/static/media/yuntai_bg_2.7427e25b.png);
            .bg-text {
                line-height: 220px;
            }
        }
    }
}


._PtzAutoPattern_{
    .main{
        background: @baseColor;
        min-width: 580px;
        .ant-buttons{
            margin-top: -15px;
            margin-bottom: 15px;
            .ant-col:nth-child(2){
                margin-left: 5px;
            }
            .ant-btn-link{
                margin-left: 40px;
            }
        }
        .MyTable{
            text-align: center;
            .ant-table-header-column{
                font-weight: bold;
            }
            .ant-table-body{
                overflow-y: auto !important;
                .selectedRow {
                    background-color:rgb(230, 247, 255)
                }
                .selectedRow:hover .editable-cell-value-wrap {
                    border: 1px solid #d9d9d9;
                    border-radius: 4px;
                    height: 21px;
                    line-height: 20px;
                }
                .editable-cell-value-wrap {
                    display: inline-block;
                    cursor: pointer;
                }  
                .editable-row:hover .editable-cell-value-wrap {
                    border: 1px solid #d9d9d9;
                    border-radius: 4px;
                    height: 21px;
                    line-height: 20px;
                }
                td{
                    padding: 7px 11px !important;
                    .ant-form-item{
                        margin-bottom: 0px;
                    }
                    .ant-form-item-control{
                        line-height: 20px;
                    }
                }
            }
            // 清除表头部分的scroll
            .ant-table-header{
                overflow: auto !important;
                margin-bottom: 0px !important;
            }
            .ant-btn{
                margin-right: -10px;
            }
        }
    }
}


._PtzAutoScan_{
    .main{
        background: @baseColor;
        min-width: 580px;
        .ant-buttons{
            margin-top: -15px;
            margin-bottom: 15px;
            .ant-col:nth-child(2){
                margin-left: 5px;
            }
            .ant-btn-link{
                margin-left: 40px;
            }
        }
        .MyTable{
            text-align: center;
            .ant-table-header-column{
                font-weight: bold;
            }
            .ant-table-body{
                // overflow-y: auto !important;
                .selectedRow {
                    background-color:rgb(230, 247, 255)
                }
                .selectedRow:hover .editable-cell-value-wrap {
                    border: 1px solid #d9d9d9;
                    border-radius: 4px;
                    height: 21px;
                    line-height: 20px;
                }
                .editable-cell-value-wrap {
                    display: inline-block;
                    cursor: pointer;
                }
                .editable-row:hover .editable-cell-value-wrap {
                    border: 1px solid #d9d9d9;
                    border-radius: 4px;
                    height: 21px;
                    line-height: 20px;
                }
                td{
                    padding: 6px 11px !important;
                    .ant-form-item{
                        margin-bottom: 0px;
                    }
                    .ant-form-item-control{
                        line-height: 20px;
                    }
                }
            }
            // 清除表头部分的scroll
            .ant-table-header{
                overflow: auto !important;
                margin-bottom: 0px !important;
            }
            .ant-btn{
                margin-right: -10px;
            }
        }
    }
}


._PtzIdleMotion_{
    .main{
        background: @baseColor;
        min-width: 580px;
        padding: 2px 16px 16px;
        .ant-row{
            margin-bottom: 6px;
            .LabelInput-behind-dark {
                padding: 5px 10px;
            }
        }
        .ant-btn{
            margin-right: 10px;   
        }
    }
}


._PtzIntelli_{
}


._PtzLimit_{
    .main{
        background: @baseColor;
        min-width: 580px;
        padding: 2px 16px 16px;
        .boundSet{
            margin-top: 16px;
            .label-light{
                line-height: 32px;
            }
            .ant-btn{
                margin-right: 10px;
            }
        }
        .fn-marb16 {
            margin-bottom: 16px;
        }
    }
}


._PtzLink_ {
  .main {
    background: @baseColor;
    min-width: 580px;
    padding: 30px 32px;
    .video-wrap {
      // width: 50vw;//1.945
      // height: 28vw;
      width: 800px;//1.945
      height: 400px;
    }
    .ant-row {
      margin-bottom: 6px;
    }
    .ant-btn {
      margin-right: 10px;
    }
    .type-label{
      padding-top: 10px;
    }
    .type-content .ant-radio {
      position: relative;
      top: -10px;
    }
    .icon-com {
      font-size: 20px;
    }
    .icon-default {
      color: #7d7d7d;
    }
    .icon-active {
      color:#00a8ff;
    }
    .number-text {
      line-height: 32px;
      text-align: center;
    }
    .number-input {
      width: 100%;
    }
    .label-text {
      color: #272727;
    }
    .LabelSwitch-label-dark {
      color: #272727;
    }
    .fn-marl5 {
      margin-left:5px;
    }
  }
}



._PtzMaintain_{
    .main{
        background: @baseColor;
        min-width: 580px;
        padding: 0px 16px;
        .ant-btn{
            margin-right: 10px;
        }
    }
}


._PtzPatrol_{
    .main{
        padding: 0 16px;
        background: @baseColor;
        min-width: 580px;
        .ant-buttons{
            margin-top: -15px;
            margin-bottom: 15px;
            .ant-col:nth-child(2){
                margin-left: 20px;
            }
            .ant-btn-link{
                margin-left: 40px;
            }
        }
        .tourListTable,
        .taskListTable{
            text-align: center;
            .ant-table-header-column{
                font-weight: bold;
            }
            .ant-table-body{
                overflow: auto !important;
                .selectedRow {
                    background-color:rgb(230, 247, 255)
                }
                .editable-cell-value-wrap {
                    display: inline-block;
                    cursor: pointer;
                }
                .selectedRow:hover .editable-cell-value-wrap {
                    border: 1px solid #d9d9d9;
                    border-radius: 4px;
                    height: 21px;
                    line-height: 20px;
                }
                .editable-row:hover .editable-cell-value-wrap {
                    border: 1px solid #d9d9d9;
                    border-radius: 4px;
                    height: 21px;
                    line-height: 20px;
                }
                td{
                    padding: 7px 11px !important;
                    .ant-form-item{
                        margin-bottom: 0px;
                    }
                    .ant-form-item-control{
                        line-height: 20px;
                    }
                }
                .ant-table-expanded-row{
                    background-color: #f1f1f1;
                    td {
                        padding-left: 0 !important;
                    }
                    .presetListTable{
                        margin: 5px 0 5px -39px;
                        .ant-table-placeholder{
                            margin-top: auto;
                        }
                        td{
                            padding: 4px 11px !important;
                        }
                        .presetBtn{
                            div:first-child{
                                margin-bottom: 10px;
                                button:nth-child(2){
                                    margin-left: 20px;
                                }
                            }
                            div:nth-child(2){
                                float: right;
                                padding-right: 10px;
                            }
                        }
                    }
                    .taskDetail{
                        text-align: left;
                        margin: 7px 0 7px -38px;
                        background-color: #fff;
                        padding: 1px 0 8px;
                        .ant-row{
                            padding-left: 10px;
                            margin-top: 5px;
                            .LabelInput-behind-dark {
                                padding: 5px 10px;
                            }
                        }
                        .ant-divider{
                            margin: 0px;
                        }
                        .taskBtn{
                            margin-bottom: 6px;
                            div:nth-child(1){
                                padding-top: 5px;
                            }
                            div:nth-child(2){
                                float: right;
                            }
                        }
                        .ant-col-19{
                            .ant-row{
                                margin-left: 20px;
                                .ant-col-8{
                                    margin-left: 50px;
                                }
                            }
                        }
                        .timeBtn{
                            padding-top:5px;
                            margin-right: 20px;
                        }
                    }
                }
            }
            // 清除表头部分的scroll
            .ant-table-header{
                overflow: auto !important;
                margin-bottom: 0px !important;
            }
            .ant-btn{
                margin-right: -10px;
            }
        }
    }
    .fn-paddingTop25 {
        padding-top: 25px;
    }
}


._PtzPowerupMove_{
    .main{
        background: @baseColor;
        min-width: 580px;
        padding: 2px 16px 16px;
        .ant-row{
            margin-bottom: 6px;
        }
        .ant-btn{
            margin-right: 10px;   
        }
    }
}


._PtzPreset_{
    .main{
        background: @baseColor;
        min-width: 580px;
        padding: 0 16px;
        .ant-buttons{
            // margin-top: -15px;
            margin-bottom: 15px;
            .ant-col:nth-child(2){
                margin-left: 20px;
            }
            .ant-btn-link{
                margin-left: 40px;
            }
        }
        .MyTable{
            margin-bottom: 20px;
            .ant-table-header-column{
                font-weight: bold;
            }
            .ant-table-body{
                max-height: 240px;
                overflow-y: auto !important;
                .selectedRow {
                    background-color:rgb(230, 247, 255)
                }
                .editable-cell-value-wrap {
                    display: inline-block;
                    cursor: pointer;
                }
                .selectedRow:hover .editable-cell-value-wrap {
                    border: 1px solid #d9d9d9;
                    border-radius: 4px;
                    height: 21px;
                    line-height: 20px;
                } 
                .editable-row:hover .editable-cell-value-wrap {
                    border: 1px solid #d9d9d9;
                    border-radius: 4px;
                    height: 21px;
                    line-height: 20px;
                }
            }
            td{
                padding: 6px 11px !important;
                .ant-form-item{
                    margin-bottom: 0px;
                }
                .ant-form-item-control{
                    line-height: 20px;
                }
            }
            // 清除表头部分的scroll
            .ant-table-header{
                overflow: auto !important;
                margin-bottom: 0px !important;
            }
            .ant-table-align-center:nth-child(4){
                .ant-table-header-column{
                    margin-right:10px 
                }
            }
        }
    }
}


._PtzProtocol_{
    .main{
        padding: 0px 16px;
        background: @baseColor;
        min-width: 640px;
        .ant-row{
            margin-bottom: 5px;
        }
        .handle{
            margin-top: 15px;
            .ant-btn{
                margin-right: 10px;   
            }
        }
    }
    ._PtzProtocolNetwork_,
    ._PtzProtocolAnalog_,
    ._PtzProtocolPrioirty_ {
        padding-top: 20px;
        padding-left: 16px;
    }
}


._PtzRoadInfo_{
    .main{
        background: @baseColor;
        min-width: 580px;
        padding: 2px 16px 16px;
        .ant-row{
            margin-bottom: 6px;
            .LabelInput-behind-dark {
                padding: 5px 10px;
            }
        }
        .ant-btn{
            margin-right: 10px;   
        }
    }
}


._PtzSpeed_{
    .main{
        min-width: 580px;
        background: @baseColor;
        padding: 5px 16px 16px;
        .ant-row{
            margin-bottom: 10px;
            .ant-col-10{
                margin-top: -15px;
            }
        }
        .ant-btn{
            margin-right: 10px;
        }
    }
}


._PtzTimedTask_{
    .main{
        background: @baseColor;
        min-width: 580px;
        .ant-buttons{
            margin-top: -15px;
            margin-bottom: 15px;
            .ant-btn-link{
                margin-left: 40px;
            }
        }
        .taskListTable{
            .ant-table-header-column{
                font-weight: bold;
            }
            .ant-table-body{
                overflow: auto !important;
                .selectedRow {
                    background-color:rgb(230, 247, 255)
                }
                td{
                    padding: 4px 11px !important;
                    .ant-form-item{
                        margin-bottom: 0px;
                    }
                }
                .ant-table-expanded-row{
                    background-color: #f1f1f1;
                    .taskDetail{
                        text-align: left;
                        margin: 7px 0 7px -50px;
                        background-color: #fff;
                        padding: 1px 0 8px;
                        .ant-row{
                            padding-left: 10px;
                            margin-top: 5px;
                            .LabelInput-behind-dark {
                                padding: 5px 10px;
                            }
                        }
                        .ant-divider{
                            margin: 0px;
                        }
                        .taskBtn{
                            margin-bottom: 6px;
                            div:nth-child(1){
                                padding-top: 5px;
                            }
                            div:nth-child(2){
                                float: right;
                            }
                        }
                        .ant-col-19{
                            .ant-row{
                                margin-left: 20px;
                                .ant-col-8{
                                    margin-left: 50px;
                                }
                            }
                        }
                        .timeBtn{
                            padding-top:5px;
                            margin-right: 20px;
                        }
                    }
                }
            }
            // 清除表头部分的scroll
            .ant-table-header{
                overflow: auto !important;
                margin-bottom: 0px !important;
            }
            .ant-btn{
                margin-right: -10px;
            }
        }
    }
}


._PtzTour_{
    .main{
        background: @baseColor;
        min-width: 580px;
        .ant-buttons{
            margin-top: -15px;
            margin-bottom: 15px;
            .ant-col:nth-child(2){
                margin-left: 20px;
            }
            .ant-btn-link{
                margin-left: 40px;
            }
        }
        .tourListTable{
            text-align: center;
            .ant-table-header-column{
                font-weight: bold;
            }
            .ant-table-body{
                overflow: auto !important;
                .selectedRow {
                    background-color:rgb(230, 247, 255)
                }
                .editable-cell-value-wrap {
                    display: inline-block;
                    cursor: pointer;
                }
                .selectedRow:hover .editable-cell-value-wrap {
                    border: 1px solid #d9d9d9;
                    border-radius: 4px;
                    height: 21px;
                    line-height: 20px;
                }
                .editable-row:hover .editable-cell-value-wrap {
                    border: 1px solid #d9d9d9;
                    border-radius: 4px;
                    height: 21px;
                    line-height: 20px;
                }
                td{
                    padding: 7px 11px !important;
                    .ant-form-item{
                        margin-bottom: 0px;
                    }
                    .ant-form-item-control{
                        line-height: 20px;
                    }
                }
                .ant-table-expanded-row{
                    background-color: #f1f1f1;
                    td {
                        padding-left: 0 !important;
                    }
                    .presetListTable{
                        margin: 5px 0 5px -39px;
                        .ant-table-placeholder{
                            margin-top: auto;
                        }
                        td{
                            padding: 4px 11px !important;
                        }
                        .presetBtn{
                            div:first-child{
                                margin-bottom: 10px;
                                button:nth-child(2){
                                    margin-left: 20px;
                                }
                            }
                            div:nth-child(2){
                                float: right;
                                padding-right: 10px;
                            }
                        }
                    }
                }
            }
            // 清除表头部分的scroll
            .ant-table-header{
                overflow: auto !important;
                margin-bottom: 0px !important;
            }
            .ant-btn{
                margin-right: -10px;
            }
        }
    }
}

._QosConfig_{
  color: @font-color;
  padding: 30px 30px 30px 16px;
  .main{
    .ant-row{
      .ant-input-number {
        width: 99% !important;
      }
      margin-bottom: 14px;
      &:last-child{
        margin-bottom: 0px;
      }
    }
  }
  .labelSelect-label-dark,.LabelIP-label-dark,.LabelInput-label-dark, .LabelSwitch-label-Col{
    color: @font-color;
  }
  .LabelInput-label-Col, .labelSelect-label-Col, .macInput-label, .ipInput-label,.LabelIP-label-Col,.LabelSwitch-label-Col{
    text-align: left;
    padding-left: 15px;
  }
  .ant-row{
    margin-bottom: 6px;
  }
  .handle{
    margin-top: -6px;
    button {
      margin-right: 10px;
    }
  }
  .LabelInput-behind-dark {
    padding-top: 0px;
    margin-bottom: 0px;
  }
}

.RadarLink {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding-top: inherit; //为了不eslint告警写一个
    .float-left {
        float: left;
    }
    .margin-left-16 {
        margin-left: 16px
    }
    .padding-left-16 {
        padding-left: 16px
    }
    .fn-marr10 {
        margin-right: 10px;
    }
    .operation {
        margin-top: 10px;
    }
    .steps-navigation {
        padding: 16px;
        border-bottom: 1px solid #e8e8e8;
        .ant-steps {
            flex-wrap: wrap;
            .ant-steps-item {
                flex: none;
                padding-right: 30px;
                width: auto\9 !important;
                padding-left: 0\9;
                margin: 0\9 !important;
            }
            .ant-steps-item:last-of-type {
                padding-right: 0;
            }
        }
    }
    .plugin-w500 {
        width: 500px;
        height: 350px;
        background-color: black;
        .MapImportPlugin {
            width: 500px;
            height: 350px;
            .video-wrap {
                width: 500px;
                height: 350px;
                display: inline-block;
                background-color: black;
            }
        }
    }
    .steps-content {
        padding: 16px;
    }
    .MapImport, .RadarLocation {
        &:after {
         content: "";
         display: block;
         height: 0;
         clear: both;
         visibility: hidden;
        } 
        .content-left-500 {
            margin-left: 500px;
        }
       .right-content {
            width: calc(100% - 500px);
            .fileInput {
                margin: 0;
            }
           .form-row {
                margin: 15px 0;
           }
           .import-title {
                color: #999;
           }
       }
    }
    // .ImportMap {

    // }
}

@pluginWidth: 600px;
@pluginHeight: 400px;
.RadarLinkageGuide {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding-top: inherit; //为了不eslint告警写一个
    .float-left {
        float: left;
    }
    .float-right {
        float: right;
    }
    .table-btns {
        margin: 10px 0;
    }
    .margin-5 {
        margin: 5px
    }
    .margin-10 {
        margin: 10px
    }
    .margin-left-right-10 {
        margin-left: 10px;
        margin-right: 10px;
    }
    .margin-left-right-5 {
        margin-left: 5px;
        margin-right: 5px;
    }
    .margin-left-16 {
        margin-left: 16px
    }
    .margin-left-40 {
        margin-left: 40px
    }
    .margin-bottom-16 {
        margin-bottom: 16px
    }
    .fn-marr10 {
        margin-right: 10px;
    }
    .operation {
        margin-top: 10px;
    }
    .steps-navigation {
        padding: 16px;
        border-bottom: 1px solid #e8e8e8;
        .ant-steps {
            flex-wrap: wrap;
            .ant-steps-item {
                flex: none;
                padding-right: 30px;
                width: auto\9 !important;
                padding-left: 0\9;
                margin: 0\9 !important;
            }
            .ant-steps-item:last-of-type {
                padding-right: 0;
            }
        }
    }
    .steps-content {
        padding: 20px 20px 60px 20px;
    }
    .radar-plugin-content {
        .MapImportPlugin, .RadarPositionPlugin {
            .video-wrap {
                width: 700px;
                height: 400px;
                display: inline-block;
                background-color: black;
            }
            .video-handle {
                padding: 5px;
                border: 1px solid #ddd;
                background-color: #eee;
                width: 700px;
                .upload-map-tip {
                    color: red;
                }
            }
        }
        .RadarCalibrationPlugin {
            .video-wrap {
                width: 1000px;
                height: 400px;
                display: inline-block;
                background-color: black;
            }
        }
    }
    .LinkageMapImport, .LinkageRadarPosition {
        .radar-top-content, .radar-main-content {
           min-width: 700px;
           width: 50%;
           .labelText {
               line-height: 32px;
           }
            .fileInput {
                margin: 0;
            }
           .form-row {
                margin: 15px 0;
           }
           .form-title {
                font-weight: bold;
           }
           .import-title {
                color: #999;
           }
           .map-info {
               width: 335px;
               border: 1px dashed #999;
               padding: 10px;
           }
       }
    }
    .LinkageRadarCalibration {
        .radar-top-content, .radar-main-content {
            min-width: 1000px;
            width: 50%;
        }
    }
}

.RadarSet {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding-top: inherit; //为了不eslint告警写一个
    padding: 20px 20px 60px 20px;
    .radar-content {
        min-width: 700px;
        width: 50%;
    }
    .float-left {
        float: left;
    }
    .margin-left-16 {
        margin-left: 16px
    }
    .margin-left-40 {
        margin-left: 40px
    }
    .margin-bottom-16 {
        margin-bottom: 16px
    }
    .fn-marr10 {
        margin-right: 10px;
    }
    .operation {
        margin-top: 10px;
    }
    .labelText {
        line-height: 32px;
    }
     .fileInput {
         margin: 0;
     }
    .form-row {
         margin: 15px 0;
    }
    .form-title {
         font-weight: bold;
    }
}

._RemoteLog_{
  min-height: 860px;
  color: @font-color;
  padding: 30px 16px 0px 32px;

  .labelSelect-label-dark,.LabelIP-label-dark,.LabelInput-label-dark{
    color: @font-color;
  }
  .LabelInput-label-Col, .labelSelect-label-Col, .macInput-label, .ipInput-label,.LabelIP-label-Col{
    text-align: left;
  }
  .ant-row{
    margin-bottom: 6px;
  }

  .ipInput-label, .ipInput-box{
    padding: 0;
  }
  .ipInput-label{
    min-width: 0;
  }
  .LabelIP-container{
    margin: 0;
  }

  .LabelIP-has-error{
    border: 1px solid @border-color;
  }

  .LabelIP-ip-input__item{
    input{
      display: inline-block;
      width: calc(24% - 2.6px);
    }
  }

  .LabelIP-ip-input .LabelIP-ip-input__item{
    display: inline;
  }
  .handle {
    button {
        margin-right: 6px;
    }
  }
  .labelTip{
    margin: 10px 10px 5px 0px;
  }
  .LabelInput-behind-dark {
    padding: 5px 10px;
    margin-bottom: 0px;
    margin-top: -1px;
  }
  .textAlign {
    margin-bottom: -10px;
  }
}

body {
    background-color: @white;
}
._ResetPasswordWrap_ {
    .forgetpwd-top-menu {
        height: 60px;
        line-height: 60px;
        background: @intelbrasGreen;
        .forgetpwd-top-item {
            line-height: 60px;
            color: #fff;
        }
    }

    ._ResetPassword_ {
        padding: 30px;
        background-color: @white;
        .ant-row {
            background-color: @white;
            margin-bottom: 10px;
        }
        .fn-marl10 {
            margin-left: 10px;
        }
    }
}


._RingLog_{
  background: @white;
  .ant-table-thead > tr:first-child > th:first-child {
    border-left: 1px solid @border-color;
  }
  .ant-table-thead > tr:first-child > th:last-child {
    border-right: 1px solid @border-color;
  }
  .ant-table-tbody .ant-table-row{
    border-left: 1px solid @border-color;
    border-right: 1px solid @border-color;
  }
  .ant-table-placeholder{
    border-left: 1px solid @border-color;
    border-right: 1px solid @border-color;
  }
  .ant-table-header-column{
    font-weight: bold;
  }
  .menu{
    padding: 16px;
    border-bottom: @borderSolid solid @border-color;
  }
  .main{
    .box{
      padding: 16px;
      padding-top: 0;
    }
    .empty{
        .ant-empty{
            height: 50vh;
            line-height: 50vh;
        }
    }
  }
  .handleBar{
    padding: 16px;
    .left{
      text-align: center;
      max-width: 40px;
      min-height: 32px;
      line-height: 32px;
      border: 1px solid @border-color;
      border-radius: 4px 0 0 4px;
    }
    .right{
      text-align: center;
      max-width: 40px;
      min-height: 32px;
      line-height: 32px;
      border: 1px solid @border-color;
      border-radius: 0 4px 4px 0;
    }
    .export{
      margin-top: 6px;
      color: @export-color;
      text-align: right;
      cursor: pointer;
    }
    
    button{
      &:first-child{
        border-radius: 4px 0 0 4px;
      }
      &:last-child{
        border-radius: 0 4px 4px 0;
      }
    }
    .btn-active{
      border: 1px solid  @export-color;
    }
  }
} 
.emptys{
    text-align: center;
    height: 80vh;
    line-height: 80vh;
}

._Screenshot_{
  margin: 16px;
  padding: 32px 32px 10px 32px;
  background: @white;
  min-height: 85vh;
  .labelSelect-label-Col,.LabelInput-label-Col {
    text-align: left;
  }
  .ant-slider-dot{
    width: 10px;
    height: 10px;
    border: 1px solid #e8e8e8;
  }
  .quality{
    margin-top: 10px;
  }
  .handleBar{
    margin-top: 0px;
    button {
      margin-right: 10px;
    }
  }
  .mb-14{
    margin-bottom: 14px;
  }
  .container{
    // border: 1px solid @border-color;
    // padding: 24px 32px;
    // padding-bottom: 18px;
    // margin-bottom: 10px;
  }
}
.empty{
  min-height: 90vh;
  text-align: center;
  line-height: 90vh;
}



._SmartMotionDetect_ {
  background: @baseColor;
  padding: 32px;
  
  .content {
    .ant-divider-horizontal {
      height: 0;
      margin: 0px
    }

    .LabelSwitch-label-Col,
    .LabelInput-label-Col,
    .labelSelect-label-Col {
      text-align: left;
    }

    .formItem {
      margin-bottom: 15px;
    }
  }

  .handle {
    margin-top: 15px;

    button {
      margin-right: 10px;
    }
  }

}


._SNMPConfig_ {
    background: @baseColor;
    padding: 16px;
    margin-bottom: 16px;
    .labelText {
        line-height: 38px;
    }
    .remark {
        margin-left: 10px;
    }
    .v3Component-topBorder {
        border-top: 1px solid #e8e8e8;
        width: 100%;
        margin: 0px 0px 20px;
    }
    ul, li {
        list-style: none;
        padding: 0
    }
    .fn-marr10 {
        margin-right: 10px;
    }
    .fn-marl15 {
        margin-left: 15px;
    }
    .ant-form-item {
        margin-bottom: 14px;
    }
    .ant-form-item-control {
        line-height: 34px;
    }
    .LabelInput-label-Col, .labelSelect-label-Col, .macInput-label, .ipInput-label,.LabelIP-label-Col, .labelText{
        text-align: left;
        padding-left: 15px;
    }
    .LabelInput-behind-dark {
        padding: 0 10px;
        margin-bottom: 0px;
    }
    .ant-modal .ant-modal-content {
        .ant-modal-header {
            padding: 14px 10px 14px 16px;
        }
        .ant-modal-close-x {
            width: 50px;
            height: 50px;
            line-height: 50px;
            padding-left: 18px;
        }
        .ant-modal-footer {
            padding: 10px;
        }
        .ant-modal-body {
            padding: 25px 25px 25px 40px;
            .ant-form {
                margin-top: -5px;
                margin-bottom: -5px;
                .ant-form-item-label {
                    text-align: left;
                }
            }
            .ant-form > .ant-col {
                margin-bottom: 4px;
                &:last-child {
                    margin-bottom: 0px;
                }
            }
        }
        .ant-row {
            margin-bottom: 6px;
            &:last-child {
                margin-bottom: 0px;
            }
        }
    }
}



._SpeedDetect_ {
    background: @baseColor;
    padding: 32px;

    .content {
        .ant-divider-horizontal {
            height: 0;
            margin: 0px;
        }

        .LabelSwitch-label-Col,
        .LabelInput-label-Col,
        .labelSelect-label-Col {
            text-align: left;
        }

        .formItem {
            margin-bottom: 15px;
            .labelText {
                line-height: 32px;
            }
            .form-item-text {

            }
            .form-item-line {
                margin: 0 10px;
            }
        }
    }

    .handle {
        margin-top: 15px;

        button {
            margin-right: 10px;
        }
    }
}

._SpliceSetting_ {
    padding: 16px;
    .fn-marr10 {
        margin-right: 10px;
    }
    .fn-marb20 {
        margin-bottom: 20px;
    }
    .fn-mar20 {
        margin: 20px 0;
    }
    .check-icon {
        width: 30px;
        height: 30px;
        background-image: url(/static/media/icon-splice.9dfac08d.png);
    }
    .check-icon.noselect {
        background-position: 30px 0px;
    }
    .check-icon.select {
        background-position: 60px 0px;
    }
    .check-icon.start {
        background-position: 90px 0px;
    }
    // 右旋90度
    .img-rotate90 {
        transform: rotate(90deg);
    }
    // 左旋90度
    .img-rotate270 {
        transform: rotate(270deg);
    }
    img {
        image-rendering: -moz-crisp-edges; /* Firefox */     
        image-rendering: -o-crisp-edges; /* Opera */      
        image-rendering: -webkit-optimize-contrast; /*Webkit (non-standardnaming) */
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
    }
}
.spliceModal {
    color: '#f00';
    .ant-modal {
        text-align: center;
    }
    .ant-modal-content {
        background-color: transparent;
    }
}

._StateConfig_{
  padding: 16px;
  background: @white;
    .ant-row{
        padding: 4px 0;
        color: @font-color;
    }
}


._StereoFlowReport_ {
    background: @baseColor;
    padding: 25px 16px 10px 32px;
    .ant-divider-horizontal {
        margin: 0;
    }
    .ant-empty-normal {
        margin: 30vh 0;
    }
    .time-select {
        line-height: 40px;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
    .active {
        color: @export-color;
    }
    .ant-form-item {
        margin-bottom: 0px;
    }
    .ManNumDetectionChart {
        div:first-child {
            width: 100% !important; 
        }
    }
    .NumberStatChart {
        div:first-child {
            width: 100% !important; 
        }
    }
    .handleBar{
        .btn {
            position: absolute;
            top: 100px;
        }
        .left{
            text-align: center;
            max-width: 40px;
            min-height: 32px;
            line-height: 32px;
            border: 1px solid @border-color;
            border-radius: 4px 0 0 4px;
            z-index: 1;
            cursor: pointer;
        }
        .right{
            text-align: center;
            max-width: 40px;
            min-height: 32px;
            line-height: 32px;
            border: 1px solid @border-color;
            border-radius: 0 4px 4px 0;
            z-index: 1;
            cursor: pointer;
        }
        .export{
            color: @export-color;
            text-align: right;
            cursor: pointer;
            position: absolute;
            right: 50px;
            z-index: 1;
            margin-top: 20px;
        }
        
        button{
            &:first-child{
                border-radius: 4px 0 0 4px;
            }
            &:last-child{
                border-radius: 0 4px 4px 0;
            }
        }
        .btn-active{
            border: 1px solid  @export-color;
            color: @export-color;
        }
        .ant-checkbox-green {
            .ant-checkbox-inner {
                background-color: #52C41A;
                border-color: #52C41A;
            }
        }
        .ant-checkbox-yellow {
            .ant-checkbox-inner {
                background-color: #FCAC15;
                border-color: #FCAC15;
            }
        }
        .mannum-detection {
            .ant-checkbox-input {
                cursor: auto;
            }
        }
        .ant-checkbox-blue {
            .ant-checkbox-inner {
                background-color: #1890FF;
                border-color: #1890FF;
            }
        }
    }
}

._StorageSettings_{
    background-color: @baseColor;
    padding-top: 40px;
    padding-left: 32px;
    padding-right:16px;
    height: calc(100vh - 72px);
}
.quota-dlg-row-width{
    margin: 15px 0;
    .ant-col-xxl-4 {
        width: 25% !important;
        margin-right: 20px;
    }
}



.slider-wrapper {
    position: relative;
    padding: 0;

    .text-l {
        text-align: left; 
    }

    .text-c {
        text-align: right;
    }

    .iconCol {
        margin-top: 4px;
        i {
            cursor: pointer;
        }
    }

    .ant-slider {
        padding: 0;
    }

    .labelSlider {
        line-height: 32px;
        margin: 0 10px;
    }
    .text-s {
        margin-top: 8px;
    }
}


._OffScreenSetting_{
    padding: 20px 16px 16px 16px;
    background: @baseColor;
    min-height: 85vh;
    .container{
        margin-bottom: 20px;
    }
    .ant-form-item{
        margin-bottom: 0;
    }
    .ant-form-item-control{
        line-height: 0;
    }
    .handleBar{
        button{
            margin-right: 10px;
        }
    }
}


._PositionSystem_{
    padding: 20px 16px 16px 16px;
    background: @baseColor;
    min-height: 85vh;
    .container{
        .LabelInput-label-Col,.labelSelect-label-Col{
            text-align: left;
        }
        .ant-row{
            margin-bottom: 6px;
        }
    }
    .ant-form-item{
        margin-bottom: 0;
    }
    .ant-form-item-control{
        line-height: 0;
    }
    .handleBar{
        button{
            margin-right: 10px;
        }
    }
}
.empty{
  padding: 10px;
  background: @white;
  // min-height: 85vh;
  text-align: center;
  // line-height: 84vh;
}


._SystemSpliceSetting_{
    padding: 20px 16px 16px 16px;
    background: @baseColor;
    min-height: 85vh;
    .container{
        margin-bottom: 20px;
    }
    .ant-form-item{
        margin-bottom: 0;
    }
    .ant-form-item-control{
        line-height: 0;
    }
    .handleBar{
        button{
            margin-right: 10px;
        }
    }
}
.empty{
  padding: 10px;
  background: @white;
  // min-height: 85vh;
  text-align: center;
  // line-height: 84vh;
}

._SystemFtpSet_{
  padding: 16px;
  background: @white;
  min-height: 90vh;
  .LabelInput-label-Col{
    text-align: left;
  }
  .container{
    
  }
  .mb-10{
    margin-bottom: 10px;
  }
  .handlebar{
    button{
      margin-right: 10px;
    }
  }
  
}

._SystemLog_{
    i :hover{
        color: @export-color
    }
    .logBody-container{
        margin: 30px 16px 0px 32px;
        position: relative;
    }
  
    .logHeader{
        margin-bottom: 6px;
        padding: 28px 16px 0px 20px;
        .ant-form::before, .ant-form::after {
            content: '';
            display: block;
            clear: both;
        }
        .timeRangeRow {
            float: left;
            // margin-right: 30px;
            margin-top: 4px;
            margin-bottom: 10px;
        }
        .timeRangeSpan{
            float: left;
            width: 115px;
            margin-top: 5px;
            text-align: center;
            .BakeupButtonSpan {
                max-width: 70px;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-wrap: normal;
                overflow: hidden;
                vertical-align: middle;
            }
            .timeLabel {
                display: inline-block;
                max-width: 115px;
                margin-right: 2px;
            }
        }
        .timeRangeCol, .floatLeft {
            float: left;
        }
        .typeRow {
            float: left;
            margin-top: 5px;
            // margin-right: 20px;
            margin-bottom: 6px;
        }
        .typeSpan {
            float: left;
            width: 115px;
            margin-top: 5px;
            // margin-right: 15px;
            text-align: center;
        }
        .typeSelect {
            float: left;
            margin-right: 20px;
        }
        .checkSpan {
            float: left;
            margin-top: 5px;
            margin-right: 30px;
        }
        .checkCol {
            float: left;
            margin-top: 4px;
            margin-right: 40px;
        }
        .floatBtnGroup {
            float: left;
            // margin-left: 30px;
        }
    }
    .ant-drawer-content-wrapper{
        top: 65px;
    }
    .line {
        border-bottom:1px solid  @border-color;
        margin-bottom: 15px;
    }
    ._logBody_ {
        .MyTable{
            padding-bottom: 5vh;
        }
        .row{
            margin: 20px 0
        }
        .ant-table-placeholder{
            margin-top: -350px;
            border-bottom: 0px;
        }
        .th, td {
            width: 15%
        }
        .logTextDeatil{
            word-break: break-all;
        }
        .bottom-pagination {
            height: 5vh;
            min-height: 50px;
        }
        // .ant-table-body {
        //     height: 73.1vh;
        // }
        .MyTable{
            overflow: hidden;
        }
    }
    .marginLeft20 {
        margin-left: 20px;
    }
    .marginLeft10 {
        margin-left: 10px;
    }

    .bottom-pagination{
        background: #ffffff;
    }

    .ant-table-body{
        overflow-y: auto;
        height: 67vh;
    }

    .BackupEncryptionSpan {
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        overflow: hidden;
    }
}


._SystemResource_ {
	background: @baseColor;
	padding: 16px;
	.content {
        .ant-form-item {
            margin-bottom: 7px;
        }
        .LabelInput-label-Col, .labelSelect-label-Col, .macInput-label, .ipInput-label, .LabelIP-label-Col, .LabelSwitch-label-Col {
            text-align: left;
            padding-left: 15px;
        }
	}
    .fn-marr10 {
        margin-right: 10px;
    }
    .fn-marl10 {
        margin-left: 10px;
    }
    .fn-mart15 {
        margin-top: 15px;
    }
    .tip-row {
        border: 0px solid @border-color;
        padding: 10px;
    }
}

._SystemUpgrade_{
    padding: 16px 16px 0px 32px;
    .dotLine{
        .dotLine;
        margin-top: 32px;
    }
    .ant-card-body {
        padding: 0 !important;
    }
    .fn-l20 {
        padding-left: 20px;
    }
    .fn-l10 {
        padding-left: 10px;
    }
    .fileInput {
        .uploadBtn {
            padding-left: 10px;
            .ant-btn {
                padding: 0px;
            }
        }
    }
    .tip {
        margin-bottom: 30px;
    }
    .fn-red {
        color: red;
        font-weight: bold;
    }
    .VersionUpdate {
        margin-bottom: 25px;
        .container {
            padding: 20px 32px 5px 30px;
            .noted {
                color: #1890FF;
            }
            .list{
                margin-bottom: 12px;
            }
            .fontWeight {
                font-weight: bold;
                padding-left: 10px;
            }
        }
    }
}
.update-modal{
    & .ant-modal-body{
        padding-bottom: 24px;
    }
}


._TemperReport_ {
    background: @baseColor;
    padding: 25px 16px 10px 32px;
    .time-select {
        line-height: 40px;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        & ~.time-select {
            padding-left: 10px;
        }
    }
    .active {
        color: @export-color;
    }
    .ant-divider-horizontal {
        margin-bottom: 0;
    }
    .ant-empty-normal {
        margin: 30vh 0;
    }
    .TemperChart {
        div:first-child {
            width: 100% !important; 
        }
    }
    .handleBar {
        margin-top: 20px;
    }
    .ant-dropdown-menu-item {
        clear: both;
        margin: 0;
        padding: 5px 12px;
        color: #272727;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .ant-dropdown-menu-item:hover {
        background-color: #E6F7FF;
    }
}
._ThresholdConfig_{
    padding: 16px;
    .refreshButtonWrapper{
        text-align: right;
        margin-bottom: 16px;
    }
    ._ThresholdModel_{
        .input{
            width:'100%'
        }
        .DialogForm{
            width:500px;
        }
        .ant-input-number{
            width:100%;
        }
        #fromName{
            margin-bottom: 20px;
        }
        .ant-form-item-label{
            text-align: left
        }
        .has-error{
            border: none
        }
    }
}


._TrafficAnalogReport_ {
    background: @baseColor;
    padding: 25px 16px 10px 32px;
    .time-select {
        line-height: 40px;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        & ~.time-select {
            padding-left: 10px;
        }
    }
    .active {
        color: @export-color;
    }
    .ant-form-item {
        margin-bottom: 0px;
    }
    .ant-empty-normal {
        margin: 30vh 0;
    }
    .ant-table-thead > tr > th {
        word-break: break-all;
    }
    .ant-table-tbody > tr > td {
        word-break: break-all;
    }
    .ant-dropdown-menu-item {
        clear: both;
        margin: 0;
        padding: 5px 12px;
        color: #272727;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .ant-dropdown-menu-item:hover {
        background-color: #E6F7FF;
    }
    .padding-Top4 {
        padding-top: 4px;
    }
    .margin-Top4 {
        margin-top: 4px;
    }
    .margin-Bottom6 {
        margin-bottom: 6px;
    }
    .margin-Left10 {
        margin-left: 10px;
    }
    // 清除表头部分的scroll
    .ant-table-header{
        overflow: auto !important;
        margin-bottom: 0px !important;
    }
    .margin10{
        margin: 10px 0
    }
}




._TrafficPreview_ {
    height: 100%;
    position: relative;

    [main] {
        width: 100%;
        height: 60%;
        .trafficView {
            position: relative;
            float: right;
            height: 100%;
            border: 4px solid #fff;
            border-bottom: none;
            background: #fff;
            .traffic-pic {
                height: calc(100% - 90px);
                width: 100%;
                background: #e8eaeb;
                overflow: hidden;
                .empty-pic {
                    background-size: auto 50%;
                }
                .has-pic {
                    background-size: contain;
                }
                > div {
                    height: 100%;
                    width: 100%;
                    background-repeat: no-repeat;
                    background-position: center;
                }
            }
            .traffic-info {
                height: 90px;
                width: 100%;
                background: #e8eaeb;
                .plateinfo {
                    width: 48%;
                    height: 100%;
                    float: left;
                    margin-right: 10px;
                    .empty-pic {
                        background-size: auto 45%;
                    }
                    > div {
                        width: 70%;
                        height: 100%;
                        float: right;
                        background-repeat: no-repeat;
                        background-position: center;
                        padding: 10px;
                        text-align: center;
                        line-height: 70px;
                        font-size: 28px;
                        background-size: contain;
                    }
                    .has-pic {
                        height: 74%;
                        width: 60%;
                        padding: 0px;
                        margin-top: 10px;
                    }
                    .colorWhite {
                        color: #fff;
                    }
                    .ShadowGreen{
                        background-image: linear-gradient(#fff, #18F218);
                    }
                    label {
                        line-height: 90px;
                        padding-left: 10px;
                    }
                }
            }
        }
    }
    [bottom] {
        padding: 10px;
        border: 1px solid #e8e8e8;
        height: 40%;
        position: relative;
        overflow: hidden;
    }
    .ant-table-placeholder {
        border-bottom: 0px;
    }
}
@media screen and (max-width: 1600px) {
    ._TrafficPreview_ {
        [main] {
            .trafficView{
                width: 600px;
            }
        }
    }
}

@media screen and (min-width: 1600px) {
    ._TrafficPreview_ {
        [main] {
            .trafficView{
                width: 50vw;
            }
        }
    }
}


._TrafficReport_ {
    background: @baseColor;
    padding: 25px 16px 10px 32px;
    .topContent {
        padding-bottom: 10px;
    }
    .ant-divider-horizontal {
        margin: 0;
    }
    .ant-empty-normal {
        margin: 30vh 0;
    }
    .time-select {
        line-height: 40px;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
    .active {
        color: @export-color;
    }
    .ant-form-item {
        margin-bottom: 0px;
    }
    .IvsObjectDetectChart {
        div:first-child {
            width: 100% !important; 
        }
    }
    .handleBar{
        .btn {
            position: absolute;
            top: 100px;
        }
        .left{
            text-align: center;
            max-width: 40px;
            min-height: 32px;
            line-height: 32px;
            border: 1px solid @border-color;
            border-radius: 4px 0 0 4px;
            z-index: 1;
            cursor: pointer;
        }
        .right{
            text-align: center;
            max-width: 40px;
            min-height: 32px;
            line-height: 32px;
            border: 1px solid @border-color;
            border-radius: 0 4px 4px 0;
            z-index: 1;
            cursor: pointer;
        }
        .export{
            color: @export-color;
            text-align: right;
            cursor: pointer;
            position: absolute;
            top: 56px;
            right: 50px;
            z-index: 1;
            button {
                min-width: 0px;
                padding: 0px;
            }
        }
        
        button{
            &:first-child{
                border-radius: 4px 0 0 4px;
            }
            &:last-child{
                border-radius: 0 4px 4px 0;
            }
        }
        .btn-active{
            border: 1px solid  @export-color;
            color: @export-color;
        }
        .ant-checkbox-green {
            .ant-checkbox-inner {
                background-color: #52C41A;
                border-color: #52C41A;
            }
        }
        .ant-checkbox-yellow {
            .ant-checkbox-inner {
                background-color: #FCAC15;
                border-color: #FCAC15;
            }
        }
        .ant-checkbox-blue {
            .ant-checkbox-inner {
                background-color: #1890FF;
                border-color: #1890FF;
            }
        }
    }
    .ant-dropdown-menu-item {
        clear: both;
        margin: 0;
        padding: 5px 12px;
        color: #272727;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .ant-dropdown-menu-item:hover {
        background-color: #E6F7FF;
    }
    .behindTips {
        .time-select;
        color: red;
        display: inline-block;
        margin-left: 10px;
        vertical-align: -15px;
    }

    @media (max-width: 1600px){
        .m-maxWidth{
            max-width: 300px;
        }
    }
}



._UgmSet_{
    padding-bottom: 20px;
    .pwdReset_phone{
        width: 200px;
    }
    .UserForm{
        hr{
            color:@baseColor
        }
        .formCheckBox{
            margin-left: 5px;
        }
        #edit_user_form_pwdOld{
            font-size: 23px
        }
        .mac-box .mac-input {
            min-width: unset;
            width: 62px;
        }
        .macInput-label, .passwordCheck-label, .labelSelect-label-Col {
            text-align: left;
        }
        .macInput-label{
            padding: 5px 0;
        }
        // .ant-col-7{
        //     width:12.666%;
        // }
        .macContainer{
            margin-top: 10px;
        }
        .groupSelection{
            width: 465px 
        }
        // .ant-input{
        //     width: 465px
        // }
        .macContainer{
            margin-bottom: 20px
        }
    }
    background-color: @baseColor;
    i:hover{
        color:@export-color;
        cursor: pointer;
    }
    .btn-container{
        .btnContainer(20px,0,10px);
    }
    .MyTable{
        border: 1px solid @border-color;
        height: 400px;
        overflow: auto;
    }
    .loginLimit-enable{
        .label-col{
            margin-left: 20px;
            margin-bottom: 10px;
            margin-top: 10px;
        }
        .switch-col{
            margin-bottom: 10px;
            margin-top: 10px;
        }
    }
    .loginLimit-ipAddress{
        .LabelIP-container{
            width: 240px;
            margin: 0;
        }
        .labelIPinput{
            width: 55px;
        }
        .LabelIP-ip-input{
            width: 250px;
        }
        .LabelIP-ip-input__item{
            width: 60px;
            .ant-input{
                width: 40px;
                padding: 0px;
            }
        }
        .ant-input{
            width: 210px;
        }
 
    }
    .liftTime{
        .actions{
            width: 220px;
            margin-left: 20px;
        }
        .ant-input{
            width: 220px;
        }
    }
    .timeSection{
        .timer-input{
            width: 20px;
        }
        .ant-modal-content{
            width: 1010px;
        }
        .timeplan-hour ul li span{
            width: 15px;
        }
        .timeplan-hour{
            margin-left: 62px;
        }
        .ant-tooltip-inner{
            width:96px;
        }
    }

    .ant-modal-content{
        width: 1000px;
        .ant-modal-header{
            padding: 15px 16px;
        }
        .ant-modal-close{
            // margin-right: -12px;
        }
        .ant-modal-footer{
            padding: 10px 10px 10px 16px;
        }
    }
    .ant-modal-body{
        padding: 25px 60px 25px 60px;
        // & .ant-form-explain{
        //     margin-left: 0;
        // }
        .passwordCheckNewWrap {
            margin-top: 6px !important;
        }
        .passwordCheck-label {
            margin-top: 6px;
        }
        .passwordCheck-light {
            width: 32.5%;
        }
        .LabelSwitch-label-Col {
            margin-top: -4px;
        }
    }
    .addFormItem,.editFormItem{
        .ant-col-sm-16{
            width: 100%;
        }
        .ant-form-item {
            // margin-left: 150px;
            margin-bottom: 10px;
        }
    }
    .addFormItemGroup{
        .ant-form-item {
            // margin-left: 150px;
            margin-bottom: 10px;
        }
        // & .ant-form-explain{
        //     margin-left: 0;
        // }
    }
    .ant-tabs-tab{
       //width: 88px;
       margin-right: 0;
       text-align: center;
       margin-right: 53px;
    }

    .timeslider_dayplan{
        margin-top: 20px;
        height: 15px;
    }
    .anonymity-Enable{
        float: right;
        margin-right: 60px;
    }

    .ant-table-body{
        overflow-y: auto;
        // height: 76vh;
    }
    .user-table-i{
        i:hover{
            color:red;
            cursor: auto;
        }
    }
    .ant-form-item-label{
        text-align: left;
    }
    .ant-form-item{
        margin-bottom: 0;
    }

    .pwd-reset-div {
        border: 1px solid @border-color;
        margin-top: 20px
    }
    .pwd-reset-div-span{
        border-bottom: 1px solid  @border-color;
    }
    .pwd-reset-row {
        border: 0px solid @border-color;
        padding: 10px;
    }
    .pwd-reset-col {
        border: 0px solid @border-color;
        .ant-form-explain{
            margin-left: 21%;
        }
    }
    .pwd-reset-div-btn {
        margin-top: 10px
    }
    .passwordCheck-tip{
        line-height: 20px;
    }

    .ant-popover-buttons .ant-btn:last-child {
        float: right;
    }
}
.time_modal {
    .ant-modal-footer {
        height: 54px;
        .ant-btn {
            float: right;
            margin-left: 10px;  
        }
    }
}

//由于IE浏览器下部分小语种字体高度不一致会导致排版错乱，因此设置一个固定高度
.m-mh-21-ZD {
    height: 21px\9;
    max-height: 21px\9;
}

@media all and (-ms-high-contrast:none)
     {
     *::-ms-backdrop, .m-mh-21-ZD { height: 21px; } /* IE11 */
     }


._UPnPConfig_ {
    background: @baseColor;
    padding: 16px;
    .content {
        padding-top: 18px;
        .LabelSwitch-label-Col, .LabelInput-label-Col, .labelSelect-label-Col, 
        .labelText-label-Col{
            text-align: left;
            padding-left: 15px;
            label {
                color:@font-color;
            }
        }
        .list-item {
            margin: 15px 0;
        }
        .main {
            border-bottom: 1px solid @border-color;
        }
    }
    ul, li {
        list-style: none;
        padding: 0
    }
    .operation {
        margin: 10px 0px 0px 15px;
    }
    .fn-marr10 {
        margin-right: 10px;
    }
    .fn-marl15 {
        margin-left: 15px;
    }
    .ant-modal .ant-modal-content {
        .ant-modal-header {
            padding: 14px 10px 14px 16px;
        }
        .ant-modal-close-x {
            width: 50px;
            height: 50px;
            line-height: 50px;
            padding-left: 18px;
        }
        .ant-modal-footer {
            padding: 10px;
        }
        .ant-modal-body {
            padding: 25px 60px 25px 60px;
            .ant-form {
                margin-top: -5px;
                margin-bottom: -5px;
                .ant-form-item-label {
                    text-align: left;
                }
            }
            .ant-form > .ant-col {
                margin-bottom: 4px;
                &:last-child {
                    margin-bottom: 0px;
                }
            }
        }
        .ant-row {
            margin-bottom: 6px;
            &:last-child {
                margin-bottom: 0px;
            }
        }
    }
}

._UPnPTable_{
    position: relative;
    .ant-table-thead {
        border-top:none
    }
    .bottom-pagination{
        border-top: 1px solid  @border-color;
    }
    border: 1px solid @border-color;
    .anticon {
        color: inherit;
    }
    .anticon-disabled {
        color: grey;
        cursor: not-allowed;
    }
    .selectedRow {
        background-color: #E6F7FF;
    }
    //调整图标颜色
    i {
        cursor: pointer;
        &:hover {
            color: @export-color;
        }
    }
}


._IvsObjectDetectReport_ {
    background: @baseColor;
    padding: 10px 16px;
    .topContent {
        padding-bottom: 10px;
    }
    .ant-divider-horizontal {
        margin: 0;
    }
    .ant-empty-normal {
        margin: 30vh 0;
    }
    .time-select {
        line-height: 40px;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
    .active {
        color: @export-color;
    }
    .ant-form-item {
        margin-bottom: 0px;
    }
    .VehicleChart {
        div:first-child {
            width: 100% !important; 
        }
    }
    .handleBar{
        .btn {
            position: absolute;
            top: 100px;
        }
        .left{
            text-align: center;
            max-width: 40px;
            min-height: 32px;
            line-height: 32px;
            border: 1px solid @border-color;
            border-radius: 4px 0 0 4px;
            z-index: 1;
            cursor: pointer;
        }
        .right{
            text-align: center;
            max-width: 40px;
            min-height: 32px;
            line-height: 32px;
            border: 1px solid @border-color;
            border-radius: 0 4px 4px 0;
            z-index: 1;
            cursor: pointer;
        }
        .export{
            color: @export-color;
            text-align: right;
            cursor: pointer;
            position: absolute;
            top: 56px;
            right: 50px;
            z-index: 1;
            button {
                min-width: 0px;
                padding: 0px;
            }
        }
        
        button{
            &:first-child{
                border-radius: 4px 0 0 4px;
            }
            &:last-child{
                border-radius: 0 4px 4px 0;
            }
        }
        .btn-active{
            border: 1px solid  @export-color;
            color: @export-color;
        }
        .ant-checkbox-green {
            .ant-checkbox-inner {
                background-color: #52C41A;
                border-color: #52C41A;
            }
        }
        .ant-checkbox-yellow {
            .ant-checkbox-inner {
                background-color: #FCAC15;
                border-color: #FCAC15;
            }
        }
        .ant-checkbox-blue {
            .ant-checkbox-inner {
                background-color: #1890FF;
                border-color: #1890FF;
            }
        }
    }
}


._VehiclesDistriReport_ {
    background: @baseColor;
    padding: 25px 16px 10px 32px;
    .topContent {
        padding-bottom: 10px;
    }
    .ant-divider-horizontal {
        margin: 0;
    }
    .ant-empty-normal {
        margin: 30vh 0;
    }
    .time-select {
        line-height: 40px;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
    .active {
        color: @export-color;
    }
    .ant-form-item {
        margin-bottom: 0px;
    }
    .IvsObjectDetectChart {
        div:first-child {
            width: 100% !important; 
        }
    }
    .handleBar{
        .btn {
            position: absolute;
            top: 100px;
        }
        .left{
            text-align: center;
            max-width: 40px;
            min-height: 32px;
            line-height: 32px;
            border: 1px solid @border-color;
            border-radius: 4px 0 0 4px;
            z-index: 1;
            cursor: pointer;
        }
        .right{
            text-align: center;
            max-width: 40px;
            min-height: 32px;
            line-height: 32px;
            border: 1px solid @border-color;
            border-radius: 0 4px 4px 0;
            z-index: 1;
            cursor: pointer;
        }
        .export{
            color: @export-color;
            text-align: right;
            cursor: pointer;
            position: absolute;
            top: 56px;
            right: 50px;
            z-index: 1;
            button {
                min-width: 0px;
                padding: 0px;
            }
        }
        
        button{
            &:first-child{
                border-radius: 4px 0 0 4px;
            }
            &:last-child{
                border-radius: 0 4px 4px 0;
            }
        }
        .btn-active{
            border: 1px solid  @export-color;
            color: @export-color;
        }
        .ant-checkbox-green {
            .ant-checkbox-inner {
                background-color: #52C41A;
                border-color: #52C41A;
            }
        }
        .ant-checkbox-yellow {
            .ant-checkbox-inner {
                background-color: #FCAC15;
                border-color: #FCAC15;
            }
        }
        .ant-checkbox-blue {
            .ant-checkbox-inner {
                background-color: #1890FF;
                border-color: #1890FF;
            }
        }
        .ant-checkbox-purple {
            .ant-checkbox-inner {
                background-color: #D348F6;
                border-color: #D348F6;
            }
        }
        .ant-checkbox-skyblue {
            .ant-checkbox-inner {
                background-color: #13CAE5;
                border-color: #13CAE5;
            }
        }
        .ant-checkbox-brown {
            .ant-checkbox-inner {
                background-color: #CB663E;
                border-color: #CB663E;
            }
        }
        .ant-checkbox-gray {
            .ant-checkbox-inner {
                background-color: #696969;
                border-color: #696969;
            }
        }
        .ant-checkbox-red {
            .ant-checkbox-inner {
                background-color: #F5222D;
                border-color: #F5222D;
            }
        }
        .ant-checkbox-azureblue {
            .ant-checkbox-inner {
                background-color: #03AEAC;
                border-color: #03AEAC;
            }
        }
    }
    .ant-dropdown-menu-item {
        clear: both;
        margin: 0;
        padding: 5px 12px;
        color: #272727;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .ant-dropdown-menu-item:hover {
        background-color: #E6F7FF;
    }
}



._VideoDetectConfig_ {
  overflow:hidden;
  padding: 0px 16px;
  background: @baseColor;
  // height: 800px;

  ._VidMotion_,
  ._VidBlind_,
  ._VidUnfocus_,
  ._TofBlind_,
  ._VidAbnormal_ {
    padding-top: 20px;
    padding-left: 16px;
    .LabelSwitch-label-Col {
      text-align: left;
    }

    .labelSelect-label-Col {
      text-align: left;
    }


    .formItem {
      margin-bottom: 15px;
    }

    .time {
      line-height: 32px;
    }

    .content {

      .ant-divider-horizontal {
        height: 0;
        margin: 0
      }
    }
    // 事件联动
    ._EventHandlerPanel {
      // 音频联动
      .EventHandler-voice {
        margin-top: 15px;
      }
      // 警戒灯
      .LightLinkPanel .ant-collapse-content .ant-row:not(:first-child) {
        margin-top: 15px;
      }
    }
    .handle {
      margin-top: 15px;

      button {
        margin-right: 10px;
      }
    }

    .LabelInput-behind-dark,
    .labelSelect-behind-dark {
      padding: 5px 10px;
      margin-bottom: 0px;
      margin-top: -1px;
    }
  }
}


.empty {
  text-align: center;
  height: 90vh;
  line-height: 90vh;
}

// 区域组件样式
.area_modal {
  width: 830px !important;

  .ant-modal-body {
    padding: 15px
  }
  .ant-time-picker, .ant-time-picker-input {
    width: 75px;
  }
  ._PeriodModal_ {
    background: @baseColor;
    height: 100%;

    .fn-clear {
      &::after {
        content: "";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
      }
    }

    .video-left {
      float: left;
      width: 470px;
      padding: 0px 10px 0 10px;

      .video-wrap {
        width: 450px;
        height: 338px
      }

      .video-button {
        margin-top: 10px
      }
    }

    .video-right {
      float: left;

      .videotect-regionbox {
        width: 330px;
        padding-top: 0;

        .videodetect-region-header {
          height: 30px;
          background: #C2C2C2;

          h3 {
            float: left;
            line-height: 30px;
            text-indent: 10px;
            font-size: 14px;
            font-weight: bold;
            // background: #EAEAEA;
          }

          .videodetect-regions {
            float: right;
            padding-right: 10px;
          }

          .videodetect-region-item {
            float: left;
            display: block;
            width: 30px;
            height: 30px;
            margin-right: 5px;
            font-size: 0;
          }

          .videodetect-region-current {
            /*见skin.css*/
            background: #EAEAEA;
          }

          .videodetect-region-item a {
            width: 15px;
            height: 15px;
            margin: 8px auto auto;
            display: block;
          }

          .videodetect-region-current a {
            margin: 7px auto auto;
          }

          .videodetect-red {
            /*见skin.css*/
            background: #FF2D11;
          }

          .videodetect-yellow {
            /*见skin.css*/
            background: #FFE011;
          }

          .videodetect-blue {
            /*见skin.css*/
            background: #06C8F9;
          }

          .videodetect-green {
            /*见skin.css*/
            background: #3DFF00;
          }
        }

        .videodetect-region-content {
          .ui-form-item {
            margin-bottom: 2px;
            zoom: 1;
          }

          .fn-padt20 {
            padding-top: 20px
          }

          .slider-wrapper {
            // width: 265px;

            .list {
              padding: 8px 0;

              i {
                font-size: 20px;
              }

              .slide {
                margin-top: -5px !important;
              }

              .ant-slider-track {
                background: @export-color;
              }

              .ant-slider-handle {
                border: 1px solid @border-color;
              }

              .ant-slider-rail {
                background: #e2e4e7;
              }

              .point {
                cursor: pointer;
              }

              .ant-slider-rail,
              .ant-slider-step,
              .ant-slider-track {
                height: 7px;
              }

              .ant-slider-handle {
                margin-top: -4px;
              }
            }
          }
        }
      }
    }
  }
  .ant-divider-horizontal {
      margin: 0 0 25px 0;
      background: #e8e8e8;
  }
}
.ant-form-item-label {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
}
.fn-left {
  float:left;
}
.fn-width70 {
  width: 70px;
}


._VPN_ {
    background: @baseColor;
    padding: 16px;
    .borderDiv{
        margin: 10px 10px 0px 10px;
    }
    .marginTop10 {
        margin-top: 16px
    }
    .content {
        border: 1px solid @border-color;
        .LabelSwitch-label-Col, .LabelInput-label-Col, .labelSelect-label-Col {
            text-align: left;
            padding-left: 15px;
        }
        .list-item {
            margin: 15px 0;
        }
    }
    .operation {
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .fn-marr10 {
        margin-right: 10px;
    }
    .fn-marl15 {
        margin-left: 15px;
    }
}

._WaterLevelConfig_{
    margin: 16px;
    padding: 32px;
    width: calc(100% - 20px);
    height: calc(100vh - 100px);
    min-height: 600px;
    background: @white;
    .m-mt-15 {
        margin-top: 15px;
    }
    .m-mt-20 {
        margin-top: 20px;
    }
    .m-mt-30 {
        margin-top: 30px;
    }
    .m-ml-10 {
        margin-left: 10px;
    }
    .m-ml-50 {
        margin-left: 50px;
    }
    .fn-left {
        float: left;
    }
    .img-left {
        width: 100%;
        height: 350px;
        transform: scale(0.7)
    }
    .m-text-ellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .m-tip-behind {
        width: 150px;
        display: inline-block;
        vertical-align: sub;
        .m-ml-10;
        .m-text-ellipsis;
    }
    .param-left {
        .fn-left;
        width: 450px;
        .ant-card-cover {
            border: 1px solid @border-color;
        }
        .ant-card-body{
            padding: 24px!important;
            text-align: center
        }
    }
    .param-right {
        .fn-left;
        .m-ml-50;
        .LabelInput-behind-dark{
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .LabelSwitch-label-dark{
            color: @label-dark-Color
        }
        .ant-input-number {
            width: 100%!important;
        }
        .m-input-label {
            width: 150px;
            height: 32px;
            line-height: 32px;
            .fn-left;
            .m-text-ellipsis;
        }
       .LabelSwitch-label-Col {
            .m-input-label;
        }
        .m-input-number{
            .fn-left;
            .m-text-ellipsis;
            min-width: 250px;
            & button:nth-child(n+2){
                margin-left: 10px;
            }
        }
        .m-input-behind {
            width: 180px;
            line-height: 32px;
            .fn-left;
            .m-text-ellipsis;
            .m-ml-10
        }
    }
}

._DataShow_{
    padding: 16px;
    .m-mt-10{
        margin-top: 10px;
    }
    .m-ml-10{
        margin-left: 10px;
    }
    .m-mt-20{
        margin-top: 20px;
    }
    .m-inline-block{
        display: inline-block;
    }
    .m-text-center{
        text-align: center;
    }
    .m-text-ellipsis{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
    .m-row-item{
        .m-text-ellipsis;
        // min-height: 48px;
        // line-height: 48px;
    }
    .ant-divider-horizontal{
        margin: 10px 0;
    }
    // 实时数据
    ._RealTimeData_{
        // 检测时间
        .refresh_time{
            vertical-align: middle;
            color: @placeholder
        }
        // 刷新按钮
        .refresh_button{
            .m-text-ellipsis;
            width: 80px;
        }
        // 导出按钮
        .export_button{
            display: inline-block;
            width: 120px;
            .m-text-ellipsis;
        }
        .ant-list-grid .ant-col > .ant-list-item {
            margin-bottom: 0;
        }
        .ant-card {
            text-align: center;
        }
        .ant-card-head {
            background: @contentTitleColor;
        }
        .ant-card-body,.ant-card-head  {
            padding: 0 !important;
        }
    }
    // 历史数据
    ._HistoryData_{
        position: relative;
        .ant-empty-normal {
            margin: 30vh 0;
        }
        // 历史数据图表样式
        .HistoryDataChart{
            width: 100%;
            height: 500px;
            margin-top: 20px
        }
        //导出+legend
        .handleBar{
            position: absolute;
            top: 45px;
            width: 100%;
        }

        // 导出
        .export{
            text-align: right;
            right: 55px;
            z-index: 1;
        }
        // legend
        .btn {
            text-align: right;
            right: 55px;
            margin-top: 10px;
            z-index: 1;
        }
        // legend
        .label-item{
            display: inline-block;
            width: 90px;
            text-align: justify;
            white-space: nowrap;
            .m-text-ellipsis;
        }
        // 今年
        .ant-checkbox-green {
            .ant-checkbox-inner {
                background-color: #52C41A;
                border-color: #52C41A;
            }
        }
        // 去年
        .ant-checkbox-orange {
            .ant-checkbox-inner {
                background-color: #FCAC15;
                border-color: #FCAC15;
            }
        }
        //显示数值
        .ant-checkbox-blue {
            .ant-checkbox-inner {
                background-color: #1890FF;
                border-color: #1890FF;
            }
        }
    }
}
.WaterQuality{
    width: 100%;
    color: black;
    td,th {
        border: 1px solid #e8e8e8;
      }
}
// 

@borderColor: #d9d9d9;
@tableBorderColor: #e8e8e8;
@tableRowColor: #E6F7FF;
@timeActiveColor: #1890FF;
@TipColor: #a6adb4;

.borderStyle{
    border: 1px solid @borderColor;
}
.placeholder{
    color: @TipColor !important;
}

._ParameterConfig_Report_{
    padding: 16px 16px 40px 16px;
    line-height: 40px;
    &>.ant-row{
        margin-top: 8px;
    }
    .com-divider{
        height: 1px;
        background-color: @borderColor;
    }
    .search-param, .search-time>span{
        margin: 0 16px;
        cursor: pointer;
    }
    .search-time>button{
        margin: 0 8px;
    }
    .search-time>span:first-child{
        margin-left: 0;
    }
    .search-time-active{
        color: @timeActiveColor;
    }
    table{
        border: 1px solid @tableBorderColor;
        border-width: 0px 1px;
    }
    // .ant-table-body{
    //     overscroll-behavior: contain;
    // }
    .table-head{
        word-break: break-word;
    }
    // 空表格时，左右加上边框
    .ant-table-placeholder{
        border: 1px solid #e8e8e8;
        border-top: 0;
    }
    // 选中表格行 样式
    .table-row-active {
        background-color: @tableRowColor;
    }
    // ant 表格 footer
    .ant-table-footer{
        padding: 0;
        background: white;
    }
    // div模拟 表格行
    .table-footer{
        border: 1px solid @tableBorderColor;
        border-top: 0;
        line-height: 40px;
        height: 40px;
        padding-left: 32px;
    }
    // 分页的布局
    .ant-pagination{
        position: relative;
        top: -36px;
        right: 32px;
        margin: 0;
    }
    .ant-empty{
        margin-top: 25vh;
    }
}

._ParameterConfig_ {
    padding: 16px 16px 40px 16px;
    line-height: 40px;
    
    &>div{
        margin-top: 8px;
    }
    & input::placeholder{
        .placeholder();
    }
    .param-all{
        .borderStyle();
        min-width: 1120px;
    }
    .param-item{
        padding: 0 16px;
    }
    .param-child{
        .borderStyle();
        padding: 16px 0;
        border-width: 1px 0 0 0;
    }
    .param-child>div:nth-child(2){
        .borderStyle();
        border-width: 0 0 0 1px;
    }
    .param-attr{
        margin-right: 8px;
    }
    .param-input{
        margin: 0 8px;
        width: 120px;
    }
    .param-limit{
        margin: 0 8px;
        // color: @TipColor; //DTS002086457
    }
}
._DuMistClean_ {
    padding: 16px;
    .m-row-item{
        margin-top: 20px;
        & button:nth-child(n+2){
            margin-left: 10px;
        }
    }
    & input::placeholder{
        .placeholder();
    }
}

.updateWaterModal, ._HistoryData_{
    .operBtn {
        margin-left: 10px;
    }
    .item-form {
        margin-top: 10px;;
        line-height: 48px;
    }
    .ant-form-item{
        margin-bottom: 0px;
    }
    .ant-form-item-control{
        line-height: 48px;
    }
    .active {
        color: @timeActiveColor;
    }
    .time-select {
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        vertical-align: middle;
    }
}

._WebVersion_{
  padding-top: 30px;
  padding-left: 32px;
  height: 100vh;
  background: #fff;
  > .ant-row {
    margin-bottom: 14px;
  }
}


._WIFIConfig_{
  margin-bottom: 16px;
  .empty{
    height: 90vh;
    text-align: center;
    line-height: 90vh;
  }
  .ant-tabs-nav .ant-tabs-tab {
    margin-right: 50px;
  }
  .ant-tabs-nav-wrap {
    padding-left: 13px;
  }
}
._WIFISearch_, ._WIFI_ {
  padding: 16px;
  .info {
    border: 1px solid #e8e8e8;
    margin: 15px 0 15px 15px;
    padding: 20px;
    .info-title {
      font-size: 16px;
      font-weight: bold;
    }
  }
  .list {
    margin: 4px;
    .list-title {
      font-size: 15px;
      font-weight: bold;
    }
    .tip-red {
      color: red;
    }
    .tip-green {
      color: green;
    }
  }
  .fn-marr10 {
    margin-right: 10px;
  }
  .ant-form-item{
    margin-bottom: 0
  }
  .LabelSwitch-label-Col, .LabelInput-label-Col, .labelSelect-label-Col, .labelText-label-Col, .LabelIP-label-Col {
    text-align: left;
    padding-left: 16px;
    label {
        color:@font-color;
    }
  }
  .ant-divider-horizontal {
    margin: 18px 0;
  }
  .ant-modal-confirm-body .ant-modal-confirm-title {
      font-weight: 1000;
      font-size: 16px;
  }
  .ant-modal-confirm-body .ant-modal-confirm-content {
      margin-top: 16px;
      font-size: 15px;
  }
  .ant-modal-confirm .ant-modal-confirm-btns {
      margin-top: 16px;
  }
}
.fn-marb15 {
  margin-bottom: 15px;
}
._DevInfo_, ._LocalInfo_ , ._FacInfo_ {
  padding: 16px;
  .fn-marr10 {
    margin-right: 10px;
  }
  .ant-form-item{
    margin-bottom: 0
  }
  .labelText{
    padding-left: 16px;
    line-height: 32px;
    font-weight: bold;
  }
  .LabelSwitch-label-Col, .LabelInput-label-Col, .labelSelect-label-Col, .labelText-label-Col, .LabelIP-label-Col {
    width: 180px;
    text-align: left;
    padding-left: 16px;
    label {
        color:@font-color;
    }
  }
  .LabelIP-container{
    margin: 0;
  }
  .LabelIP-ip-input__item{
    input{
      display: inline-block;
      width: calc(25% - 5px);
    }
  }
  .LabelIP-ip-input .LabelIP-ip-input__item{
    display: inline;
  }
}
.macInfo {
  padding: 16px;
  .fn-marr10 {
    margin-right: 10px;
  }
  .LabelInput-label-dark{
    line-height: 32px;
  }
  
  .LabelInput-label-Col{
    text-align: left;
    padding-right:10px; 
  }
  .ant-row {
    margin-bottom: 4px;
  }
}
._PasswordCracking_ {
  .MyTable{
    height: 600px;
    overflow: auto;
}
}
._AP_ {
    padding: 20px 16px 16px 16px;
    .fn-marr10 {
        margin-right: 10px;
    }
    .ant-form-item {
        margin-bottom: 10px;
    }
    .operation {
        margin: 10px;
    }
    .labelText{
        padding-left: 16px;
        line-height: 32px;
        font-weight: bold;
    }
    .LabelSwitch-label-Col,
    .LabelInput-label-Col,
    .labelSelect-label-Col,
    .labelText-label-Col,
    .Input-label {
        text-align: left;
        padding-left: 16px;
        line-height: 32px;
        label {
            color:@font-color;
        }
    }
    .ant-modal-confirm-body .ant-modal-confirm-title {
        font-weight: 1000;
        font-size: 16px;
    }
    .ant-modal-confirm-body .ant-modal-confirm-content {
        margin-top: 16px;
        font-size: 15px;
    }
    .ant-modal-confirm .ant-modal-confirm-btns {
        margin-top: 16px;
    }
}

._WIFITable_{
    position: relative;
    .ant-table-thead {
        border-top:none
    }
    .bottom-pagination{
        border-top: 1px solid  @border-color;
    }
    border: 1px solid @border-color;
    .anticon {
        color: inherit;
    }
    .anticon-disabled {
        color: grey;
        cursor: not-allowed;
    }
    .selectedRow {
        background-color: #E6F7FF;
    }
    //调整图标颜色
    i {
        cursor: pointer;
        &:hover {
            color: @export-color;
        }
    }
}


._WorkMode_ {
    padding: 32px;
    margin-left: 16px;
    .labelContent {
        padding-right: 10px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .fn-marb15 {
        margin-bottom: 15px;
    }
    .fn-marr10 {
        margin-right: 10px;
    }
    .myScheduleContainer {
        margin-bottom: 24px;
    }
    // 按时间间隔唤醒
    .schedule_wrap {
        .schedule_body {
            margin: 16px 0;
            ._ScheduleComponent_ .mainBody section {
                display: none;
            }
        }
        .schedule_footer {
            line-height: 32px;
            .badge {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }
    }
}