/* Minification failed. Returning unminified contents.
(185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(216,29): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(251,29): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(268,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(277,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(291,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
 */
.spinner {
  margin: 100px auto;
  width: 50px;
  height: 60px;
  text-align: center;
  font-size: 10px;
}
 
.spinner > div {
  background-color:#3595da;
  height: 100%;
  width: 6px;
  display: inline-block;
   
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
 
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 
  20% { -webkit-transform: scaleY(1.0) }
}
 
@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}



/*
 * ���ԭ��תȦ��������ʽ, ��ǰ��ʽ
 */

.sk-circle {
  margin: 100px auto;
  width: 50px;
  height: 50px;
  position: relative;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #3595da;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}



:root {
    --font-size: 12px;
}

div.adp-wraper {
    display: none;
    position: absolute;
    width: 450px;
    height: auto;
    min-height: 60px;
    font-size: 15px;
    border-radius: 4px;
    padding: 0 0 5px 0;
    background-color: #ffffff;
    box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.16);
}

    div.adp-wraper p {
        width: 450px;
        height: 37px;
        line-height: 37px;
        margin: 0 0 0 -1px;
        cursor: pointer;
    }

        div.adp-wraper p span {
            color: #666;
            display: inline-block;
            width: 90px;
            text-align: center;
            height: 34px;
            line-height: 34px;
            font-size: var(--font-size);
        }

        div.adp-wraper p .adp-avtive {
            color: white;
        }

    div.adp-wraper > div.ul-div {
        padding: 0 5px 0 5px;
        min-height: 60px;
        display: none;
    }

    div.adp-wraper div ul {
        width: 100%;
        margin: 0;
        height: 100%;
        min-height: 60px;
        text-align: center;
        padding: 5px 0 0 0;
        list-style: none;
    }

        div.adp-wraper div ul li {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            width: 20%;
            padding: 8px 0;
            border-radius: 3px;
            cursor: pointer;
            color: #666;
            text-align: center;
            float: left;
            transition: 0.1s;
            font-size: var(--font-size);
        }

            div.adp-wraper div ul li:hover {
                color: #fff;
            }

    div.adp-wraper .adp-active {
        color: #fff !important;
    }

    div.adp-wraper .adp-head-active {
        position: absolute;
        width: 20%;
        height: 35px;
        transition: 0.1s;
        color: #fff;
        font-size: var(--font-size);
        text-align: center;
        line-height: 34px;
    }

    div.adp-wraper .adp-empty-text {
        margin-top: 15px;
        display: inline-block;
        color: #666;
        font-size: var(--font-size);
    }

    div.adp-wraper div.adp-btn-area {
        height: 30px;
        width: 100%;
        text-align: center;
    }

    div.adp-wraper div.adp-btn {
        display: inline-block;
        margin-right: 2px;
        cursor: pointer;
        font-family: Microsoft YaHei;
        font-size: var(--font-size);
        outline: 0;
        width: 18%;
        height: 30px;
        line-height: 30px;
        border-radius: 2px;
        color: #fff;
    }

        div.adp-wraper div.adp-btn:hover {
            box-shadow: 0 0 10px #eee;
            color: #fbfbfb;
        }

div.adp-wraper-backshadow {
    top: 0;
    left: 0;
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
}

/*-------------------------------------
zTree Style

version:	3.5.19
author:		Hunter.z
email:		hunter.z@263.net
website:	http://code.google.com/p/jquerytree/

-------------------------------------*/
/*����Ƕ��ʽ��Դ�ľ���·��*/
/*@treeImagePath: ~'/_/Resource/images/tree';*/
.ztree * {
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif;
}
.ztree {
  margin: 0;
  padding: 5px;
  color: #333;
}
.ztree li {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  outline: 0;
}
.ztree li ul {
  margin: 0;
  padding: 0 0 0 18px;
}
.ztree li ul.line {
  /*background:url(/HHERP/_/Resource/style/vendor/@{treeImagePath}/line_conn.gif) 0 0 repeat-y;*/
}
.ztree li a {
  padding: 1px 3px 0 0;
  margin: 0;
  cursor: pointer;
  height: 17px;
  color: #333;
  background-color: transparent;
  text-decoration: none;
  vertical-align: top;
  display: inline-block;
}
/*.ztree li a:hover {text-decoration:underline}*/
.ztree li a.curSelectedNode {
  /*padding-top:0px;*/
  background-color: #FFE6B0;
  color: black;
  /*height:16px;*/
  /*border:1px #FFB951 solid;*/
  opacity: 0.8;
}
.ztree li a.curSelectedNode_Edit {
  padding-top: 0px;
  background-color: #FFE6B0;
  color: black;
  height: 16px;
  border: 1px #FFB951 solid;
  opacity: 0.8;
}
.ztree li a.tmpTargetNode_inner {
  padding-top: 0px;
  background-color: #316AC5;
  color: white;
  height: 16px;
  border: 1px #316AC5 solid;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.ztree li a input.rename {
  height: 14px;
  width: 80px;
  padding: 0;
  margin: 0;
  font-size: 12px;
  border: 1px #7EC4CC solid;
  *border: 0px;
}
.ztree li span {
  line-height: 16px;
  margin-right: 2px;
}
.ztree li span.button {
  line-height: 0;
  margin: 0;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  border: 0 none;
  cursor: pointer;
  outline: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-image: url(/HHERP/_/Resource/images/tree/zTreeStandard.png);
  *background-image: url(/HHERP/_/Resource/images/tree/zTreeStandard.gif);
}
.ztree li span.button.chk {
  width: 13px;
  height: 13px;
  margin: 0 3px 0 0;
  cursor: auto;
}
.ztree li span.button.chk.checkbox_false_full {
  background-position: 0 0;
}
.ztree li span.button.chk.checkbox_false_full_focus {
  background-position: 0 -14px;
}
.ztree li span.button.chk.checkbox_false_part {
  background-position: 0 -28px;
}
.ztree li span.button.chk.checkbox_false_part_focus {
  background-position: 0 -42px;
}
.ztree li span.button.chk.checkbox_false_disable {
  background-position: 0 -56px;
}
.ztree li span.button.chk.checkbox_true_full {
  background-position: -14px 0;
}
.ztree li span.button.chk.checkbox_true_full_focus {
  background-position: -14px -14px;
}
.ztree li span.button.chk.checkbox_true_part {
  background-position: -14px -28px;
}
.ztree li span.button.chk.checkbox_true_part_focus {
  background-position: -14px -42px;
}
.ztree li span.button.chk.checkbox_true_disable {
  background-position: -14px -56px;
}
.ztree li span.button.chk.radio_false_full {
  background-position: -28px 0;
}
.ztree li span.button.chk.radio_false_full_focus {
  background-position: -28px -14px;
}
.ztree li span.button.chk.radio_false_part {
  background-position: -28px -28px;
}
.ztree li span.button.chk.radio_false_part_focus {
  background-position: -28px -42px;
}
.ztree li span.button.chk.radio_false_disable {
  background-position: -28px -56px;
}
.ztree li span.button.chk.radio_true_full {
  background-position: -42px 0;
}
.ztree li span.button.chk.radio_true_full_focus {
  background-position: -42px -14px;
}
.ztree li span.button.chk.radio_true_part {
  background-position: -42px -28px;
}
.ztree li span.button.chk.radio_true_part_focus {
  background-position: -42px -42px;
}
.ztree li span.button.chk.radio_true_disable {
  background-position: -42px -56px;
}
.ztree li span.button.switch {
  width: 18px;
  height: 32px;
}
.ztree li span.button.root_open {
  /*background-position:-92px -54px*/
  background-position: 0;
  background-image: url(/HHERP/_/Resource/images/tree/treeClose.svg);
}
.ztree li span.button.root_close {
  /*background-position:-74px -54px;*/
  background-position: 0;
  background-image: url(/HHERP/_/Resource/images/tree/treeOpen.svg);
}
.ztree li span.button.roots_open {
  /*background-position:-92px 0;*/
  background-position: 0;
  background-image: url(/HHERP/_/Resource/images/tree/treeClose.svg);
}
.ztree li span.button.roots_close {
  /*background-position:-74px 0*/
  background-position: 0;
  background-image: url(/HHERP/_/Resource/images/tree/treeOpen.svg);
}
.ztree li span.button.center_open {
  /*background-position:-92px -18px*/
  background-position: 0;
  background-image: url(/HHERP/_/Resource/images/tree/treeClose.svg);
}
.ztree li span.button.center_close {
  /*background-position:-74px -18px*/
  background-position: 0;
  background-image: url(/HHERP/_/Resource/images/tree/treeOpen.svg);
}
.ztree li span.button.bottom_open {
  /*background-position:-92px -36px;*/
  background-position: 0;
  background-image: url(/HHERP/_/Resource/images/tree/treeClose.svg);
}
.ztree li span.button.bottom_close {
  /*background-position:-74px -36px;*/
  background-position: 0;
  background-image: url(/HHERP/_/Resource/images/tree/treeOpen.svg);
}
.ztree li span.button.noline_open {
  /*background-position:-92px -72px;*/
  background-position: 0;
  background-image: url(/HHERP/_/Resource/images/tree/treeClose.svg);
}
.ztree li span.button.noline_close {
  /*background-position:-74px -72px;*/
  background-position: 0;
  background-image: url(/HHERP/_/Resource/images/tree/treeOpen.svg);
}
.ztree li span.button.root_docu {
  background: none;
}
.ztree li span.button.roots_docu {
  /*background-position:-56px 0;*/
  background: none;
}
.ztree li span.button.center_docu {
  background-position: -56px -18px;
  background: 0;
}
.ztree li span.button.bottom_docu {
  background-position: -56px -36px;
  background: 0;
}
.ztree li span.button.noline_docu {
  background: none;
}
.ztree li span.button.ico_open {
  margin-right: 2px;
  /*background-position:-110px -16px;*/
  background-position: 0;
  vertical-align: top;
  *vertical-align: middle;
  background-image: url(/HHERP/_/Resource/images/tree/treeFolderOpen.svg);
}
.ztree li span.button.ico_close {
  margin-right: 2px;
  /*background-position:-110px 0;*/
  background-position: 0;
  vertical-align: top;
  *vertical-align: middle;
  background-image: url(/HHERP/_/Resource/images/tree/treeFolderClose.svg);
}
.ztree li span.button.ico_docu {
  margin-right: 2px;
  /*background-position:-110px -32px;*/
  background-position: 0;
  vertical-align: top;
  *vertical-align: middle;
  background-image: url(/HHERP/_/Resource/images/tree/treeFolderClose.svg);
}
.ztree li span.button.edit {
  margin-right: 2px;
  background-position: -110px -48px;
  vertical-align: top;
  *vertical-align: middle;
}
.ztree li span.button.remove {
  margin-right: 2px;
  background-position: -110px -64px;
  vertical-align: top;
  *vertical-align: middle;
}
.ztree li span.button.ico_loading {
  margin-right: 2px;
  background: url(/HHERP/_/Resource/images/tree/loading.gif) no-repeat scroll 0 0 transparent;
  vertical-align: top;
  *vertical-align: middle;
}
ul.tmpTargetzTree {
  background-color: #FFE6B0;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
span.tmpzTreeMove_arrow {
  width: 16px;
  height: 16px;
  display: inline-block;
  padding: 0;
  margin: 2px 0 0 1px;
  border: 0 none;
  position: absolute;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -110px -80px;
  background-image: url(/HHERP/_/Resource/images/tree/zTreeStandard.png);
  *background-image: url(/HHERP/_/Resource/images/tree/zTreeStandard.gif);
}
ul.ztree.zTreeDragUL {
  margin: 0;
  padding: 0;
  position: absolute;
  width: auto;
  height: auto;
  overflow: hidden;
  background-color: #cfcfcf;
  border: 1px #00B83F dotted;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.zTreeMask {
  z-index: 10000;
  background-color: #cfcfcf;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
}
/* level style*/
/*.ztree li span.button.level0 {
	display:none;
}
.ztree li ul.level0 {
	padding:0;
	background:none;
}*/
/* *html{background-image: url(/HHERP/_/Resource/style/vendor/about:blank); background-attachment: fixed;} */
html #layuicss-layer{display: none; position: absolute; width: 1989px;}
.layui-content-vango {width:100%;height:100%;}
/* common */
.layui-layer-shade, .layui-layer{position:fixed; _position:absolute; pointer-events: auto;}
.layui-layer-shade{top:0; left:0; width:100%; height:100%; _height:expression(document.body.offsetHeight+"px");}
.layui-layer{-webkit-overflow-scrolling: touch;}
.layui-layer{outline: 0;top:150px; left: 0; margin:0; padding:0; background-color:#fff; -webkit-background-clip: content; border-radius: 4px; box-shadow: 1px 1px 50px rgba(0,0,0,.3);}
.layui-layer-close{position:absolute;}
.layui-layer-content{position:relative;}
.layui-layer-border{border: 1px solid #B2B2B2; border: 1px solid rgba(0,0,0,.1); box-shadow: 1px 1px 5px rgba(0,0,0,.2);}
.layui-layer-load{background:url(/HHERP/_/Resource/images/layer/loading-1.gif) #eee center center no-repeat;}
.layui-layer-ico{ background:url(/HHERP/_/Resource/images/layer/icon.png) no-repeat;}
.layui-layer-dialog .layui-layer-ico,
.layui-layer-setwin a,
.layui-layer-btn a{display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
.layui-layer-move{display: none; position: fixed; *position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; cursor: move; opacity: 0; filter:alpha(opacity=0); background-color: #fff; z-index: 2147483647;}
.layui-layer-resize{position: absolute; width: 15px; height: 15px; right: 0; bottom: 0; cursor: se-resize;}

/* open anim */ /*缩放动画会影响内部元素大小，导致某些样式计算出现问题，改用fade动画  by JSH 2022-7-5*/
@-webkit-keyframes layer-bounceIn {
	0% {opacity: 0; /*-webkit-transform: scale(.2); transform: scale(.2)*/}
	100% {opacity: 1; /*-webkit-transform: scale(1); transform: scale(1)*/}
}
@keyframes layer-bounceIn {
	0% {opacity: 0; /*-webkit-transform: scale(.2); -ms-transform: scale(.2); transform: scale(.2)*/}
	100% {opacity: 1; /*-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1)*/}
}
.layer-anim{-webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration:.4s; animation-duration:.4s;}
.layer-anim-00{-webkit-animation-name: layer-bounceIn;animation-name: layer-bounceIn}

/* shade close anim */
@-webkit-keyframes layer-shade-fadeIn {
	0% {opacity: 0;}
	100% {opacity: .3;background-color:#000;}
}
@keyframes layer-shade-fadeIn {
	0% {opacity: 0;}
	100% {opacity: .3;background-color:#000;}
}
.layer-anim-shade {-webkit-animation-name: layer-shade-fadeIn;animation-name: layer-shade-fadeIn;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-duration: .5s;animation-duration: .5s;}


@-webkit-keyframes layer-zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes layer-zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-01{-webkit-animation-name:layer-zoomInDown;animation-name:layer-zoomInDown}

@-webkit-keyframes layer-fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layer-fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.layer-anim-02{-webkit-animation-name:layer-fadeInUpBig;animation-name:layer-fadeInUpBig}

@-webkit-keyframes layer-zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes layer-zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-03{-webkit-animation-name:layer-zoomInLeft;animation-name:layer-zoomInLeft}

@-webkit-keyframes layer-rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}@keyframes layer-rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.layer-anim-04{-webkit-animation-name:layer-rollIn;animation-name:layer-rollIn}

@keyframes layer-fadeIn{0%{opacity:0}100%{opacity:1}}.layer-anim-05{-webkit-animation-name:layer-fadeIn;animation-name:layer-fadeIn}

@-webkit-keyframes layer-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes layer-shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.layer-anim-06{-webkit-animation-name:layer-shake;animation-name:layer-shake}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}

/* 标题栏 */
.layui-layer-title{padding:0 80px 0 16px; height:32px; line-height:34px;  font-size:14px; color:#545454; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #FFFFFF; border-radius: 4px;}
.layui-layer-setwin{position:absolute; right:14px; *right:0; top:9px; font-size:0; line-height: initial;}
.layui-layer-setwin a{position:relative; width: 16px; height:16px; margin-left:10px; font-size:12px; _overflow:hidden;}
.layui-layer-setwin .layui-layer-min cite{position:absolute; width:14px; height:2px; left:0; top:50%; margin-top:-1px; background-color:#2E2D3C; cursor:pointer; _overflow:hidden;}
.layui-layer-setwin .layui-layer-min:hover cite{background-color:#2D93CA; }
.layui-layer-setwin .layui-layer-max{background-position:-32px -40px;}
.layui-layer-setwin .layui-layer-max:hover{background-position:-16px -40px;}
.layui-layer-setwin .layui-layer-maxmin{background-position:-65px -40px;}
.layui-layer-setwin .layui-layer-maxmin:hover{background-position:-49px -40px;}
.layui-layer-setwin .layui-layer-close1{background-position: 1px -40px; cursor: pointer;}
.layui-layer-setwin .layui-layer-close1:hover{opacity:0.7;}
.layui-layer-setwin .layui-layer-close2{position:absolute; right:-28px; top:-28px; width:30px; height:30px;  margin-left:0; background-position:-149px -31px; *right:-18px; _display:none;}
.layui-layer-setwin .layui-layer-close2:hover{ background-position:-180px -31px;}

/* 按钮栏 */
.layui-layer-btn{text-align: center; margin-top:14px; pointer-events: auto; user-select: none; -webkit-user-select: none;}
.layui-layer-btn a{height: 28px; line-height: 28px; margin: 5px 5px 0; padding: 0 15px; border: 1px solid #dedede; background-color:#fff; color: #333; border-radius: 2px; font-weight:400; cursor:pointer; text-decoration: none;}
.layui-layer-btn a:hover{opacity: 0.9; text-decoration: none;}
.layui-layer-btn a:active{opacity: 0.8;text-decoration: none;}
.layui-layer-btn a:focus{ outline:none;}
.layui-layer-btn .layui-layer-btn0,.layui-layer-btn-c a{/*border-color: #1E9FFF; background-color: #1E9FFF; color:#fff;*/}
.layui-layer-btn-l{text-align: left;}
.layui-layer-btn-c{text-align: center;}

/* 定制化 */
.layui-layer-dialog{min-width:200px; max-width:1000px;}
.layui-layer-dialog .layui-layer-content{position: relative; padding:20px; line-height:24px; word-break: break-all; overflow:hidden; font-size:14px; overflow-x: hidden; overflow-y:auto;}
.layui-layer-dialog .layui-layer-content .layui-layer-ico{position:absolute; top:16px; left:15px; _left:-40px; width:30px; height:30px;}
.layui-layer-ico1{background-position:-30px 0 }
.layui-layer-ico2{background-position:-60px 0;}
.layui-layer-ico3{background-position:-90px 0;}
.layui-layer-ico4{background-position:-120px 0;}
.layui-layer-ico5{background-position:-150px 0;}
.layui-layer-ico6{background-position:-180px 0;}
.layui-layer-rim{border:6px solid #8D8D8D; border:6px solid rgba(0,0,0,.3); border-radius:5px; box-shadow: none;}
.layui-layer-msg{min-width:180px; border:1px solid #D3D4D3; box-shadow: none;}
.layui-layer-hui{min-width:100px;  background-color: #000; filter:alpha(opacity=60); background-color: rgba(0,0,0,0.6); color: #fff; border:none;}
.layui-layer-hui .layui-layer-content{padding:12px 25px; text-align:center; color: #fff !important;}
.layui-layer-dialog .layui-layer-padding{padding:28px 63px 24px;}
.layui-layer-page .layui-layer-content{position:relative; overflow:auto;}
.layui-layer-page .layui-layer-btn,.layui-layer-iframe .layui-layer-btn{padding-top:10px;}
.layui-layer-nobg{background:none;}
.layui-layer-iframe iframe{display: block; width: 100%;}

.layui-layer-loading{border-radius:100%; background:none;  box-shadow:none;  border:none;}
.layui-layer-loading .layui-layer-content{width:60px; height:24px; background:url(/HHERP/_/Resource/images/layer/loading-0.gif) no-repeat;}
.layui-layer-loading .layui-layer-loading1{width:37px; height:37px; background:url(/HHERP/_/Resource/images/layer/loading-1.gif) no-repeat;}
.layui-layer-loading .layui-layer-loading2, .layui-layer-ico16{width:32px; height:32px; background:url(/HHERP/_/Resource/images/layer/loading-2.gif) no-repeat;}
.layui-layer-tips{background: none; box-shadow:none; border:none;}
.layui-layer-tips .layui-layer-content{position: relative; line-height: 22px; min-width: 12px; padding: 8px 15px; font-size: 12px; _float:left; border-radius: 2px; box-shadow: 1px 1px 3px rgba(0,0,0,.2); background-color: #000; color: #fff;}
.layui-layer-tips .layui-layer-close{right:-2px; top:-1px;}
.layui-layer-tips i.layui-layer-TipsG{ position:absolute;  width:0; height:0; border-width:8px; border-color:transparent; border-style:dashed; *overflow:hidden;}
.layui-layer-tips i.layui-layer-TipsT, .layui-layer-tips i.layui-layer-TipsB{left:5px; border-right-style:solid; border-right-color: #000;}
.layui-layer-tips i.layui-layer-TipsT{bottom:-8px;}
.layui-layer-tips i.layui-layer-TipsB{top:-8px;}
.layui-layer-tips i.layui-layer-TipsR, .layui-layer-tips i.layui-layer-TipsL{top: 5px; border-bottom-style:solid; border-bottom-color: #000;}
.layui-layer-tips i.layui-layer-TipsR{left:-8px;}
.layui-layer-tips i.layui-layer-TipsL{right:-8px;}

/* skin */
.layui-layer-lan[type="dialog"]{min-width:280px;}
.layui-layer-lan .layui-layer-title{background:#4476A7; color:#fff; border: none;}
.layui-layer-lan .layui-layer-btn{padding: 5px 10px 10px; text-align: right; border-top:1px solid #E9E7E7}
.layui-layer-lan .layui-layer-btn a{background: #fff; border-color: #E9E7E7; color: #333;}
.layui-layer-lan .layui-layer-btn .layui-layer-btn1{background:#C9C5C5;}
.layui-layer-molv .layui-layer-title{background: #009f95; color:#fff; border: none;}
.layui-layer-molv .layui-layer-btn a{background: #009f95; border-color: #009f95;}
.layui-layer-molv .layui-layer-btn .layui-layer-btn1{background:#92B8B1;}

.layui-layer-blue[type="dialog"]{min-width:280px;}
.layui-layer-blue .layui-layer-title{background:#62a8ea; color:#fff;font-weight:bold;}
.layui-layer-blue .layui-layer-btn a{background: #3595da; border-color: #3595da;}
.layui-layer-blue .layui-layer-close1{background:none;text-decoration:none;}   
.layui-layer-blue .layui-layer-close1:before{content:"\e64e";color:#fff;font-weight:bold;}

.layui-layer-iconext{background:url(/HHERP/_/Resource/style/images/layer/icon-ext.png) no-repeat;}

/* prompt模式 */
.layui-layer-prompt .layui-layer-input{display: block; width: 230px; height: 36px; margin: 0 auto; line-height: 30px; padding-left: 10px; border: 1px solid #e6e6e6; color: #333;}
.layui-layer-prompt textarea.layui-layer-input{width: 300px; height: 100px; line-height: 20px; padding: 6px 10px;}
.layui-layer-prompt .layui-layer-content{padding: 20px;}
.layui-layer-prompt .layui-layer-btn{padding-top: 0;}

/* tab模式 */
.layui-layer-tab{box-shadow:1px 1px 50px rgba(0,0,0,.4);}
.layui-layer-tab .layui-layer-title{padding-left:0; overflow: visible;}
.layui-layer-tab .layui-layer-title span{position:relative; float:left; min-width:80px; max-width:260px; padding:0 20px; text-align:center; cursor:default; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer;}
.layui-layer-tab .layui-layer-title span.layui-this{height: 43px; border-left: 1px solid #eee; border-right: 1px solid #eee; background-color: #fff; z-index: 10;}
.layui-layer-tab .layui-layer-title span:first-child{border-left:none;}
.layui-layer-tabmain{line-height:24px; clear:both;}
.layui-layer-tabmain .layui-layer-tabli{display:none;}
.layui-layer-tabmain .layui-layer-tabli.layui-this{display: block;}

/* photo模式 */
.layui-layer-photos{-webkit-animation-duration: .8s; animation-duration: .8s;}
.layui-layer-photos .layui-layer-content{overflow:hidden; text-align: center;}
.layui-layer-photos .layui-layer-phimg img{position: relative; width:100%; display: inline-block; *display:inline; *zoom:1; vertical-align:top;}
.layui-layer-imguide,.layui-layer-imgbar{display:none;}
.layui-layer-imgprev, .layui-layer-imgnext{position:absolute; top:50%; width:27px; _width:44px; height:44px;  margin-top:-22px; outline:none;blr:expression(this.onFocus=this.blur());}
.layui-layer-imgprev{left:10px; background-position:-5px -5px; _background-position:-70px -5px;}
.layui-layer-imgprev:hover{background-position:-33px -5px; _background-position:-120px -5px;}
.layui-layer-imgnext{right:10px; _right:8px; background-position:-5px -50px; _background-position:-70px -50px;}
.layui-layer-imgnext:hover{background-position:-33px -50px; _background-position:-120px -50px;}
.layui-layer-imgbar{position:absolute; left:0; bottom:0; width:100%; height:32px; line-height:32px; background-color:rgba(0,0,0,.8); background-color:#000\9; filter:Alpha(opacity=80); color:#fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size:0;}
.layui-layer-imgtit{/*position:absolute; left:20px;*/}
.layui-layer-imgtit *{display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-size:12px;}
.layui-layer-imgtit a{max-width:65%;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color:#fff;}
.layui-layer-imgtit a:hover{color:#fff; text-decoration:underline;}
.layui-layer-imgtit em{padding-left:10px; font-style: normal;}

/* close anim */
@-webkit-keyframes layer-bounceOut {
  100% {opacity: 0; -webkit-transform: scale(.7); transform: scale(.7)}
  30% {-webkit-transform: scale(1.05); transform: scale(1.05)}
  0% {-webkit-transform: scale(1); transform: scale(1);}
}
@keyframes layer-bounceOut {
  100% {opacity: 0; -webkit-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7);}
  30% {-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
  0% {-webkit-transform: scale(1); -ms-transform: scale(1);transform: scale(1);}
}
.layer-anim-close{-webkit-animation-name: layer-bounceOut; animation-name: layer-bounceOut; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration:.3s; animation-duration:.3s;}

@media screen and (max-width: 1100px) {
  .layui-layer-iframe{overflow-y: auto; -webkit-overflow-scrolling: touch;}
}
/*! laydate-v5.0.9 日期与时间组件 MIT License  http://www.layui.com/laydate/  By 贤心 */
.laydate-set-ym, .layui-laydate, .layui-laydate *, .layui-laydate-list {
    box-sizing: border-box;
}

html #layuicss-laydate {
    display: none;
    position: absolute;
    width: 1989px;
}

.layui-laydate * {
    margin: 0;
    padding: 0;
}

.layui-laydate {
    position: absolute;
    z-index: 66666666;
    margin: 5px 0;
    border-radius: 2px;
    font-size: 14px;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: laydate-upbit;
    animation-name: laydate-upbit;
}

.layui-laydate-main {
    width: 278px;
}

.layui-laydate-content td, .layui-laydate-header *, .layui-laydate-list li {
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
}

@-webkit-keyframes laydate-upbit {
    from {
        -webkit-transform: translate3d(0,20px,0);
        opacity: .3;
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        opacity: 1;
    }
}

@keyframes laydate-upbit {
    from {
        transform: translate3d(0,20px,0);
        opacity: .3;
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}

.layui-laydate-static {
    position: relative;
    z-index: 0;
    display: inline-block;
    margin: 0;
    -webkit-animation: none;
    animation: none;
}

.laydate-ym-show .icon-right, .laydate-ym-show .icon-left {
    display: none !important;
}

.laydate-ym-show .icon-doubleright, .laydate-ym-show .icon-doubleleft {
    display: inline-block !important;
}

.laydate-time-show .laydate-set-ym span[lay-type=month], .laydate-time-show .laydate-set-ym span[lay-type=year], .laydate-time-show .layui-laydate-header .layui-icon, .laydate-ym-show .laydate-set-ym span[lay-type=month] {
    display: none !important;
}

.layui-laydate-header {
    position: relative;
    line-height: 30px;
    padding: 10px 70px 5px;
}

    .laydate-set-ym span, .layui-laydate-header i {
        padding: 0 5px;
        cursor: pointer;
        user-select: all;
    }

    .layui-laydate-header * {
        display: inline-block;
        vertical-align: bottom;
    }

    .layui-laydate-header i {
        position: absolute;
        top: 10px;
        color: #999;
        font-size: 18px;
    }

        .layui-laydate-header i.icon-doubleleft {
            left: 15px;
        }

        .layui-laydate-header i.icon-left {
            left: 45px;
        }

        .layui-laydate-header i.icon-doubleright {
            right: 15px;
        }

        .layui-laydate-header i.icon-right {
            right: 45px;
        }

.laydate-set-ym {
    width: 100%;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.laydate-time-text {
    cursor: default !important;
}

.layui-laydate-content {
    position: relative;
    padding: 10px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

    .layui-laydate-content table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    .layui-laydate-content td, .layui-laydate-content th {
        width: 27px;
        height: 27px;
        padding: 5px;
        text-align: center;
    }

    .layui-laydate-content td {
        position: relative;
        cursor: pointer;
    }

.laydate-day-mark {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 27px;
    font-size: 12px;
    overflow: hidden;
}

    .laydate-day-mark::after {
        position: absolute;
        content: '';
        right: 14px;
        top: 27px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
    }

.layui-laydate-footer {
    position: relative;
    height: 46px;
    line-height: 26px;
    padding: 10px 20px;
}

    .layui-laydate-footer span {
        margin-right: 15px;
        display: inline-block;
        cursor: pointer;
        font-size: 12px;
    }

        .layui-laydate-footer span:hover {
            color: #5FB878;
        }

.laydate-footer-btns {
    position: absolute;
    right: 10px;
    top: 10px;
}

    .laydate-footer-btns span {
        height: 26px;
        line-height: 26px;
        margin: 0 0 0 -1px;
        padding: 0 10px;
        border: 1px solid #C9C9C9;
        background-color: #fff;
        white-space: nowrap;
        vertical-align: top;
        border-radius: 2px;
    }

.layui-laydate-list > li, .layui-laydate-range .layui-laydate-main {
    display: inline-block;
    vertical-align: middle;
}

.layui-laydate-list {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    background-color: #fff;
}

    .layui-laydate-list > li {
        position: relative;
        width: 33.3%;
        height: 36px;
        line-height: 36px;
        margin: 3px 0;
        text-align: center;
        cursor: pointer;
    }

.laydate-month-list > li {
    width: 25%;
    margin: 17px 0;
}

.laydate-time-list > li {
    height: 100%;
    margin: 0;
    line-height: normal;
    cursor: default;
}

.laydate-time-list p {
    position: relative;
    top: -4px;
    line-height: 29px;
}

.laydate-time-list ol {
    height: 181px;
    overflow: hidden;
}

.laydate-time-list > li:hover ol {
    overflow-y: auto;
}

.laydate-time-list ol li {
    width: 100%;
    padding-left: 33px;
    line-height: 30px;
    text-align: left;
    cursor: pointer;
}

.layui-laydate-hint {
    position: absolute;
    top: 115px;
    left: 50%;
    width: 250px;
    margin-left: -125px;
    line-height: 20px;
    padding: 15px;
    text-align: center;
    font-size: 12px;
}

.layui-laydate-range {
    width: 556px;
}

    .layui-laydate-range .laydate-main-list-0 .icon-right, .layui-laydate-range .laydate-main-list-0 .icon-doubleright, .layui-laydate-range .laydate-main-list-1 .icon-left, .layui-laydate-range .laydate-main-list-1 .icon-doubleleft {
        display: none;
    }

    .layui-laydate-range .laydate-main-list-1 .layui-laydate-content {
        /*border-left: 1px solid #e2e2e2;*/
    }

.layui-laydate, .layui-laydate-hint {
    border: 1px solid #d2d2d2;
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    background-color: #fff;
    color: #666;
}

.layui-laydate-header {
    border-bottom: 1px solid #e2e2e2;
}

    .layui-laydate-header i:hover, .layui-laydate-header span:hover {
        /*color: #5FB878;*/
    }

.layui-laydate-content {
    border-top: none 0;
    border-bottom: none 0;
}

    .layui-laydate-content th {
        font-weight: 400;
        color: #333;
    }

    .layui-laydate-content td {
        color: #666;
    }

        .layui-laydate-content td.laydate-selected {
            background-color: #00F7DE;
        }

.laydate-selected:hover {
    /*background-color: #00F7DE !important;*/
}

.layui-laydate-content td:hover, .layui-laydate-list li:hover {
    background-color: #eaeaea;
    color: #333;
}

.laydate-time-list li ol {
    margin: 0;
    padding: 0;
    border: 1px solid #e2e2e2;
    border-left-width: 0;
}

.laydate-time-list li:first-child ol {
    border-left-width: 1px;
}

.laydate-time-list > li:hover {
    background: 0 0;
}

.layui-laydate-content .laydate-day-next, .layui-laydate-content .laydate-day-prev {
    color: #d2d2d2;
}

.laydate-selected.laydate-day-next, .laydate-selected.laydate-day-prev {
    /*background-color: #f8f8f8 !important;*/
}

.layui-laydate-footer {
    border-top: 1px solid #e2e2e2;
}

.layui-laydate-hint {
    color: #FF5722;
}

.laydate-day-mark::after {
    background-color: #1890FF;
}

.layui-laydate-content td.layui-this .laydate-day-mark::after {
    display: none;
}

.layui-laydate-footer span[lay-type=date] {
    color: #5FB878;
}

.layui-laydate .layui-this {
    background-color: #009688;
    color: #fff !important;
}

.layui-laydate .laydate-disabled, .layui-laydate .laydate-disabled:hover {
    background: 0 0 !important;
    color: #d2d2d2 !important;
    cursor: not-allowed !important;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.laydate-theme-molv {
    border: none;
}

    .laydate-theme-molv.layui-laydate-range {
        width: 548px;
    }

    .laydate-theme-molv .layui-laydate-main {
        width: 274px;
    }

    .laydate-theme-molv .layui-laydate-header {
        border: none;
        background-color: #009688;
    }

        .laydate-theme-molv .layui-laydate-header i, .laydate-theme-molv .layui-laydate-header span {
            color: #f6f6f6;
        }

            .laydate-theme-molv .layui-laydate-header i:hover, .laydate-theme-molv .layui-laydate-header span:hover {
                color: #fff;
            }

    .laydate-theme-molv .layui-laydate-content {
        border: 1px solid #e2e2e2;
        border-top: none;
        border-bottom: none;
    }

    .laydate-theme-molv .laydate-main-list-1 .layui-laydate-content {
        border-left: none;
    }

    .laydate-theme-grid .laydate-month-list > li, .laydate-theme-grid .laydate-year-list > li, .laydate-theme-grid .layui-laydate-content td, .laydate-theme-grid .layui-laydate-content thead, .laydate-theme-molv .layui-laydate-footer {
        border: 1px solid #e2e2e2;
    }

.laydate-theme-grid .laydate-selected, .laydate-theme-grid .laydate-selected:hover {
    background-color: #f2f2f2 !important;
    color: #009688 !important;
}

    .laydate-theme-grid .laydate-selected.laydate-day-next, .laydate-theme-grid .laydate-selected.laydate-day-prev {
        color: #d2d2d2 !important;
    }

.laydate-theme-grid .laydate-month-list, .laydate-theme-grid .laydate-year-list {
    margin: 1px 0 0 1px;
}

    .laydate-theme-grid .laydate-month-list > li, .laydate-theme-grid .laydate-year-list > li {
        margin: 0 -1px -1px 0;
    }

    .laydate-theme-grid .laydate-year-list > li {
        height: 43px;
        line-height: 43px;
    }

    .laydate-theme-grid .laydate-month-list > li {
        height: 71px;
        line-height: 71px;
    }

/*
colpick Color Picker / colpick.com
*/

/*Main container*/
.colpick {
	position: absolute;
	width: 346px;
	height: 170px;
	overflow: hidden;
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	background:#ebebeb;
	border: 1px solid #bbb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	/*Prevents selecting text when dragging the selectors*/
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.colpick,
.colpick * {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
/*Color selection box*/
.colpick_color {
	position: absolute;
	left: 7px;
	top: 7px;
	width: 156px;
	height: 156px;
	overflow: hidden;
	outline: 1px solid #aaa;
	cursor: crosshair;
}
.colpick_color_overlay1 {
	position: absolute;
	left:0;
	top:0;
	width: 156px;
	height: 156px;
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')"; /* IE8 */
	background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
}
.colpick_color_overlay2 {
	position: absolute;
	left:0;
	top:0;
	width: 156px;
	height: 156px;
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')"; /* IE8 */
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
}
/*HSL gradients are different*/
.colpick_hsl .colpick_color_overlay1 {
	background: linear-gradient(to right, rgba(128,128,128,1) 0%, rgba(128,128,128,0) 100%);
}
.colpick_hsl .colpick_color_overlay2 {
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);
}
/*Circular color selector*/
.colpick_selector_outer {
	background:none;
	position: absolute;
	width: 11px;
	height: 11px;
	margin: -6px 0 0 -6px;
	border: 1px solid black;
	border-radius: 50%;
}
.colpick_selector_inner{
	position: absolute;
	width: 9px;
	height: 9px;
	border: 1px solid white;
	border-radius: 50%;
}
/*Vertical hue bar*/
.colpick_hue {
	position: absolute;
	top: 6px;
	left: 175px;
	width: 19px;
	height: 156px;
	border: 1px solid #aaa;
	cursor: n-resize;
}
/*Hue bar sliding indicator*/
.colpick_hue_arrs {
	position: absolute;
	left: -8px;
	width: 35px;
	height: 7px;
	margin: -7px 0 0 0;
}
.colpick_hue_larr {
	position:absolute;
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 7px solid #858585;
}
.colpick_hue_rarr {
	position:absolute;
	right:0;
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent; 
	border-right: 7px solid #858585; 
}
/*New color box*/
.colpick_new_color {
	position: absolute;
	left: 207px;
	top: 6px;
	width: 60px;
	height: 27px;
	background: #f00;
	border: 1px solid #8f8f8f;
}
/*Current color box*/
.colpick_current_color {
	position: absolute;
	left: 277px;
	top: 6px;
	width: 60px;
	height: 27px;
	background: #f00;
	border: 1px solid #8f8f8f;
}
/*Input field containers*/
.colpick_field, .colpick_hex_field  {
	position: absolute;
	height: 20px;
	width: 60px;
	overflow:hidden;
	background:#f3f3f3;
	color:#b8b8b8;
	font-size:12px;
	border:1px solid #bdbdbd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.colpick_rgb_r {
	top: 40px;
	left: 207px;
}
.colpick_rgb_g {
	top: 67px;
	left: 207px;
}
.colpick_rgb_b {
	top: 94px;
	left: 207px;
}
.colpick_hsx_h {
	top: 40px;
	left: 277px;
}
.colpick_hsx_s {
	top: 67px;
	left: 277px;
}
.colpick_hsx_x {
	top: 94px;
	left: 277px;
}
.colpick_hex_field {
	width: 68px;
	left: 207px;
	top: 121px;
}
/*Text field container on focus*/
.colpick_focus {
	border-color: #999;
}
/*Field label container*/
.colpick_field_letter {
	position: absolute;
	width: 12px;
	height: 20px;
	line-height: 20px;
	padding-left: 4px;
	background: #efefef;
	border-right: 1px solid #bdbdbd;
	font-weight: bold;
	color:#777;
}
/*Text inputs*/
.colpick_field input, .colpick_hex_field input {
	position: absolute;
	right: 11px;
	margin: 0;
	padding: 0;
	height: 20px;
	line-height: 20px;
	background: transparent;
	border: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
	text-align: right;
	outline: none;
}
.colpick_hex_field input {
	right: 4px;
}
/*Field up/down arrows*/
.colpick_field_arrs {
	position: absolute;
	top: 0;
	right: 0;
	width: 9px;
	height: 21px;
	cursor: n-resize;
}
.colpick_field_uarr {
	position: absolute;
	top: 5px;
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid #959595;
}
.colpick_field_darr {
	position: absolute;
	bottom:5px;
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #959595;
}
/*Submit/Select button*/
.colpick_submit {
	position: absolute;
	left: 207px;
	top: 149px;
	width: 130px;
	height: 22px;
	line-height:22px;
	background: #efefef;
	text-align: center;
	color: #555;
	font-size: 12px;
	font-weight:bold;
	border: 1px solid #bdbdbd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.colpick_submit:hover {
	background:#f3f3f3;
	border-color:#999;
	cursor: pointer;
}

/*full layout with no submit button*/
.colpick_full_ns  .colpick_submit, .colpick_full_ns .colpick_current_color{
	display:none;
}
.colpick_full_ns .colpick_new_color {
	width: 130px;
	height: 25px;
}
.colpick_full_ns .colpick_rgb_r, .colpick_full_ns .colpick_hsx_h {
	top: 42px;
}
.colpick_full_ns .colpick_rgb_g, .colpick_full_ns .colpick_hsx_s {
	top: 73px;
}
.colpick_full_ns .colpick_rgb_b, .colpick_full_ns .colpick_hsx_x {
	top: 104px;
}
.colpick_full_ns .colpick_hex_field {
	top: 135px;
}

/*rgbhex layout*/
.colpick_rgbhex .colpick_hsx_h, .colpick_rgbhex .colpick_hsx_s, .colpick_rgbhex .colpick_hsx_x {
	display:none;
}
.colpick_rgbhex {
	width:282px;
}
.colpick_rgbhex .colpick_field, .colpick_rgbhex .colpick_submit {
	width:68px;
}
.colpick_rgbhex .colpick_new_color {
	width:34px;
	border-right:none;
}
.colpick_rgbhex .colpick_current_color {
	width:34px;
	left:240px;
	border-left:none;
}

/*rgbhex layout, no submit button*/
.colpick_rgbhex_ns  .colpick_submit, .colpick_rgbhex_ns .colpick_current_color{
	display:none;
}
.colpick_rgbhex_ns .colpick_new_color{
	width:68px;
	border: 1px solid #8f8f8f;
}
.colpick_rgbhex_ns .colpick_rgb_r {
	top: 42px;
}
.colpick_rgbhex_ns .colpick_rgb_g {
	top: 73px;
}
.colpick_rgbhex_ns .colpick_rgb_b {
	top: 104px;
}
.colpick_rgbhex_ns .colpick_hex_field {
	top: 135px;
}

/*hex layout*/
.colpick_hex .colpick_hsx_h, .colpick_hex .colpick_hsx_s, .colpick_hex .colpick_hsx_x, .colpick_hex .colpick_rgb_r, .colpick_hex .colpick_rgb_g, .colpick_hex .colpick_rgb_b {
	display:none;
}
.colpick_hex {
	width:206px;
	height:201px;
}
.colpick_hex .colpick_hex_field {
	width:72px;
	height:25px;
	top:168px;
	left:80px;
}
.colpick_hex .colpick_hex_field div, .colpick_hex .colpick_hex_field input {
	height: 25px;
	line-height: 25px;
}
.colpick_hex .colpick_new_color {
	left:9px;
	top:168px;
	width:30px;
	border-right:none;
}
.colpick_hex .colpick_current_color {
	left:39px;
	top:168px;
	width:30px;
	border-left:none;
}
.colpick_hex .colpick_submit {
	left:164px;
	top: 168px;
	width:30px;
	height:25px;
	line-height: 25px;
}

/*hex layout, no submit button*/
.colpick_hex_ns  .colpick_submit, .colpick_hex_ns .colpick_current_color {
	display:none;
}
.colpick_hex_ns .colpick_hex_field {
	width:80px;
}
.colpick_hex_ns .colpick_new_color{
	width:60px;
	border: 1px solid #8f8f8f;
}

/*Dark color scheme*/
.colpick_dark {
	background: #161616;
	border-color: #2a2a2a;
}
.colpick_dark .colpick_color {
	outline-color: #333;
}
.colpick_dark .colpick_hue {
	border-color: #555;
}
.colpick_dark .colpick_field, .colpick_dark .colpick_hex_field {
	background: #101010;
	border-color: #2d2d2d;
}
.colpick_dark .colpick_field_letter {
	background: #131313;
	border-color: #2d2d2d;
	color: #696969;
}
.colpick_dark .colpick_field input, .colpick_dark .colpick_hex_field input {
	color: #7a7a7a;
}
.colpick_dark .colpick_field_uarr {
	border-bottom-color:#696969;
}
.colpick_dark .colpick_field_darr {
	border-top-color:#696969;
}
.colpick_dark .colpick_focus {
	border-color:#444;
}
.colpick_dark .colpick_submit {
	background: #131313;
	border-color:#2d2d2d;
	color:#7a7a7a;
}
.colpick_dark .colpick_submit:hover {
	background-color:#101010;
	border-color:#444;
}
.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  line-height: 1;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
.rtl .toast-close-button {
  left: -0.3em;
  float: left;
  right: 0.3em;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  /*overrides*/
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#toast-container > div.rtl {
  direction: rtl;
  padding: 15px 50px 15px 15px;
  background-position: right 15px center;
}
#toast-container > div:hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url(/HHERP/_/Resource/style/vendor/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important;
}
#toast-container > .toast-error {
  background-image: url(/HHERP/_/Resource/style/vendor/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important;
}
#toast-container > .toast-success {
  background-image: url(/HHERP/_/Resource/style/vendor/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf/3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important;
}
#toast-container > .toast-warning {
  background-image: url(/HHERP/_/Resource/style/vendor/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
  #toast-container > div.rtl {
    padding: 15px 50px 15px 15px;
  }
}

/* stylelint-disable at-rule-no-unknown */
@font-face {
  font-family: "Chinese Quote";
  src: local("PingFang SC"), local("SimSun");
  unicode-range: U+2018, U+2019, U+201c, U+201d;
}
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;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  line-height: 1.5;
  color: #131313;
  font-weight: 400;
  background-color: #fff;
}
[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: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}
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: #4884F2;
  background-color: transparent;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:focus {
  text-decoration: underline;
  text-decoration-skip: ink;
}
a:hover {
  color: #75aaff;
}
a:active {
  color: #3363cc;
}
a:active,
a:hover {
  outline: 0;
  text-decoration: none;
}
a[disabled] {
  color: #CCCED3;
  cursor: not-allowed;
  pointer-events: none;
}
pre,
code,
kbd,
samp {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 1em;
}
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;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: 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;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5em;
  font-size: 1.5em;
  line-height: inherit;
  color: 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 {
  background: #4884F2;
  color: #fff;
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.anticon {
  display: inline-block;
  font-style: normal;
  vertical-align: -0.125em;
  text-align: center;
  text-transform: none;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon svg {
  display: block;
}
.anticon:before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.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-origin: 0 0;
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform-origin: 0 0;
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes antMoveDownOut {
  0% {
    transform-origin: 0 0;
    transform: translateY(0%);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateY(100%);
    opacity: 0;
  }
}
@keyframes antMoveLeftIn {
  0% {
    transform-origin: 0 0;
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes antMoveLeftOut {
  0% {
    transform-origin: 0 0;
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(-100%);
    opacity: 0;
  }
}
@keyframes antMoveRightIn {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0%);
  }
}
@keyframes antMoveRightOut {
  0% {
    transform-origin: 0 0;
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes antMoveUpIn {
  0% {
    transform-origin: 0 0;
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform-origin: 0 0;
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes antMoveUpOut {
  0% {
    transform-origin: 0 0;
    transform: translateY(0%);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateY(-100%);
    opacity: 0;
  }
}
@keyframes loadingCircle {
  100% {
    transform: rotate(360deg);
  }
}
[ant-click-animating],
[ant-click-animating-without-extra-node] {
  position: relative;
}
[ant-click-animating-without-extra-node]:after,
.ant-click-animating-node {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  border-radius: inherit;
  border: 0 solid #4884F2;
  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;
  display: block;
  pointer-events: none;
}
@keyframes waveEffect {
  100% {
    top: -6px;
    left: -6px;
    bottom: -6px;
    right: -6px;
    border-width: 6px;
  }
}
@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% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0.8);
  }
  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}
@keyframes antSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0.8);
  }
}
@keyframes antSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 100% 100%;
    transform: scaleY(0.8);
  }
  100% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scaleY(1);
  }
}
@keyframes antSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform-origin: 100% 100%;
    transform: scaleY(0.8);
  }
}
@keyframes antSlideLeftIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleX(0.8);
  }
  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleX(1);
  }
}
@keyframes antSlideLeftOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleX(1);
  }
  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleX(0.8);
  }
}
@keyframes antSlideRightIn {
  0% {
    opacity: 0;
    transform-origin: 100% 0%;
    transform: scaleX(0.8);
  }
  100% {
    opacity: 1;
    transform-origin: 100% 0%;
    transform: scaleX(1);
  }
}
@keyframes antSlideRightOut {
  0% {
    opacity: 1;
    transform-origin: 100% 0%;
    transform: scaleX(1);
  }
  100% {
    opacity: 0;
    transform-origin: 100% 0%;
    transform: scaleX(0.8);
  }
}
.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);
  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);
  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);
  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);
  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);
  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);
  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);
  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% {
    opacity: 0;
    transform: scale(0.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes antZoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.2);
  }
}
@keyframes antZoomBigIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes antZoomBigOut {
  0% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.8);
  }
}
@keyframes antZoomUpIn {
  0% {
    opacity: 0;
    transform-origin: 50% 0%;
    transform: scale(0.8);
  }
  100% {
    transform-origin: 50% 0%;
    transform: scale(1);
  }
}
@keyframes antZoomUpOut {
  0% {
    transform-origin: 50% 0%;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 0%;
    transform: scale(0.8);
  }
}
@keyframes antZoomLeftIn {
  0% {
    opacity: 0;
    transform-origin: 0% 50%;
    transform: scale(0.8);
  }
  100% {
    transform-origin: 0% 50%;
    transform: scale(1);
  }
}
@keyframes antZoomLeftOut {
  0% {
    transform-origin: 0% 50%;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform-origin: 0% 50%;
    transform: scale(0.8);
  }
}
@keyframes antZoomRightIn {
  0% {
    opacity: 0;
    transform-origin: 100% 50%;
    transform: scale(0.8);
  }
  100% {
    transform-origin: 100% 50%;
    transform: scale(1);
  }
}
@keyframes antZoomRightOut {
  0% {
    transform-origin: 100% 50%;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform-origin: 100% 50%;
    transform: scale(0.8);
  }
}
@keyframes antZoomDownIn {
  0% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0.8);
  }
  100% {
    transform-origin: 50% 100%;
    transform: scale(1);
  }
}
@keyframes antZoomDownOut {
  0% {
    transform-origin: 50% 100%;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0.8);
  }
}
.ant-motion-collapse {
  overflow: hidden;
}
.ant-motion-collapse-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;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
/* -------------
   * commom *
* ------------- */
/*原始默认配色方案,应用于各控件CSS*/
/*.l-clear {
    clear: both;
    width: 1px;
    height: 1px;
    overflow: hidden;
}*/
/*.l-hidden {
    display: none;
}*/
/* --------------
   *   icon  *
* ------------ */
/* #*# 此样式只在filter中用，filter只有dropdownedit中使用，是否应该重新整理 */
/*.l-icon-cross {
    background: url(/HHERP/_/Resource/images/icon/cross.gif) no-repeat center;
    width: 16px;
    height: 16px;
    line-height: 16px;
}*/
/* --------------
  ui 帮助样式， page, grid, blockui中都有用 
* ------------ */
/*body{
    --theme-color:red;
}*/
/*.test .l-button{
    background:var(--theme-color)

}*/
.panel-li {
  outline: 0;
  /*display:flex;
    align-items:center;*/
}
.l-label-wrapper {
  /*display:flex;
    align-items:center;*/
  /*text-align-last: justify;*/
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}
.ui-widget-content {
  border: 1px solid #c5c5c5;
  /*color: #4F6172;*/
}
.ui-widget-content a {
  color: #555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #c5c5c5;
  background: #dadada;
  font-weight: normal;
  color: #555;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
  color: #555;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #c5c5c5;
  background: #ffffff;
  font-weight: normal;
  color: #555;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #555;
  text-decoration: none;
}
/* -------------
   D9css.css的样式，这个全渠道的样式不应该放到这里，D9Login.cshtml中使用,需要连同demo一并整理
* ------------- */
/*.loginEdit .iconfont {
    margin-left: 10px;
    margin-right: 10px;
}*/
/* -------------
   滚动条样式
* ------------- */
::-webkit-scrollbar-thumb {
  background-color: #c5c5c5;
  border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #bbb;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track-piece {
  background-color: #f2f2f2;
}
::-webkit-scrollbar-button {
  width: 10px;
  height: 10px;
  background-color: #F1F1F1;
}
::-webkit-scrollbar-button:vertical:decrement {
  /*border-left: 5px dashed transparent;
    border-right: 5px dashed transparent;
    border-bottom : 5px solid #A3A3A3;*/
  background: #F1F1F1 url(/HHERP/_/Resource/images/common/scrollTop.svg) no-repeat center center;
}
::-webkit-scrollbar-button:vertical:increment {
  /*border-left: 5px dashed transparent;
    border-right: 5px dashed transparent;
    border-top: 5px solid #A3A3A3;*/
  background: #F1F1F1 url(/HHERP/_/Resource/images/common/scrollDown.svg) no-repeat center center;
}
::-webkit-scrollbar-button:horizontal:decrement {
  /*border-top: 8px dashed transparent;
    border-bottom: 8px dashed transparent;
    border-right: 8px solid #A3A3A3;*/
  background: #F1F1F1 url(/HHERP/_/Resource/images/common/scrollLeft.svg) no-repeat center center;
}
::-webkit-scrollbar-button:horizontal:increment {
  /*border-top: 8px dashed transparent;
    border-bottom: 8px dashed transparent;
    border-left: 8px solid #A3A3A3;*/
  background: #F1F1F1 url(/HHERP/_/Resource/images/common/scrollRight.svg) no-repeat center center;
}
::-webkit-scrollbar-corner {
  background-color: #f2f2f2;
}
/* -------------
   遮罩样式
* ------------- */
.l-loading {
  background: url(/HHERP/_/Resource/images/common/loading.gif) no-repeat;
  background-size: 70px 70px;
  width: 70px;
  height: 70px;
}
/* -------------
   拖动块文字的样式 
* ------------- */
.l-dnd-ghost {
  background-color: red;
  position: absolute;
}
/* -------------
   统一：禁用的样式颜色 
* ------------- */
.l-disabled {
  /*opacity: 0.7 !important;
    color: #ddd !important;
    cursor: auto !important;
    background-color: rgba(0,0,0,0) !important;*/
}
.l-disabled .l-checkbox-text,
.l-disabled .l-radio-text {
  cursor: not-allowed;
}
/* -------------
   统一：下拉框/日期/调整器 右侧那个可点击的区域 分别是普通、经过、按住状态
* ------------- */
.l-trigger {
  cursor: pointer;
  width: 22px;
  height: 100%;
  line-height: 32px;
  overflow: hidden;
  position: relative;
  text-align: center;
  border: none;
  right: 6px;
}
/* -------------
   主题样式？ 错误的命名方式，需要确认下哪里用到再统一删除，小心
* ------------- */
/*.black {
    color: #555;
}

.blue {
    color: #00b4ff;
    font-weight: bold;
}

.red {
    color: #f96868;
    font-weight: bold;
}*/
/* -------------
   l-trigger相关样式，编辑框的样式： 多个控件的样式都写到这里吧，后面重构需要整理
* ------------- */
/* 下拉框/日期 取消选择 */
.l-trigger-cancel {
  right: 20px;
  background: transparent;
  border: 0px;
}
.l-text-disabled .l-trigger-icon:hover,
.l-text-disabled .l-trigger-icon:active {
  color: inherit !important;
}
.l-trigger-icon:hover,
.l-spinner-icon:hover,
.split-button .l-trigger-icon:hover {
  color: #75aaff !important;
}
.l-trigger-icon:active,
.l-spinner-icon:active {
  color: #3363cc !important;
}
/* 下拉框/日期 右侧那个可点击的区域里面的图标 */
.l-trigger-icon {
  -webkit-transition: color 0.25s ease-out 0s;
  -moz-transition: color 0.25s ease-out 0s;
  transition: color 0.25s ease-out 0s;
  background: none;
}
.menu-button .l-trigger-icon {
  color: #fff;
}
.menu-button .l-trigger-icon:hover {
  color: #e2eff8;
}
.split-button .l-trigger-icon {
  background: #4e97d9;
}
.split-trigger {
  width: 16px;
  height: 23px;
  position: absolute;
  cursor: pointer;
  border: solid 1px #c5c5c5;
  border-left: 1px solid #c5c5c5;
  color: #fff;
  top: 0;
}
/* -------------
   * 验证 *
* ------------- */
/*.l-verify-star {
    color: #f96868;
}*/
/*.l-star {
    color: #f96868;
}*/
/* -------------
   高亮
* ------------- */
/*.l-highLight {
    background: #4e97d9;
}*/
/* -----------------------
   *   验证 * 这个都没看到哪里用，是否可以移除
* ----------------------- */
/*.l-verify-tip {
    padding: 0;
    margin: 0;
    position: absolute;
    display: block;
}

.l-verify-tip-corner {
    padding: 0;
    margin: 0;
    position: absolute;
    background: url(/HHERP/_/Resource/images/form/verify-corner.gif) no-repeat;
    width: 8px;
    line-height: 9px;
    height: 9px;
    overflow: hidden;
    top: 5px;
    left: 0px;
    z-index: 10001;
}

.l-verify-tip-content {
    margin: 0;
    position: absolute;
    left: 7px;
    top: 0px;
    border: 1px solid #FFC340;
    background: #FFFCC7;
    z-index: 10000;
    padding: 4px 8px;
    width: auto;
    font-size: 12px;
    color: #f96868;
}

.l-exclamation {
    width: 16px;
    height: 16px;
    overflow: hidden;
    display: block;
    background: url(/HHERP/_/Resource/images/common/exclamation.gif) no-repeat;
}*/
/* -----------------------
   下拉按钮？ 重新命名
* ----------------------- */
/*.togglebtn {
    position: absolute;
    right: 15px;
    background: url(/HHERP/_/Resource/images/common/toggle.gif) no-repeat 0px 0px;
    cursor: pointer;
    right: 15px;
    height: 10px;
    width: 9px;
    left: 50%; 
}*/
/*.togglebtn-down {
    background-position: 0px -10px;
}*/
/* -----------------------
   选择样式
* ----------------------- */
/*.l-box-select .l-grid-row {
    cursor: pointer;
}*/
/*.l-box.l-checkbox {
    border: none;
}

.l-box.l-radio {
    border: none;
}*/
/* -----------------------
    面板边框样式
* ----------------------- */
/*.l-border {
    border: 1px solid #4e97d9;
    box-sizing: border-box;
}*/
.l-border {
  border: 1px solid #D9D9D9 !important;
}
/* -----------------------
    menuBar, toolBar的样式菜单
* ----------------------- */
/*菜单一级分类项样式*/
.l-panel-btn {
  display: block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  /*高度*/
  height: 62px;
  line-height: 62px;
  /*左右边距*/
  padding-left: 10px;
  padding-right: 10px;
  /*字体居中*/
  text-align: center;
  /*字体颜色*/
  color: #fff;
  /*最大宽度*/
  min-width: 88px;
}
.l-panel-btn .l-panel-btn-l,
.l-panel-btn .l-panel-btn-r {
  display: none;
}
/*菜单被选中和鼠标移动上去效果*/
.l-panel-btn-over,
.l-panel-btn-selected {
  background: #4e97d9 url(/HHERP/_/Resource/images/panel/panel-btn.gif) repeat-x;
  color: #fff;
}
.l-panel-btn-over .l-panel-btn-l,
.l-panel-btn-over .l-panel-btn-r,
.l-panel-btn-selected .l-panel-btn-l,
.l-panel-btn-selected .l-panel-btn-r {
  display: block;
}
.l-panel-btn-l {
  position: absolute;
  width: 3px;
  left: 0px;
  top: 0px;
  height: 22px;
  /*background: #E0EDFF url(/HHERP/_/Resource/images/panel/panel-btn-l.gif) no-repeat;*/
}
.l-panel-btn-r {
  position: absolute;
  width: 3px;
  right: 0px;
  top: 0px;
  height: 22px;
  /*background: #E0EDFF url(/HHERP/_/Resource/images/panel/panel-btn-r.gif) no-repeat;*/
}
.l-toolbar .l-panel-btn {
  height: 22px;
  line-height: 22px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
.l-panel-topbar {
  padding: 0;
}
/* -----------------------
   感觉是主题相关的，demo中很多用到,待重构
* ----------------------- */
/*.badge {
    display: inline-block;
    min-width: 10px;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #555;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #e4eaec;
    border-radius: 15px;
}

.badge:empty {
    display: none;
}

.badge-success {
    color: #fff;
    background-color: #4e97d9;
}*/
/* 统一：动画特效样式，需不需要整理动画的样式，这里只有向上滑的样式，其他的呢？ */
@-webkit-keyframes anima-slide-up {
  /* 微微往上滑入 */
  from {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    opacity: 0.3;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-moz-keyframes anima-slide-up {
  from {
    -moz-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    -o-transform: translate3d(0, 20px, 0);
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    opacity: 0.3;
  }
  to {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes anima-slide-up {
  from {
    -moz-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    -o-transform: translate3d(0, 20px, 0);
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    opacity: 0.3;
  }
  to {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animation-slide-up {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: anima-slide-up;
  -moz-animation-name: anima-slide-up;
  -o-animation-name: anima-slide-up;
  animation-name: anima-slide-up;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.l-accordion-panel {
  background-color: #3595da;
  border-color: #3595da;
  /*margin: 0 auto; // 为啥居中？*/
  position: relative;
}
/*.side-accordion .@{accordion}-menu {
    width: 90px;
}

.side-accordion .menu-root > ul {
    position: fixed;
    z-index: 50;
    width: 240px;
}*/
.l-accordion-menu {
  overflow: hidden;
  border-style: solid;
  border-width: 0;
  padding: 0;
}
.sideMenu > li > a:first-child {
  text-align: center;
  text-decoration: none;
}
.sideMenu > li > a:first-child .site-menu-icon {
  margin-right: 0;
  font-size: 24px;
  opacity: 1;
  -webkit-transition: display 0.25s, opacity 0.25s, font-size 0.25s;
  -o-transition: display 0.25s, opacity 0.25s, font-size 0.25s;
  -moz-transition: display 0.25s, opacity 0.25s, font-size 0.25s;
  transition: display 0.25s, opacity 0.25s, font-size 0.25s;
}
.sideMenu > li > a:first-child .site-menu-title,
.sideMenu > li > a:first-child .site-menu-arrow {
  display: none;
  opacity: 0;
  -webkit-transition: display 0.25s, opacity 0.25s;
  -o-transition: display 0.25s, opacity 0.25s;
  -moz-transition: display 0.25s, opacity 0.25s;
  transition: display 0.25s, opacity 0.25s;
}
.site-menu-category {
  padding: 0 20px;
  margin-top: 18px;
  font-size: 12px;
  line-height: 36px;
  color: #fff;
  text-transform: uppercase;
  -webkit-transition: all 0.25s, font 0.1s 0.15s, color 0.1s 0.15s;
  -o-transition: all 0.25s, font 0.1s 0.15s, color 0.1s 0.15s;
  -moz-transition: all 0.25s, font 0.1s 0.15s, color 0.1s 0.15s;
  transition: all 0.25s, font 0.1s 0.15s, color 0.1s 0.15s;
}
.site-menu-item {
  line-height: 36px;
  -webkit-transition: all 0.25s, -webkit-transform 0.1s;
  -o-transition: all 0.25s, -o-transform 0.1s;
  -moz-transition: transform 0.1s, all 0.25s;
  transition: all 0.25s, -webkit-transform 0.1s;
  transition: transform 0.1s, all 0.25s;
  transition: transform 0.1s, all 0.25s, -webkit-transform 0.1s, -o-transform 0.1s;
}
.site-menu-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  display: inline-block;
  max-width: 160px;
  font-size: 14px;
}
.site-menu-title.child:first-child {
  margin-left: 10px;
}
.menu-root > a:first-child {
  border-bottom: 1px solid #178acc;
}
.site-menu-item a {
  text-decoration: none;
  display: block;
  color: #fff;
  padding: 0 20px;
  line-height: 36px;
  outline: 0;
  white-space: nowrap;
  cursor: pointer;
}
.site-menu-icon {
  margin-right: 7px;
  vertical-align: middle;
}
.site-menu-arrow {
  position: absolute;
  right: 20px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
.site-menu-sub {
  padding: 5px 0;
  margin: 0;
  font-size: 14px;
  background: 0 0;
}
.site-menu-sub .site-menu-item {
  line-height: 36px;
  color: rgba(163, 175, 183, 0.9);
  background: 0 0;
}
.site-menu-sub .site-menu-item > a {
  padding: 0 20px;
  text-indent: 0.5em;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
/*.button-group(@btnClassName: btn) {
  .button-group-base(@btnClassName);
  .@{btnClassName} + .@{btnClassName},
  .@{btnClassName} + &,
  span + .@{btnClassName},
  .@{btnClassName} + span,
  > span + span,
  & + .@{btnClassName},
  & + & {
    margin-left: -1px;
  }
  .@{btnClassName}-primary + .@{btnClassName}:not(.@{btnClassName}-primary):not([disabled]) {
    border-left-color: transparent;
  }
  .@{btnClassName} {
    border-radius: 0;
  }
  > .@{btnClassName}:first-child,
  > span:first-child > .@{btnClassName} {
    margin-left: 0;
  }
  > .@{btnClassName}:only-child {
    border-radius: @button-border-radius-base;
  }
  > span:only-child > .@{btnClassName} {
    border-radius: @button-border-radius-base;
  }
  > .@{btnClassName}:first-child:not(:last-child),
  > span:first-child:not(:last-child) > .@{btnClassName} {
    border-top-left-radius: @button-border-radius-base;
    border-bottom-left-radius: @button-border-radius-base;
  }
  > .@{btnClassName}:last-child:not(:first-child),
  > span:last-child:not(:first-child) > .@{btnClassName} {
    border-top-right-radius: @button-border-radius-base;
    border-bottom-right-radius: @button-border-radius-base;
  }
  &-small {
    > .@{btnClassName}:only-child {
      border-radius: @button-border-radius-sm;
    }
    > span:only-child > .@{btnClassName} {
      border-radius: @button-border-radius-sm;
    }
    > .@{btnClassName}:first-child:not(:last-child),
    > span:first-child:not(:last-child) > .@{btnClassName} {
      border-top-left-radius: @button-border-radius-sm;
      border-bottom-left-radius: @button-border-radius-sm;
    }
    > .@{btnClassName}:last-child:not(:first-child),
    > span:last-child:not(:first-child) > .@{btnClassName} {
      border-top-right-radius: @button-border-radius-sm;
      border-bottom-right-radius: @button-border-radius-sm;
    }
  }
  & > & {
    float: left;
  }
  & > &:not(:first-child):not(:last-child) > .@{btnClassName} {
    border-radius: 0;
  }
  & > &:first-child:not(:last-child) {
    > .@{btnClassName}:last-child {
      padding-right: 8px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  }
  & > &:last-child:not(:first-child) > .@{btnClassName}:first-child {
    padding-left: 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}*/
.l-button {
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  touch-action: manipulation;
  user-select: none;
  cursor: pointer;
  white-space: nowrap;
  font-weight: 400;
  border: 1px solid #D9D9D9;
  padding: 8px 16px 7px;
  font-size: 12px;
  border-radius: 4px;
  height: 28px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  /*&:not(&-disabled):hover {
        text-decoration: none;
    }

    &:not(&-disabled):active {
        outline: 0;
        transition: none;
    }*/
  color: #3A4E64;
  background-color: #fff;
  border-color: #D9D9D9;
}
.l-button,
.l-button:active,
.l-button:focus {
  outline: 0;
}
.l-button-disabled {
  cursor: not-allowed;
}
.l-button-disabled > * {
  pointer-events: none;
}
.l-button-large {
  padding: 8px 16px 7px;
  font-size: 16px;
  border-radius: 4px;
  height: 32px;
}
.l-button-small {
  padding: 3px 16px;
  font-size: 12px;
  border-radius: 4px;
  height: 24px;
}
.l-button:hover,
.l-button:focus {
  color: #75aaff;
  background-color: #fff;
  border-color: #40a9ff;
}
.l-button:active,
.l-button.active {
  color: #3363cc;
  background-color: #fff;
  border-color: #40a9ff;
}
.l-button:hover,
.l-button:focus,
.l-button:active,
.l-button.active {
  color: #40a9ff;
  background: #fff;
  text-decoration: none;
}
.l-button-dashed {
  color: #3A4E64;
  background-color: #fff;
  border-color: #D9D9D9;
  border-style: dashed;
}
.l-button-dashed:hover,
.l-button-dashed:focus {
  color: #75aaff;
  background-color: #fff;
  border-color: #40a9ff;
}
.l-button-dashed:active,
.l-button-dashed.active {
  color: #3363cc;
  background-color: #fff;
  border-color: #40a9ff;
}
.l-button-danger {
  color: #fff;
  background-color: #ff4d4f;
  border-color: #ff4d4f;
  /*&:hover{
            border:1px solid blue;
        }*/
}
.l-button-danger:hover,
.l-button-danger:focus {
  color: #fff;
  background-color: #669CFF;
  border-color: #669CFF;
}
.l-button-danger:active,
.l-button-danger.active {
  color: #fff;
  background-color: #669CFF;
  border-color: #669CFF;
}
.l-button-group .l-button-danger:not(:first-child):not(:last-child),
.l-button-group .panel-li:not(:first-child):not(:last-child) > .l-button-danger {
  border-right-color: #00000020;
  border-left-color: #00000020;
  /*&:disabled {
            border-color: @button-default-border;
        }*/
}
.l-button-group .l-button-danger:not(:first-child):not(:last-child).l-button-disabled,
.l-button-group .panel-li:not(:first-child):not(:last-child) > .l-button-danger.l-button-disabled {
  border-color: #D9D9D9;
}
.l-button-group .l-button-danger:first-child:not(:last-child),
.l-button-group .panel-li:first-child:not(:last-child) > .l-button-danger {
  border-right-color: #00000020;
  /*&:not(:last-child),*/
  /*.@{panelli}:not(:last-child) > & {
            border-right-color: @button-group-border;


        }*/
}
.l-button-group .l-button-danger:first-child:not(:last-child).l-button-disabled,
.l-button-group .panel-li:first-child:not(:last-child) > .l-button-danger.l-button-disabled {
  border-right-color: #D9D9D9;
}
.l-button-group .panel-li:last-child:not(:first-child) > .l-button-danger,
.l-button-group .l-button-danger:last-child:not(:first-child),
.l-button-group .l-button-danger + .l-button-danger,
.l-button-danger .l-button-group .panel-li + .panel-li {
  border-left-color: #00000020;
}
.l-button-group .panel-li:last-child:not(:first-child) > .l-button-danger.l-button-disabled,
.l-button-group .l-button-danger:last-child:not(:first-child).l-button-disabled,
.l-button-group .l-button-danger + .l-button-danger.l-button-disabled,
.l-button-danger .l-button-group .panel-li + .panel-li.l-button-disabled {
  border-left-color: #D9D9D9;
}
.l-button-link {
  color: #4884F2;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.l-button-link:hover,
.l-button-link:focus {
  color: #75aaff;
  background-color: transparent;
  border-color: #40a9ff;
}
.l-button-link:active,
.l-button-link.active {
  color: #3363cc;
  background-color: transparent;
  border-color: #40a9ff;
}
.l-button-link:hover,
.l-button-link:focus,
.l-button-link:active {
  border-color: transparent;
}
.l-button-primary {
  color: #fff;
  background-color: #4884F2;
  border-color: #4884F2;
  /*&:hover{
            border:1px solid red;
        }*/
  /*.@{button}-group &:not(:first-child):not(:last-child),
        .@{button}-group .@{panelli}:not(:first-child):not(:last-child) > &
        {
            border-right-color: @button-group-border;
            border-left-color: @button-group-border;

            &:disabled {
                border-color: @button-default-border;
            }
        }

        .@{button}-group &:first-child,
        .@{button}-group .@{panelli}:first-child > & {
            &:not(:last-child),
            .@{panelli}:not(:last-child) > & {
                border-right-color: @button-group-border;

                &[disabled] {
                    border-right-color: @button-default-border;
                }
            }
        }

        .@{button}-group .@{panelli}:last-child:not(:first-child) > &,
        .@{button}-group &:last-child:not(:first-child),
        .@{button}-group & + &,
        .@{button}-group .@{panelli} + .@{panelli} {
            border-left-color: @button-group-border;

            &[disabled] {
                border-left-color: @button-default-border;
            }
        }*/
}
.l-button-primary:hover,
.l-button-primary:focus {
  color: #fff;
  background-color: #669CFF;
  border-color: #669CFF;
}
.l-button-primary:active,
.l-button-primary.active {
  color: #fff;
  background-color: #669CFF;
  border-color: #669CFF;
}
.l-button-group .l-button-primary:not(:first-child):not(:last-child),
.l-button-group .panel-li:not(:first-child):not(:last-child) > .l-button-primary {
  border-right-color: #00000020;
  border-left-color: #00000020;
  /*&:disabled {
            border-color: @button-default-border;
        }*/
}
.l-button-group .l-button-primary:not(:first-child):not(:last-child).l-button-disabled,
.l-button-group .panel-li:not(:first-child):not(:last-child) > .l-button-primary.l-button-disabled {
  border-color: #D9D9D9;
}
.l-button-group .l-button-primary:first-child:not(:last-child),
.l-button-group .panel-li:first-child:not(:last-child) > .l-button-primary {
  border-right-color: #00000020;
  /*&:not(:last-child),*/
  /*.@{panelli}:not(:last-child) > & {
            border-right-color: @button-group-border;


        }*/
}
.l-button-group .l-button-primary:first-child:not(:last-child).l-button-disabled,
.l-button-group .panel-li:first-child:not(:last-child) > .l-button-primary.l-button-disabled {
  border-right-color: #D9D9D9;
}
.l-button-group .panel-li:last-child:not(:first-child) > .l-button-primary,
.l-button-group .l-button-primary:last-child:not(:first-child),
.l-button-group .l-button-primary + .l-button-primary,
.l-button-primary .l-button-group .panel-li + .panel-li {
  border-left-color: #00000020;
}
.l-button-group .panel-li:last-child:not(:first-child) > .l-button-primary.l-button-disabled,
.l-button-group .l-button-primary:last-child:not(:first-child).l-button-disabled,
.l-button-group .l-button-primary + .l-button-primary.l-button-disabled,
.l-button-primary .l-button-group .panel-li + .panel-li.l-button-disabled {
  border-left-color: #D9D9D9;
}
.l-button-circle {
  width: 28px;
  padding: 0;
  font-size: 16px;
  border-radius: 50%;
  height: 28px;
}
.l-button-circle.l-button-large {
  width: 32px;
  padding: 0;
  font-size: 18px;
  border-radius: 50%;
  height: 32px;
}
.l-button-circle.l-button-small {
  width: 24px;
  padding: 0;
  font-size: 14px;
  border-radius: 50%;
  height: 24px;
}
.l-button-round {
  padding: 0 14px;
  font-size: 16px;
  border-radius: 28px;
  height: 28px;
}
.l-button-round.l-button-large {
  padding: 0 16px;
  font-size: 18px;
  border-radius: 32px;
  height: 32px;
}
.l-button-round.l-button-small {
  padding: 0 12px;
  font-size: 14px;
  border-radius: 24px;
  height: 24px;
}
.l-button-group {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
}
.l-button-group > .panel-li:not(:last-child) {
  display: inline-block;
  margin: 0 !important;
}
.l-button-group > .l-button,
.l-button-group > span > .l-button,
.l-button-group > .panel-li > .l-button {
  position: relative;
}
.l-button-group > .l-button:hover,
.l-button-group > span > .l-button:hover,
.l-button-group > .panel-li > .l-button:hover,
.l-button-group > .l-button:focus,
.l-button-group > span > .l-button:focus,
.l-button-group > .panel-li > .l-button:focus,
.l-button-group > .l-button:active,
.l-button-group > span > .l-button:active,
.l-button-group > .panel-li > .l-button:active,
.l-button-group > .l-button.active,
.l-button-group > span > .l-button.active,
.l-button-group > .panel-li > .l-button.active {
  z-index: 2;
}
.l-button-group > .l-button:disabled,
.l-button-group > span > .l-button:disabled,
.l-button-group > .panel-li > .l-button:disabled {
  z-index: 0;
}
.l-button-group-large > .l-button,
.l-button-group-large > span > .l-button {
  padding: 8px 16px 7px;
  font-size: 16px;
  border-radius: 0;
  height: 32px;
  line-height: 30px;
}
.l-button-group-small > .l-button,
.l-button-group-small > span > .l-button {
  padding: 3px 16px;
  font-size: 14px;
  border-radius: 0;
  height: 24px;
  line-height: 22px;
}
.l-button-group-small > .l-button > .anticon,
.l-button-group-small > span > .l-button > .anticon {
  font-size: 14px;
}
.l-button-group .l-button + .l-button,
.l-button + .l-button-group,
.l-button-group span + .l-button,
.l-button-group .l-button + span,
.l-button-group > span + span,
.l-button-group > .panel-li + .panel-li,
.l-button-group + .l-button,
.l-button-group + .l-button-group {
  margin-left: -1px !important;
}
.l-button-group .l-button-primary + .l-button:not(.l-button-primary):not([disabled]) {
  border-left-color: transparent;
}
.l-button-group .l-button {
  border-radius: 0;
}
.l-button-group > .l-button:first-child,
.l-button-group > span:first-child > .l-button,
.l-button-group > .panel-li:first-child > .l-button {
  margin-left: 0;
}
.l-button-group > .l-button:only-child {
  border-radius: 4px;
}
.l-button-group > span:only-child > .l-button,
.l-button-group > .panel-li:only-child > .l-button {
  border-radius: 4px;
}
.l-button-group > .l-button:first-child:not(:last-child),
.l-button-group > span:first-child:not(:last-child) > .l-button,
.l-button-group > .panel-li:first-child:not(:last-child) > .l-button {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.l-button-group > .l-button:last-child:not(:first-child),
.l-button-group > span:last-child:not(:first-child) > .l-button,
.l-button-group > .panel-li:last-child:not(:first-child) > .l-button {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.l-button-group-small > .l-button:only-child {
  border-radius: 4px;
}
.l-button-group-small > span:only-child > .l-button {
  border-radius: 4px;
}
.l-button-group-small > .l-button:first-child:not(:last-child),
.l-button-group-small > span:first-child:not(:last-child) > .l-button {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.l-button-group-small > .l-button:last-child:not(:first-child),
.l-button-group-small > span:last-child:not(:first-child) > .l-button {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.l-button-group > .l-button-group {
  float: left;
}
.l-button-group > .l-button-group:not(:first-child):not(:last-child) > .l-button {
  border-radius: 0;
}
.l-button-group > .l-button-group:first-child:not(:last-child) > .l-button:last-child {
  padding-right: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.l-button-group > .l-button-group:last-child:not(:first-child) > .l-button:first-child {
  padding-left: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.l-button-disabled,
.l-button-disabled:hover,
.l-button-disabled:focus,
.l-button-disabled:active,
.l-button-disabled.active {
  color: #CCCED3;
  background-color: #EFEFEF;
  border-color: #E2E2E2;
  text-shadow: none;
  box-shadow: none;
}
.l-button-link.l-button-disabled,
.l-button-link.l-button-disabled:hover,
.l-button-link.l-button-disabled:focus,
.l-button-link.l-button-disabled:active,
.l-button-link.l-button-disabled.active {
  color: #CCCED3;
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  box-shadow: none;
}
.l-button-img {
  display: inline-block;
  text-align: center;
  background-repeat: no-repeat;
  width: 16px;
  /*默认图标的宽高, 不同可更改*/
  height: 16px;
}
.l-button-loading {
  opacity: 0.35;
  pointer-events: none;
}
.l-button-before-icon,
.l-button-after-icon {
  display: none;
}
.l-button-span-top {
  margin-top: 4px;
}
.l-button-span-bottom {
  margin-bottom: 4px;
}
.l-button-span-right {
  margin-right: 4px;
}
.l-button-span-left {
  margin-left: 4px;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
/*
    用到的变量
    @checkbox-height
    @checkbox-line-height
    @checkbox-color
    @checkbox-size
    @{vango-disabled}
*/
.l-checkbox-wrapper {
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  display: inline-block;
  /*display:flex;*/
  /*justify-content:center;
    align-items:center;*/
}
.l-checkbox {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: text-bottom;
}
.l-checkbox:not(.l-box-disabled):hover .l-checkbox-inner {
  border-color: #528BF2;
}
.l-checkbox-input {
  position: absolute;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.l-checkbox-focus .l-checkbox-inner {
  border: 1px solid #528BF2;
  box-sizing: border-box;
}
.l-checkbox-focus .l-checkbox-checked .l-checkbox-inner {
  box-sizing: border-box;
  background: #6198FE;
}
.l-checkbox-inner {
  position: relative;
  top: -1px;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  border: 1px solid #94A9BA;
  border-radius: 2px;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.l-checkbox-inner:after {
  -webkit-transform: rotate(45deg) scale(0);
  -ms-transform: rotate(45deg) scale(0);
  transform: rotate(45deg) scale(0);
  position: absolute;
  display: table;
  -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  content: " ";
  left: 4px;
  top: 0px;
  width: 6.66666667px;
  height: 10.66666667px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
}
.l-checkbox-checked .l-checkbox-inner:after {
  -webkit-transform: rotate(45deg) scale(1);
  -ms-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1);
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  content: " ";
  -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}
.l-checkbox-checked:not(.l-box-disabled):hover .l-checkbox-inner {
  background: #6198FE;
}
.l-checkbox-checked .l-checkbox-inner {
  background-color: #528BF2;
  border-color: #528BF2;
}
.l-checkbox-indeterminate .l-checkbox-inner:after {
  content: ' ';
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  border: 0;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  background-color: #528BF2;
  opacity: 1;
}
.l-checkboxlist-table .l-checkbox-text {
  margin-left: 5px;
}
input[type=checkbox]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  border-color: #528BF2;
}
/*
    禁用
*/
.l-disabled .l-checkbox-input,
.l-disabled .l-checkbox:hover .l-checkbox-inner {
  cursor: not-allowed;
}
.l-disabled .l-checkbox-inner {
  background-color: #EFEFEF;
  border-color: #CCCED3;
}
.l-disabled .l-checkbox-checked .l-checkbox-inner:after {
  border-color: #CCCED3;
}
.l-disabled .l-checkbox-indeterminate .l-checkbox-inner:after {
  background: #CCCED3;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.l-checkboxlist {
  /*float: left;*/
  display: inline-block;
  padding: 5px;
  overflow: hidden;
}
.l-checkboxlist td {
  padding: 2px 4px;
}
/*.@{checkboxlist}-disabled td {
    color: #ccc;
}*/
/*.@{checkboxlist}-table .@{checkbox}-text {
    margin-left: 5px;
}*/
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
/*.button-group(@btnClassName: btn) {
  .button-group-base(@btnClassName);
  .@{btnClassName} + .@{btnClassName},
  .@{btnClassName} + &,
  span + .@{btnClassName},
  .@{btnClassName} + span,
  > span + span,
  & + .@{btnClassName},
  & + & {
    margin-left: -1px;
  }
  .@{btnClassName}-primary + .@{btnClassName}:not(.@{btnClassName}-primary):not([disabled]) {
    border-left-color: transparent;
  }
  .@{btnClassName} {
    border-radius: 0;
  }
  > .@{btnClassName}:first-child,
  > span:first-child > .@{btnClassName} {
    margin-left: 0;
  }
  > .@{btnClassName}:only-child {
    border-radius: @button-border-radius-base;
  }
  > span:only-child > .@{btnClassName} {
    border-radius: @button-border-radius-base;
  }
  > .@{btnClassName}:first-child:not(:last-child),
  > span:first-child:not(:last-child) > .@{btnClassName} {
    border-top-left-radius: @button-border-radius-base;
    border-bottom-left-radius: @button-border-radius-base;
  }
  > .@{btnClassName}:last-child:not(:first-child),
  > span:last-child:not(:first-child) > .@{btnClassName} {
    border-top-right-radius: @button-border-radius-base;
    border-bottom-right-radius: @button-border-radius-base;
  }
  &-small {
    > .@{btnClassName}:only-child {
      border-radius: @button-border-radius-sm;
    }
    > span:only-child > .@{btnClassName} {
      border-radius: @button-border-radius-sm;
    }
    > .@{btnClassName}:first-child:not(:last-child),
    > span:first-child:not(:last-child) > .@{btnClassName} {
      border-top-left-radius: @button-border-radius-sm;
      border-bottom-left-radius: @button-border-radius-sm;
    }
    > .@{btnClassName}:last-child:not(:first-child),
    > span:last-child:not(:first-child) > .@{btnClassName} {
      border-top-right-radius: @button-border-radius-sm;
      border-bottom-right-radius: @button-border-radius-sm;
    }
  }
  & > & {
    float: left;
  }
  & > &:not(:first-child):not(:last-child) > .@{btnClassName} {
    border-radius: 0;
  }
  & > &:first-child:not(:last-child) {
    > .@{btnClassName}:last-child {
      padding-right: 8px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  }
  & > &:last-child:not(:first-child) > .@{btnClassName}:first-child {
    padding-left: 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}*/
.l-text-dateedit.l-text-lg,
.l-text-dateedit.l-text-sm {
  padding: 0 !important;
}
.l-text-dateedit.l-text-lg .l-trigger {
  line-height: 40px;
}
.l-text-dateedit.l-text-sm .l-trigger {
  line-height: 24px;
}
.layui-laydate-main {
  /*width: 278px;*/
}
.layui-laydate-header {
  transition: color 0.3s ease;
  /*padding: 5px 70px 5px;*/
  padding: 0px;
  display: flex;
  justify-content: space-between;
  /*align-items: center;*/
  height: 48px;
  border: none;
  line-height: 48px;
}
.layui-laydate-header i {
  font-size: 12px;
  top: 2px;
  padding: 0;
  color: #9F9F9F;
}
.layui-laydate-header i:hover {
  color: #75aaff;
}
.layui-laydate-header i.icon-doubleleft {
  left: 65px;
}
.layui-laydate-header i.icon-left {
  left: 85px;
}
.layui-laydate-header i.icon-right {
  right: 85px;
}
.layui-laydate-header i.icon-doubleright {
  right: 65px;
}
.layui-laydate-header .laydate-set-ym {
  line-height: 50px;
}
.layui-laydate-header .laydate-set-ym span {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  padding: 0;
}
.layui-laydate-header .laydate-set-ym span:hover {
  color: #75aaff;
}
.layui-laydate-header-left {
  margin-left: 8px;
  display: flex;
  width: 72px;
  color: #242424;
  font-family: "Microsoft YaHei";
}
.layui-laydate-header-left span:nth-child(1) {
  font-size: 24px;
  font-family: "Microsoft YaHei";
  font-weight: 500;
  color: #262626;
  opacity: 1;
  margin-right: 2px;
}
.layui-laydate-header-left span:nth-child(2) {
  line-height: 55px;
  /*position: absolute;
            left: 44px;
            bottom: 6px;*/
}
.layui-laydate-header-left span:nth-child(2):hover {
  color: #242424;
}
.layui-laydate-header-right {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  margin-right: 8px;
  width: 72px;
}
.layui-laydate-header-right .laydate-btns-now {
  width: 35px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #1890FF;
  opacity: 1;
  border-radius: 14px;
  color: #fff;
  padding: 0;
  /*left: -118px;
        position: absolute;*/
  border: none;
  cursor: pointer;
}
.layui-laydate-content {
  flex: 1;
  padding: 0 12px;
  margin-bottom: 7px;
}
.layui-laydate-content.laydate-day-next,
.layui-laydate-content.laydate-day-prev,
.layui-laydate-content .laydate-day-date {
  color: #D8D8D8;
}
.layui-laydate-content table {
  border-collapse: separate;
  border-spacing: 8px 7px;
  width: 254px;
}
.layui-laydate-content table td {
  /*width: 26px;
            height: 28px;*/
  color: #333;
  font-family: "Microsoft YaHei";
  padding: 0;
  /*&.laydate-day-prev.laydate-selected{
                &:before {
                    background: #D8ECFF;
                }
            }*/
}
.layui-laydate-content table td:before {
  position: absolute;
  top: 50%;
  right: -8px;
  left: 0;
  z-index: -1;
  height: 27px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}
.layui-laydate-content table td.laydate-selected {
  background: #D8ECFF;
}
.layui-laydate-content table td.laydate-selected:before {
  background: #D8ECFF;
}
.layui-laydate-content table th {
  padding: 0;
  height: 27px;
}
.layui-laydate-footer {
  height: 48px;
  display: flex;
  align-items: center;
  border: none;
}
.layui-laydate-footer span {
  color: #4884F2;
}
.layui-laydate-footer span[lay-type=date] {
  color: #4884F2;
}
.layui-laydate-footer span:hover {
  color: #75aaff;
}
.layui-laydate-footer .laydate-footer-btns {
  right: 20px;
  top: 12px;
}
.layui-laydate-content td:hover,
.layui-laydate-list li:hover {
  /*background: @item-hover-bg;*/
  background: #D8ECFF;
  border-radius: 13.5px;
}
.laydate-time-list > li:hover {
  background: 0 0;
}
.layui-laydate .layui-this {
  background-color: #1890FF;
  /*font-weight: bold;*/
  border-radius: 13.5px;
}
.layui-laydate .layui-this-start {
  background-color: #1890FF;
  /*font-weight: bold;*/
  border-radius: 13.5px;
  color: #fff;
}
.layui-laydate .layui-this-start:before {
  background: #D8ECFF;
  left: 65%;
}
.layui-laydate .layui-this-start:hover {
  color: #fff;
}
.layui-laydate .layui-this-end {
  background-color: #1890FF;
  /*font-weight: bold;*/
  border-radius: 17px;
  color: #fff;
}
.layui-laydate .layui-this-end:before {
  background: #D8ECFF;
  right: 65%;
}
.layui-laydate .layui-this-end:hover {
  color: #fff;
}
.laydate-footer-btns span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  touch-action: manipulation;
  user-select: none;
  cursor: pointer;
  white-space: nowrap;
  font-weight: 400;
  border: 1px solid #D9D9D9;
  padding: 8px 16px 7px;
  height: 28px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  /*&:not(&-disabled):hover {
        text-decoration: none;
    }

    &:not(&-disabled):active {
        outline: 0;
        transition: none;
    }*/
  color: #fff;
  background-color: #4884F2;
  border-color: #4884F2;
  padding: 3px 16px;
  font-size: 14px;
  border-radius: 4px;
  height: 24px;
  line-height: 22px;
  /*margin-left: 8px;*/
  border-radius: 2px;
  font-size: 12px;
}
.laydate-footer-btns span,
.laydate-footer-btns span:active,
.laydate-footer-btns span:focus {
  outline: 0;
}
.laydate-footer-btns span-disabled {
  cursor: not-allowed;
}
.laydate-footer-btns span-disabled > * {
  pointer-events: none;
}
.laydate-footer-btns span-large {
  padding: 8px 16px 7px;
  font-size: 16px;
  border-radius: 4px;
  height: 32px;
}
.laydate-footer-btns span-small {
  padding: 3px 16px;
  font-size: 12px;
  border-radius: 4px;
  height: 24px;
}
.laydate-footer-btns span:hover,
.laydate-footer-btns span:focus {
  color: #fff;
  background-color: #669CFF;
  border-color: #669CFF;
}
.laydate-footer-btns span:active,
.laydate-footer-btns span.active {
  color: #fff;
  background-color: #669CFF;
  border-color: #669CFF;
}
.laydate-footer-btns span.laydate-btns-now {
  width: 24px;
  height: 24px;
  background: #D8D8D8;
  opacity: 1;
  border-radius: 14px;
  color: #fff;
  padding: 0;
  left: -118px;
  position: absolute;
  border: none;
}
.laydate-footer-btns span.laydate-btns-clear {
  background: #fff;
  width: 56px;
  height: 24px;
  border: 1px solid #DFDFDF;
  opacity: 1;
  border-radius: 2px;
  margin-right: 8px;
  color: #757575;
}
.laydate-footer-btns span.laydate-disabled {
  border-color: #D9D9D9;
}
.laydate-footer-btns span.laydate-disabled-disabled,
.laydate-footer-btns span.laydate-disabled-disabled:hover,
.laydate-footer-btns span.laydate-disabled-disabled:focus,
.laydate-footer-btns span.laydate-disabled-disabled:active,
.laydate-footer-btns span.laydate-disabled-disabled.active {
  color: #CCCED3;
  background-color: #EFEFEF;
  border-color: #E2E2E2;
  text-shadow: none;
  box-shadow: none;
}
.layui-laydate,
.layui-laydate-hint {
  background-color: #fff;
  box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.16);
  background-clip: padding-box;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 12px;
  border: none;
  /*width: 278px;*/
  /*border:@border-width-base @border-style-base #fff;*/
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.l-drag-ghost {
  display: inline-block;
  padding: 6px;
  border-radius: 2px;
  z-index: 9999;
  position: absolute;
  background: white;
  border: 1px solid #ccc;
}
.l-drag-ghost-icon.icon-close-circle-fill {
  font-size: 14px;
  color: red;
}
.l-drag-ghost-icon.icon-check-circle-fill {
  font-size: 14px;
  color: green;
}
.l-drag-ghost-text {
  font-size: 14px;
}
.l-drag-down,
.l-drag-up {
  /*font-size: 14px;*/
  color: green;
  position: fixed;
  z-index: 9998;
}
.l-drag-down::before {
  line-height: 1;
  vertical-align: bottom;
}
.l-drag-up::before {
  line-height: 1;
  vertical-align: top;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.l-drawer {
  position: fixed;
  z-index: 1000;
  width: 0%;
  height: 100%;
  -webkit-transition: height 0s ease 0.3s, width 0s ease 0.3s, -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: height 0s ease 0.3s, width 0s ease 0.3s, -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), height 0s ease 0.3s, width 0s ease 0.3s;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), height 0s ease 0.3s, width 0s ease 0.3s, -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.l-drawer > * {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), -webkit-box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), -webkit-box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), -webkit-box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.l-drawer-content-wrapper {
  position: absolute;
}
.l-drawer .l-drawer-content {
  width: 100%;
  height: 100%;
}
.l-drawer-left,
.l-drawer-right {
  top: 0;
  width: 0%;
  height: 100%;
}
.l-drawer-left .l-drawer-content-wrapper,
.l-drawer-right .l-drawer-content-wrapper {
  height: 100%;
}
.l-drawer-left.l-drawer-open,
.l-drawer-right.l-drawer-open {
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.l-drawer-left.l-drawer-open.no-mask,
.l-drawer-right.l-drawer-open.no-mask {
  width: 0%;
}
.l-drawer-left.l-drawer-open .l-drawer-content-wrapper {
  -webkit-box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
}
.l-drawer-right {
  right: 0;
}
.l-drawer-right .l-drawer-content-wrapper {
  right: 0;
}
.l-drawer-right.l-drawer-open .l-drawer-content-wrapper {
  -webkit-box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
}
.l-drawer-right.l-drawer-open.no-mask {
  right: 1px;
  -webkit-transform: translateX(1px);
  -ms-transform: translateX(1px);
  transform: translateX(1px);
}
.l-drawer-top,
.l-drawer-bottom {
  left: 0;
  width: 100%;
  height: 0%;
}
.l-drawer-top .l-drawer-content-wrapper,
.l-drawer-bottom .l-drawer-content-wrapper {
  width: 100%;
}
.l-drawer-top.l-drawer-open,
.l-drawer-bottom.l-drawer-open {
  height: 100%;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.l-drawer-top.l-drawer-open.no-mask,
.l-drawer-bottom.l-drawer-open.no-mask {
  height: 0%;
}
.l-drawer-top {
  top: 0;
}
.l-drawer-top.l-drawer-open .l-drawer-content-wrapper {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.l-drawer-bottom {
  bottom: 0;
}
.l-drawer-bottom .l-drawer-content-wrapper {
  bottom: 0;
}
.l-drawer-bottom.l-drawer-open .l-drawer-content-wrapper {
  -webkit-box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
}
.l-drawer-bottom.l-drawer-open.no-mask {
  bottom: 1px;
  -webkit-transform: translateY(1px);
  -ms-transform: translateY(1px);
  transform: translateY(1px);
}
.l-drawer.l-drawer-open .l-drawer-mask {
  height: 100%;
  opacity: 1;
  -webkit-transition: none;
  transition: none;
  -webkit-animation: antdDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  animation: antdDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.l-drawer-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.l-drawer-content {
  position: relative;
  z-index: 1;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
}
.l-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;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  text-rendering: auto;
}
.l-drawer-close:focus,
.l-drawer-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.l-drawer-header {
  position: relative;
  padding: 16px 24px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
}
.l-drawer-header-no-title {
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
}
.l-drawer-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
}
.l-drawer-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: rgba(0, 0, 0, 0.45);
  opacity: 0;
  filter: alpha(opacity=45);
  -webkit-transition: opacity 0.3s linear, height 0s ease 0.3s;
  transition: opacity 0.3s linear, height 0s ease 0.3s;
}
.l-drawer-open-content {
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
@-webkit-keyframes antdDrawerFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antdDrawerFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.l-text-dropdownedit.l-text-lg,
.l-text-dropdownedit.l-text-sm {
  padding: 0 !important;
}
.l-text-dropdownedit.l-text-lg .l-trigger {
  line-height: 40px;
}
.l-text-dropdownedit.l-text-sm .l-trigger {
  line-height: 24px;
}
.l-text-dropdownedit .l-trigger-icon {
  background: none;
  font-size: 12px;
  -webkit-transition: -webkit-transform 0.2s ease;
  -moz-transition: transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.l-text-dropdownedit.open .l-trigger-icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.l-box-select {
  font-family: "Microsoft YaHei";
  font-variant: tabular-nums;
  line-height: 1.5;
  /*color: @text-color;*/
  color: #707070;
  margin: 0;
  padding: 0;
  list-style: none;
  font-variant: initial;
  width: 112px;
  background-color: #fff;
  box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  box-sizing: border-box;
  z-index: 99999;
  left: -9999px;
  top: -9999px;
  position: absolute;
  outline: none;
  font-size: 12px;
}
.l-box-select td {
  position: relative;
  display: block;
  padding: 5px 12px;
  line-height: 14px;
  font-weight: normal;
  color: #707070;
  white-space: nowrap;
  cursor: pointer;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background 0.3s ease;
}
.l-box-select td:hover {
  /*background-color: @item-hover-bg;*/
  background-color: #E4F5FF;
}
.l-box-select td.l-text-dropdownedit-item-enabled {
  color: #C9C9C9;
  cursor: not-allowed;
}
.l-box-select td.l-text-dropdownedit-item-enabled:hover {
  color: #C9C9C9 !important;
  background-color: #fff !important;
  cursor: not-allowed !important;
}
.l-box-select td.l-text-dropdownedit-item-selected {
  background: #d8ecff;
  color: #fff;
}
.l-box-select td.l-text-dropdownedit-item-selected:hover {
  background-color: #E4F5FF;
  font-weight: 400;
  color: #707070;
}
.l-box-select td.l-text-dropdownedit-item-active {
  background-color: #E4F5FF;
}
.l-box-select .l-box-select-inner {
  outline: none;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  max-height: 250px;
  overflow: auto;
}
.l-box-select .l-box-select-inner .l-box-select-table {
  margin: 0;
  padding: 0;
  width: 100%;
}
.l-box-select .l-box-select-inner .l-box-select-table .allcheck {
  padding-right: 2px;
}
.l-box-select .l-box-select-inner .l-box-select-table .num {
  color: #02407c;
  padding: 0 2px;
}
.l-box-select .l-box-select-inner .l-table-checkbox {
  border-spacing: 0px;
}
.l-table-checkbox td {
  display: table-cell !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background-color: transparent;
  padding-right: 0 !important;
}
.l-table-checkbox td:hover {
  background-color: transparent !important;
}
.l-table-checkbox .l-chckbox-tr-disabled:hover {
  background-color: #fff !important;
}
.l-table-checkbox .l-checkbox-tr-selected {
  background: #d8ecff;
  color: #fff;
}
.l-table-checkbox .l-checkbox-tr-selected:hover {
  background-color: #E4F5FF;
  font-weight: 400;
  color: #707070;
}
.l-table-checkbox tr {
  background-color: #fff;
  transition: background 0.3s ease;
}
.l-table-checkbox tr:hover {
  background-color: #D8ECFF;
}
.l-box-group td:not(.l-text-dropdownedit-item-group) {
  padding-left: 20px;
}
.l-box-select-table .l-text-dropdownedit-item-group {
  color: rgba(0, 0, 0, 0.45);
  padding: 0 12px;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
}
.l-box-select-table td.l-text-dropdownedit-item-group:hover {
  background-color: inherit !important;
  border-color: inherit !important;
  color: rgba(0, 0, 0, 0.45) !important;
  cursor: default;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.l-button-fileupload {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.upfile {
  display: none;
}
.l-upload-wrapper {
  display: inline-flex;
}
.l-upload-picture-wrapper {
  position: relative;
  display: flex;
  float: left;
  align-items: center;
  width: 104px;
  height: 104px;
  margin-right: 8px;
  margin-bottom: 8px;
  text-align: center;
  vertical-align: middle;
  background-color: #f3f3f3;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.l-upload-picture-wrapper .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  transition: 0.2s;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.l-upload-picture-wrapper .mask:hover {
  opacity: 1;
}
.l-upload-picture-wrapper .mask .marginr22 {
  margin-right: 22px;
}
.l-upload-picture-wrapper .mask i {
  font-size: 28px;
  color: rgba(250, 250, 250, 0.6);
  transition: 0.2s;
  user-select: none;
  cursor: pointer;
}
.l-upload-picture-wrapper .mask i:hover {
  color: #fff;
}
.l-upload-picture-wrapper:hover {
  border-color: #40a9ff;
}
.picture-text > .iconfont {
  font-size: 32px;
  color: #999;
}
.l-upload-picture-wrapper > img {
  width: 100%;
  height: 100%;
  padding: 8px;
}
.picture-box {
  display: table-cell;
  width: 100%;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
}
.example-h {
  display: flex;
  justify-content: center;
  align-items: center;
}
.example-v {
  flex-direction: column;
  justify-content: space-around;
  padding: 3% 0%;
}
.picture-text-b {
  color: #878F95;
}
.picture-box-example {
  width: 42%;
  height: 60%;
  background: #fff;
  padding: 2% 2% 5%;
  border-radius: 12px;
}
.picture-box-example img {
  width: 100%;
  height: 100%;
}
.picture-box-example .example-title {
  padding-top: 8px;
  color: #878F95;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
/*.@{grouppanel} {
    padding-bottom: 5px;
}

// #*# 下面不规范，需要改
.l-groupPanel {
    border: 1px solid #c5c5c5;
    padding: 5px;
    display: inline-block;
}

    .l-groupPanel legend {
        padding: 0 5px;
        margin-left: 10px;
    }*/
.l-grouppanel {
  border: 1px solid #D9D9D9;
  border-radius: 2px;
  padding-block-start: 0.35em;
  padding-inline-start: 0.75em;
  padding-inline-end: 0.75em;
  padding-block-end: 0.625em;
}
.l-grouppanel legend {
  width: auto;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
/*@@{hpanel}: ~'@{vango-prefix}-checkbox';*/
.hpanel {
  border-spacing: 0;
  display: flex;
  flex-direction: column;
  position: relative;
}
/*统一所有@{hpanel}里面第一层的div为左浮动*/
.hpanel > .l-panel-content > .l-panel-inner > div {
  float: left !important;
}
/*统一@{hpanel}最后一个div不浮动*/
.hpanel > .l-panel-content > .l-panel-inner > div:last-child {
  float: none !important;
  overflow: hidden;
}
.hpanel > .l-panel-content > .l-panel-inner > .l-grid:last-child {
  float: none;
  overflow: hidden;
}
.hpanel > .l-panel-content > .l-panel-inner > .l-grid:first-child {
  float: left;
}
/*所有面板内部的控件之间的margin统一,*/
.l-panel .panel-li,
.hpanel .panel-li,
.vpanel .panel-li {
  margin: 0 5px 5px 0;
}
/*垂直top,middle,bottom效果*/
.vertical-align-top:before {
  display: inline-block;
  height: 100%;
  vertical-align: top;
  content: "";
}
.vertical-align-middle:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: "";
}
.vertical-align-bottom:before {
  display: inline-block;
  height: 100%;
  vertical-align: bottom;
  content: "";
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.l-hspacer {
  opacity: 0;
  float: left;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.l-imageview {
  float: left;
}
.l-imageview .l-image {
  background-size: 100% 100%;
}
.imguploadcontainer p {
  margin: 0;
  padding: 0;
}
.imguploadtitle {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 5px;
  justify-content: space-between;
  align-items: center;
}
.imguploadtitlebutton {
  display: flex;
  font-size: 13px;
  color: #364FCD;
}
.imguploadtitlebutton p {
  cursor: pointer;
}
.imguploadtitlebutton p:hover {
  color: red;
}
.imguploadcontainer {
  width: 512px;
  padding-top: 10px;
  min-height: 380px;
  display: flex;
  flex-direction: column;
  border: 1px solid gray;
  align-items: start;
  position: relative;
}
.pic {
  height: 126px;
  width: 166px;
  margin: 2px;
  position: relative;
}
.rad {
  padding: 0px 5px;
  float: left;
  position: absolute;
  background-color: white;
  border-radius: 10px;
  right: 2px;
  top: 2px;
  font-size: 12px;
  cursor: pointer;
}
.imguploaddeletebutton {
  width: 25%;
  height: 20px;
  float: right;
  text-align: right;
  padding-right: 3px;
}
.imguploaddeletebutton p {
  cursor: pointer;
  color: #364FCD;
}
.imguploaddeletebutton p:hover {
  color: red;
}
.imguploadmask {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.emptypic {
  width: 130px;
  height: 100px;
}
.imguploaddesc {
  width: 166px;
  height: 20px;
  background-color: white;
  opacity: 0.7;
  position: absolute;
  bottom: 0;
}
.imgdisplaybutton {
  width: 120px;
  height: 40px;
  float: left;
}
.imgdisplaybutton div {
  width: 38px;
  height: 38px;
  border: 1px solid darkgray;
  border-radius: 50%;
  text-align: center;
  background-color: gray;
}
.imgdisplaybutton div h2 {
  color: white;
  cursor: pointer;
}
.imgdisplaybutton div h2:hover {
  color: #364FCD;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
/*
    用到的变量
    label-height
    label-line-height
    label-margin-right
*/
.l-label-wrapper .l-text-label {
  /*margin-right: 10px;*/
}
.l-label-required {
  color: red;
}
.l-text-label {
  display: inline-block;
  vertical-align: top;
  line-height: 28px;
  height: 28px;
  text-align: left;
  overflow: hidden;
}
.l-label-span {
  margin-right: 5px;
}
.l-label {
  /*float: left;*/
  display: inline-block;
  /*不用以前的float布局,配合上面的l-text-label使用 by zyc 2019-12-03 */
  line-height: 28px;
  height: 28px;
  text-align: left;
}
.text-overflow {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
/*.button-group(@btnClassName: btn) {
  .button-group-base(@btnClassName);
  .@{btnClassName} + .@{btnClassName},
  .@{btnClassName} + &,
  span + .@{btnClassName},
  .@{btnClassName} + span,
  > span + span,
  & + .@{btnClassName},
  & + & {
    margin-left: -1px;
  }
  .@{btnClassName}-primary + .@{btnClassName}:not(.@{btnClassName}-primary):not([disabled]) {
    border-left-color: transparent;
  }
  .@{btnClassName} {
    border-radius: 0;
  }
  > .@{btnClassName}:first-child,
  > span:first-child > .@{btnClassName} {
    margin-left: 0;
  }
  > .@{btnClassName}:only-child {
    border-radius: @button-border-radius-base;
  }
  > span:only-child > .@{btnClassName} {
    border-radius: @button-border-radius-base;
  }
  > .@{btnClassName}:first-child:not(:last-child),
  > span:first-child:not(:last-child) > .@{btnClassName} {
    border-top-left-radius: @button-border-radius-base;
    border-bottom-left-radius: @button-border-radius-base;
  }
  > .@{btnClassName}:last-child:not(:first-child),
  > span:last-child:not(:first-child) > .@{btnClassName} {
    border-top-right-radius: @button-border-radius-base;
    border-bottom-right-radius: @button-border-radius-base;
  }
  &-small {
    > .@{btnClassName}:only-child {
      border-radius: @button-border-radius-sm;
    }
    > span:only-child > .@{btnClassName} {
      border-radius: @button-border-radius-sm;
    }
    > .@{btnClassName}:first-child:not(:last-child),
    > span:first-child:not(:last-child) > .@{btnClassName} {
      border-top-left-radius: @button-border-radius-sm;
      border-bottom-left-radius: @button-border-radius-sm;
    }
    > .@{btnClassName}:last-child:not(:first-child),
    > span:last-child:not(:first-child) > .@{btnClassName} {
      border-top-right-radius: @button-border-radius-sm;
      border-bottom-right-radius: @button-border-radius-sm;
    }
  }
  & > & {
    float: left;
  }
  & > &:not(:first-child):not(:last-child) > .@{btnClassName} {
    border-radius: 0;
  }
  & > &:first-child:not(:last-child) {
    > .@{btnClassName}:last-child {
      padding-right: 8px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  }
  & > &:last-child:not(:first-child) > .@{btnClassName}:first-child {
    padding-left: 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}*/
.layui-layer-title {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
.layui-layer-setwin .layui-layer-close {
  position: initial;
}
.layui-layer-setwin .layui-layer-max {
  background-position: unset;
}
.layui-layer-setwin .layui-layer-close1 {
  background-position: unset;
}
.layui-layer-setwin .layui-layer-close1:hover {
  color: rgba(0, 0, 0, 0.85);
  opacity: 1;
}
.layui-layer-setwin i {
  /*margin-left: 10px;*/
  position: relative;
  /*width: 16px;*/
  /*height: 16px;*/
  cursor: pointer;
  color: #AFAFAF;
  font-size: 18px;
}
.layui-layer-setwin i:hover {
  color: #75aaff;
}
.layui-layer-ico {
  background: none;
}
.layui-layer-page .arrow {
  position: absolute;
  color: #fff;
  width: 0px;
  height: 0px;
  line-height: 0px;
  border-width: 0 14px 16px;
  border-style: solid dashed dashed dashed;
  border-left-color: transparent;
  border-right-color: transparent;
  top: -11px;
  left: 16px;
  z-index: -1;
}
.layui-layer-page .layui-layer-title {
  background: #ECF1F9;
}
.layui-layer-dialog .layui-layer-content {
  color: #545454;
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico {
  top: auto;
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico.iconfont {
  font-size: 28px;
  width: 28px;
  height: 28px;
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico.layui-layer-ico1 {
  color: #52c41a;
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico.layui-layer-ico2 {
  color: #f5222d;
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico.layui-layer-ico0,
.layui-layer-dialog .layui-layer-content .layui-layer-ico.layui-layer-ico3 {
  color: #faad14;
}
.layui-layer-content {
  padding: 10px 18px;
  outline: none;
}
.layui-layer-btn .layui-layer-btn-ok {
  color: #fff;
  background-color: #4884F2;
  border-color: #4884F2;
  text-decoration: none;
  /*margin-left: 16px;*/
}
.layui-layer-btn .layui-layer-btn-ok:hover,
.layui-layer-btn .layui-layer-btn-ok:focus {
  color: #fff;
  background-color: #669CFF;
  border-color: #669CFF;
}
.layui-layer-btn .layui-layer-btn-ok:active,
.layui-layer-btn .layui-layer-btn-ok.active {
  color: #fff;
  background-color: #669CFF;
  border-color: #669CFF;
}
.layui-layer-btn {
  /*text-align: @modal-info-btn-align;*/
}
.layui-layer-btn a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  touch-action: manipulation;
  user-select: none;
  cursor: pointer;
  white-space: nowrap;
  font-weight: 400;
  border: 1px solid #D9D9D9;
  padding: 8px 16px 7px;
  font-size: 12px;
  border-radius: 4px;
  height: 28px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  /*&:not(&-disabled):hover {
        text-decoration: none;
    }

    &:not(&-disabled):active {
        outline: 0;
        transition: none;
    }*/
  color: #3A4E64;
  background-color: #fff;
  border-color: #D9D9D9;
  text-decoration: none;
}
.layui-layer-btn a,
.layui-layer-btn a:active,
.layui-layer-btn a:focus {
  outline: 0;
}
.layui-layer-btn a-disabled {
  cursor: not-allowed;
}
.layui-layer-btn a-disabled > * {
  pointer-events: none;
}
.layui-layer-btn a-large {
  padding: 8px 16px 7px;
  font-size: 16px;
  border-radius: 4px;
  height: 32px;
}
.layui-layer-btn a-small {
  padding: 3px 16px;
  font-size: 12px;
  border-radius: 4px;
  height: 24px;
}
.layui-layer-btn a:hover,
.layui-layer-btn a:focus {
  color: #75aaff;
  background-color: #fff;
  border-color: #40a9ff;
}
.layui-layer-btn a:active,
.layui-layer-btn a.active {
  color: #3363cc;
  background-color: #fff;
  border-color: #40a9ff;
}
.layui-layer-btn a:hover,
.layui-layer-btn a:focus,
.layui-layer-btn a:active,
.layui-layer-btn a.active {
  color: #40a9ff;
  background: #fff;
  text-decoration: none;
}
.empty .layui-layer-content {
  padding: 0;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.l-layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  overflow: hidden;
}
.l-layout.l-layout-has-sider {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.l-layout-sub-header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: flex;
  height: 35px;
  line-height: 35px;
  min-height: 35px;
  min-width: 35px;
  background: #F1F5FF;
}
.l-layout-title {
  display: flex;
  position: relative;
  overflow: hidden;
  color: #545454;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  margin-left: 17px;
  font-weight: bold;
}
.l-layout-title > span {
  width: 100%;
  margin-left: 5px;
}
.l-layout-tools {
  margin: 0 auto;
  /*折叠的时候自动居中显示*/
  overflow: hidden;
  color: #545454;
}
.l-layout-toolitem {
  display: inline-block;
  padding: 0 10px;
  cursor: pointer;
}
.l-layout-sub-header-toggle {
  display: none;
}
.l-layout-sub-header-toggle.collapsible {
  display: block;
}
.l-layout-header,
.l-layout-footer,
.l-layout-sider,
.l-layout-content {
  display: flex;
  overflow: hidden;
  background-color: #fff;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -ms-flex: none;
  -webkit-flex: none;
  flex: none;
  border-radius: 2px;
  -webkit-transition: all 0.3s;
  transition: all 0.4s;
}
.l-layout-content {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.l-layout-sub-content {
  /*display:flex;*/
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  overflow: auto;
  flex-wrap: wrap;
  /*-ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;*/
  height: 100%;
  /*注意: 这里用flex:1的时候，父元素没有高度的时候, 即使有内容也不能撑满，所以换成height:100%的方式 by zyc 2018-11-23*/
}
.l-layout-header > .l-layout-sub-content {
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.l-layout-sider > .l-layout-sub-content {
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  /*min-height: -moz-min-content;
    min-height: -webkit-min-content;
    min-height: min-content;*/
}
.l-layout-drophandle-base {
  background-color: #fafafa;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-layout-drophandle-left,
.l-layout-drophandle-right {
  width: 6px;
  min-width: 6px;
  cursor: col-resize;
}
.l-layout-drophandle-top,
.l-layout-drophandle-bottom {
  min-height: 6px;
  height: 6px;
  cursor: row-resize;
}
.l-layout-drophandle-left > div,
.l-layout-drophandle-right > div {
  height: 60px;
  width: 6px;
  cursor: pointer;
}
.l-layout-drophandle-top > div,
.l-layout-drophandle-bottom > div {
  width: 60px;
  height: 6px;
  cursor: pointer;
}
.l-layout-drophandle-icon {
  position: relative;
}
.l-layout-drophandle-icon > .iconfont {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -7px;
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  color: #888;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.l-listbox {
  /*float: left; // 用作与label一起浮动的*/
  display: inline-block;
  border: 1px solid #D9D9D9;
  width: 120px;
  height: 120px;
}
.l-listbox-inner {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.l-listbox-inner .l-listbox-table {
  margin: 0;
  padding: 0;
  width: 100%;
}
.l-listbox tr:focus {
  outline: none;
}
.l-listbox tr:hover td,
.l-listbox tr.l-over td {
  cursor: pointer;
  background-color: #D8ECFF;
  color: #75aaff;
}
.l-listbox tr.l-selected td {
  background-color: #D8ECFF;
  color: #3363cc;
}
.l-listbox td {
  text-align: left;
  user-select: none;
  padding: 0 0 0 5px;
  height: 28px;
  line-height: 28px;
}
.l-listbox .l-table-nocheckbox .l-checkboxrow {
  display: none;
  width: 0;
}
/*.@{listbox} .l-selected i {
    color: #4e97d9;
}*/
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.l-text-memoedit {
  line-height: 1.5 !important;
  padding-top: 1px;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.l-menu {
  position: absolute;
  display: none;
  float: left;
  top: 100%;
  left: 0;
  margin: 0;
  text-align: left;
  list-style: none;
  z-index: 1200;
  min-width: 80px;
  /*-webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;*/
  /*border: @border-width-base @border-style-base @border-color-base;*/
  border-radius: 4px;
  padding: 0;
  -webkit-box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.16);
  background-color: #fff;
}
.l-menu > li {
  margin: 4px;
  outline: none;
}
.l-menu > li > a {
  display: block;
  clear: both;
  text-decoration: none;
  outline: 0;
  padding: 7px 11px !important;
  color: #707070 !important;
  font-size: 12px !important;
  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);
  display: flex;
  justify-content: space-between;
  align-items: center;
  /*transition: transform 0.15s @ease-out, opacity 0.15s @ease-out;*/
  /*font-weight: 400;*/
  /*-webkit-transition: background-color .25s;
    -o-transition: background-color .25s;
    -moz-transition: background-color .25s;*/
}
/*.@{menu} > li > a:hover {
        color: @vgmenu-item-highlight-color;
        text-decoration: none;
        background-color: @vgmenu-item-highlight-bg-color;
    }

     .@{menu} > .l-selected {
    color:@vgmenu-item-active-color;
    background-color: @vgmenu-item-active-color;
    text-decoration: none;
    outline: 0;
    }*/
/*.@{menu} > .l-selected .@{menu}-item-text {
            color: @vgmenu-item-highlight-color;
        }*/
.l-menu > .active > a,
.l-menu > .active > a:focus,
.l-menu > .l-selected > a {
  color: #3363cc;
  background-color: #D8ECFF;
}
.l-menu > .active > a:hover,
.l-menu > li > a:hover {
  background-color: #D8ECFF;
}
.l-menu > .l-menu-item-disable > a,
.l-menu > .l-menu-item-disable > a:focus,
.l-menu > .l-menu-item-disable > a:hover {
  color: #D1D1D1 !important;
}
.l-menu > .l-menu-item-disable > a:focus,
.l-menu > .l-menu-item-disable > a:hover {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
}
.l-menu-child-icon {
  display: inline-block;
  font-size: 16px;
  margin-left: 30px;
}
.l-menu .l-menu-item-checkbox {
  vertical-align: middle;
  margin-right: 6px;
}
.l-menu .l-menu-item-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
}
.l-menu .l-menu-item-line {
  height: 1px;
  margin: 4px 16px;
  padding: 0 16px;
  overflow: hidden;
  background-color: #E2E6ED;
}
/*.@{menu} li .icon:first-child, .@{menu} li > a .iconfont:first-child {
    text-align: center;
}*/
/*.@{menu}-item-text {
}*/
/*
    菜单字体图标
*/
/*.@{menu}-icon, .@{menu}-item-checkbox {
    width: 1.4em;
    height: 16px;
    float: left;
    margin-right: .5em;
}*/
/*
    菜单禁用
*/
.l-menu-item-disable {
  cursor: default;
}
/*菜单快捷键*/
.l-menu-item-shortcut {
  padding: 2px 0px 0px 20px;
  float: right;
  font-size: 12px;
}
/*调整主菜单向左图标样式*/
.l-menu-icon-left {
  background: none !important;
  overflow: visible;
  font-size: 12px !important;
  top: 0 !important;
  height: 30px !important;
}
.l-menu-icon-layout-right {
  background: none !important;
  overflow: visible;
  font-size: 12px !important;
  top: 0 !important;
  height: 30px !important;
}
/*调整主菜单向右图标样式*/
.l-menu-icon-right {
  background: none !important;
  overflow: visible;
  font-size: 12px !important;
  top: 3px !important;
  left: 5px;
}
/*调整菜单图标样式*/
.l-menu-icon-item {
  background: none !important;
  overflow: visible;
  font-size: 12px !important;
  top: 0 !important;
}
/*.l-panel-btn-over, .l-panel-btn-selected {
    background: #178acc;

    color: #fff;
    transition: all .3s;
    -webkit-transition: all .3s;
}*/
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.l-menubar {
  background: #4e97d9;
  height: 62px;
  /*font-size: 14px;*/
  border: 1px solid #D9D9D9;
}
.l-menubar-item {
  float: left;
  margin-left: 6px;
}
.l-menubar-item span .iconfont {
  margin-right: 8px;
}
/*.@{menubar}-item-down {
    content: '';
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    border-color: #fff transparent transparent;
    overflow: hidden;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
    position: absolute;
    top: 28px;
    right: 5px;
    border-width: 6px;
}*/
/*.@{menubar}-item-over {
}*/
.l-menubar-nav {
  position: absolute;
  width: 0;
  height: 5px;
  background-color: #4e97d9;
  transition: all 0.2s;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
#toast-container > div.l-vango-message {
  font-family: "Microsoft YaHei";
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  color: #131313;
  padding: 10px 16px;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16);
  background: #fff;
  pointer-events: all;
}
#toast-container > div.l-vango-message .l-message-iconFont {
  float: left;
  margin-right: 8px;
}
#toast-container > div.l-vango-message .l-message-iconFont i {
  font-size: 16px;
}
#toast-container > div.l-vango-message .l-message-iconFont.info {
  color: #1890ff;
}
#toast-container > div.l-vango-message .l-message-iconFont.success {
  color: #52c41a;
}
#toast-container > div.l-vango-message .l-message-iconFont.error {
  color: #f5222d;
}
#toast-container > div.l-vango-message .l-message-iconFont.warning {
  color: #faad14;
}
#toast-container > div.l-vango-message.notification .toast-message {
  padding-left: 24px;
}
.toast-close-button {
  color: rgba(0, 0, 0, 0.45);
  outline: none;
}
.toast-close-button:hover {
  color: rgba(0, 0, 0, 0.67);
}
.toast-title {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.85);
  margin-bottom: 8px;
  line-height: 24px;
  font-weight: normal;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.l-navmenu {
  font-family: "Microsoft YaHei";
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  /*color: @text-color;*/
  color: #707070;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  margin-bottom: 0;
  padding-left: 0;
  color: #131313;
  line-height: 0;
  list-style: none;
  background: #fff;
  outline: none;
  box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.16);
  /*transition: background 0.3s, width 0.2s;*/
  zoom: 1;
}
.l-navmenu:before,
.l-navmenu:after {
  content: "";
  display: table;
}
.l-navmenu:after {
  clear: both;
}
.l-navmenu ul,
.l-navmenu ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.l-navmenu-hover {
  background: #fff;
  color: #2D6DD2;
}
.l-navmenu-hidden {
  display: none !important;
}
.l-navmenu-item-group-title {
  padding: 8px 16px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5;
  transition: all 0.3s;
}
.l-navmenu-submenu,
.l-navmenu-submenu-inline {
  /*transition: border-color 0.3s @ease-in-out, background 0.3s @ease-in-out, padding 0.15s @ease-in-out;*/
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.l-navmenu-submenu-selected {
  color: #4884F2;
}
.l-navmenu-submenu-group-display {
  display: flex;
}
.l-navmenu-item:active,
.l-navmenu-submenu-title:active {
  background: #D8ECFF;
}
.l-navmenu-submenu .l-navmenu-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);
}
.l-navmenu-item > a {
  display: block;
  color: #131313;
}
.l-navmenu-item > a:hover {
  color: #4884F2;
}
.l-navmenu-item > a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: '';
}
.l-navmenu-item-divider {
  height: 1px;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.l-navmenu-item-line {
  height: 1px !important;
  background: #E9E9E9;
  opacity: 1;
}
.l-navmenu-item:hover,
.l-navmenu-item-active,
.l-navmenu:not(.l-navmenu-inline) .l-navmenu-submenu-open,
.l-navmenu-submenu-active,
.l-navmenu-submenu-title:hover {
  color: #4884F2;
  background: #CFE2FF;
}
.l-navmenu-horizontal .l-navmenu-item,
.l-navmenu-horizontal .l-navmenu-submenu {
  margin-top: -1px;
}
.l-navmenu-horizontal > .l-navmenu-item:hover,
.l-navmenu-horizontal > .l-navmenu-item-active,
.l-navmenu-horizontal > .l-navmenu-submenu .l-navmenu-submenu-title:hover {
  background-color: transparent;
}
.l-navmenu-item-selected {
  color: #4884F2;
}
.l-navmenu-item-selected > a,
.l-navmenu-item-selected > a:hover {
  color: #4884F2;
}
.l-navmenu:not(.l-navmenu-horizontal) .l-navmenu-item-selected {
  background-color: #D8ECFF;
}
.l-navmenu-inline,
.l-navmenu-vertical,
.l-navmenu-vertical-left {
  border-right: 1px solid #e8e8e8;
}
.l-navmenu-vertical-right {
  border-left: 1px solid #e8e8e8;
}
.l-navmenu-vertical.l-navmenu-sub,
.l-navmenu-vertical-left.l-navmenu-sub,
.l-navmenu-vertical-right.l-navmenu-sub {
  min-width: 160px;
  padding: 0;
  border-right: 0;
  transform-origin: 0 0;
}
.l-navmenu-vertical.l-navmenu-sub .l-navmenu-item,
.l-navmenu-vertical-left.l-navmenu-sub .l-navmenu-item,
.l-navmenu-vertical-right.l-navmenu-sub .l-navmenu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.l-navmenu-vertical.l-navmenu-sub .l-navmenu-item::after,
.l-navmenu-vertical-left.l-navmenu-sub .l-navmenu-item::after,
.l-navmenu-vertical-right.l-navmenu-sub .l-navmenu-item::after {
  border-right: 0;
}
.l-navmenu-vertical.l-navmenu-sub > .l-navmenu-item,
.l-navmenu-vertical-left.l-navmenu-sub > .l-navmenu-item,
.l-navmenu-vertical-right.l-navmenu-sub > .l-navmenu-item,
.l-navmenu-vertical.l-navmenu-sub > .l-navmenu-submenu,
.l-navmenu-vertical-left.l-navmenu-sub > .l-navmenu-submenu,
.l-navmenu-vertical-right.l-navmenu-sub > .l-navmenu-submenu {
  transform-origin: 0 0;
}
.l-navmenu-horizontal.l-navmenu-sub {
  min-width: 114px;
}
.l-navmenu-item,
.l-navmenu-submenu-title {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 20px;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  /*transition: color 0.3s @ease-in-out, border-color 0.3s @ease-in-out, background 0.3s @ease-in-out, padding 0.15s @ease-in-out;*/
}
.l-navmenu-item .iconfont,
.l-navmenu-submenu-title .iconfont {
  min-width: 14px;
  margin-right: 10px;
  font-size: 14px;
  /*transition: font-size 0.15s @ease-out, margin 0.3s @ease-in-out;*/
}
.l-navmenu-item .iconfont + span,
.l-navmenu-submenu-title .iconfont + span {
  user-select: none;
  opacity: 1;
  /*transition: opacity 0.3s @ease-in-out, width 0.3s @ease-in-out;*/
}
.l-navmenu > .l-navmenu-item-divider {
  height: 1px;
  margin: 1px 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.l-navmenu-submenu-popup {
  position: absolute;
  z-index: 99999;
  background: #fff;
  border-radius: 4px;
}
.l-navmenu-submenu-popup .submenu-title-wrapper {
  padding-right: 20px;
}
.l-navmenu-submenu-popup::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.0001;
  content: ' ';
}
.l-navmenu-submenu > .l-navmenu {
  background-color: #fff;
  border-radius: 4px;
}
.l-navmenu-submenu > .l-navmenu-submenu-title::after {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.l-navmenu-submenu-vertical > .l-navmenu-submenu-title .l-navmenu-submenu-arrow,
.l-navmenu-submenu-vertical-left > .l-navmenu-submenu-title .l-navmenu-submenu-arrow,
.l-navmenu-submenu-vertical-right > .l-navmenu-submenu-title .l-navmenu-submenu-arrow,
.l-navmenu-submenu-inline > .l-navmenu-submenu-title .l-navmenu-submenu-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.l-navmenu-submenu-vertical > .l-navmenu-submenu-title .l-navmenu-submenu-arrow::before,
.l-navmenu-submenu-vertical-left > .l-navmenu-submenu-title .l-navmenu-submenu-arrow::before,
.l-navmenu-submenu-vertical-right > .l-navmenu-submenu-title .l-navmenu-submenu-arrow::before,
.l-navmenu-submenu-inline > .l-navmenu-submenu-title .l-navmenu-submenu-arrow::before,
.l-navmenu-submenu-vertical > .l-navmenu-submenu-title .l-navmenu-submenu-arrow::after,
.l-navmenu-submenu-vertical-left > .l-navmenu-submenu-title .l-navmenu-submenu-arrow::after,
.l-navmenu-submenu-vertical-right > .l-navmenu-submenu-title .l-navmenu-submenu-arrow::after,
.l-navmenu-submenu-inline > .l-navmenu-submenu-title .l-navmenu-submenu-arrow::after {
  position: absolute;
  width: 6px;
  height: 1.5px;
  background: #fff;
  background: #131313 \9;
  background-image: linear-gradient(to right, #131313, #131313);
  background-image: none \9;
  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: '';
}
.l-navmenu-submenu-vertical > .l-navmenu-submenu-title .l-navmenu-submenu-arrow::before,
.l-navmenu-submenu-vertical-left > .l-navmenu-submenu-title .l-navmenu-submenu-arrow::before,
.l-navmenu-submenu-vertical-right > .l-navmenu-submenu-title .l-navmenu-submenu-arrow::before,
.l-navmenu-submenu-inline > .l-navmenu-submenu-title .l-navmenu-submenu-arrow::before {
  transform: rotate(45deg) translateY(-2px);
}
.l-navmenu-submenu-vertical > .l-navmenu-submenu-title .l-navmenu-submenu-arrow::after,
.l-navmenu-submenu-vertical-left > .l-navmenu-submenu-title .l-navmenu-submenu-arrow::after,
.l-navmenu-submenu-vertical-right > .l-navmenu-submenu-title .l-navmenu-submenu-arrow::after,
.l-navmenu-submenu-inline > .l-navmenu-submenu-title .l-navmenu-submenu-arrow::after {
  transform: rotate(-45deg) translateY(2px);
}
.l-navmenu-submenu-vertical > .l-navmenu-submenu-title:hover .l-navmenu-submenu-arrow::after,
.l-navmenu-submenu-vertical-left > .l-navmenu-submenu-title:hover .l-navmenu-submenu-arrow::after,
.l-navmenu-submenu-vertical-right > .l-navmenu-submenu-title:hover .l-navmenu-submenu-arrow::after,
.l-navmenu-submenu-inline > .l-navmenu-submenu-title:hover .l-navmenu-submenu-arrow::after,
.l-navmenu-submenu-vertical > .l-navmenu-submenu-title:hover .l-navmenu-submenu-arrow::before,
.l-navmenu-submenu-vertical-left > .l-navmenu-submenu-title:hover .l-navmenu-submenu-arrow::before,
.l-navmenu-submenu-vertical-right > .l-navmenu-submenu-title:hover .l-navmenu-submenu-arrow::before,
.l-navmenu-submenu-inline > .l-navmenu-submenu-title:hover .l-navmenu-submenu-arrow::before {
  background: linear-gradient(to right, #4884F2, #4884F2);
}
.l-navmenu-submenu-inline > .l-navmenu-submenu-title .l-navmenu-submenu-arrow::before {
  transform: rotate(-45deg) translateX(2px);
}
.l-navmenu-submenu-inline > .l-navmenu-submenu-title .l-navmenu-submenu-arrow::after {
  transform: rotate(45deg) translateX(-2px);
}
.l-navmenu-submenu-open.l-navmenu-submenu-inline > .l-navmenu-submenu-title .l-navmenu-submenu-arrow {
  transform: translateY(-2px);
}
.l-navmenu-submenu-open.l-navmenu-submenu-inline > .l-navmenu-submenu-title .l-navmenu-submenu-arrow::after {
  transform: rotate(-45deg) translateX(-2px);
}
.l-navmenu-submenu-open.l-navmenu-submenu-inline > .l-navmenu-submenu-title .l-navmenu-submenu-arrow::before {
  transform: rotate(45deg) translateX(2px);
}
.l-navmenu-vertical .l-navmenu-submenu-selected,
.l-navmenu-vertical-left .l-navmenu-submenu-selected,
.l-navmenu-vertical-right .l-navmenu-submenu-selected {
  color: #4884F2;
}
.l-navmenu-vertical .l-navmenu-submenu-selected > a,
.l-navmenu-vertical-left .l-navmenu-submenu-selected > a,
.l-navmenu-vertical-right .l-navmenu-submenu-selected > a {
  color: #4884F2;
}
.l-navmenu-horizontal {
  line-height: 46px;
  white-space: nowrap;
  border: 0;
  border-bottom: 1px solid #e8e8e8;
  box-shadow: none;
}
.l-navmenu-horizontal > .l-navmenu-item,
.l-navmenu-horizontal > .l-navmenu-submenu {
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: bottom;
  border-bottom: 2px solid transparent;
}
.l-navmenu-horizontal > .l-navmenu-item:hover,
.l-navmenu-horizontal > .l-navmenu-submenu:hover,
.l-navmenu-horizontal > .l-navmenu-item-active,
.l-navmenu-horizontal > .l-navmenu-submenu-active,
.l-navmenu-horizontal > .l-navmenu-item-open,
.l-navmenu-horizontal > .l-navmenu-submenu-open,
.l-navmenu-horizontal > .l-navmenu-item-selected,
.l-navmenu-horizontal > .l-navmenu-submenu-selected {
  color: #4884F2;
  border-bottom: 2px solid #4884F2;
}
.l-navmenu-horizontal > .l-navmenu-item > a {
  display: block;
  color: #131313;
}
.l-navmenu-horizontal > .l-navmenu-item > a:hover {
  color: #4884F2;
}
.l-navmenu-horizontal > .l-navmenu-item > a::before {
  bottom: -2px;
}
.l-navmenu-horizontal > .l-navmenu-item-selected > a {
  color: #4884F2;
}
.l-navmenu-horizontal::after {
  display: block;
  clear: both;
  height: 0;
  content: '\20';
}
.l-navmenu-vertical .l-navmenu-item,
.l-navmenu-vertical-left .l-navmenu-item,
.l-navmenu-vertical-right .l-navmenu-item,
.l-navmenu-inline .l-navmenu-item {
  position: relative;
}
.l-navmenu-vertical .l-navmenu-item::after,
.l-navmenu-vertical-left .l-navmenu-item::after,
.l-navmenu-vertical-right .l-navmenu-item::after,
.l-navmenu-inline .l-navmenu-item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 3px solid #4884F2;
  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: '';
}
.l-navmenu-vertical .l-navmenu-item,
.l-navmenu-vertical-left .l-navmenu-item,
.l-navmenu-vertical-right .l-navmenu-item,
.l-navmenu-inline .l-navmenu-item,
.l-navmenu-vertical .l-navmenu-submenu-title,
.l-navmenu-vertical-left .l-navmenu-submenu-title,
.l-navmenu-vertical-right .l-navmenu-submenu-title,
.l-navmenu-inline .l-navmenu-submenu-title {
  height: 40px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0 16px;
  overflow: hidden;
  font-size: 14px;
  line-height: 40px;
  text-overflow: ellipsis;
  user-select: none;
}
.l-navmenu-vertical .l-navmenu-submenu,
.l-navmenu-vertical-left .l-navmenu-submenu,
.l-navmenu-vertical-right .l-navmenu-submenu,
.l-navmenu-inline .l-navmenu-submenu {
  padding-bottom: 0.01px;
}
.l-navmenu-vertical .l-navmenu-item:not(:last-child),
.l-navmenu-vertical-left .l-navmenu-item:not(:last-child),
.l-navmenu-vertical-right .l-navmenu-item:not(:last-child),
.l-navmenu-inline .l-navmenu-item:not(:last-child) {
  margin-bottom: 8px;
}
.l-navmenu-vertical > .l-navmenu-item,
.l-navmenu-vertical-left > .l-navmenu-item,
.l-navmenu-vertical-right > .l-navmenu-item,
.l-navmenu-inline > .l-navmenu-item,
.l-navmenu-vertical > .l-navmenu-submenu > .l-navmenu-submenu-title,
.l-navmenu-vertical-left > .l-navmenu-submenu > .l-navmenu-submenu-title,
.l-navmenu-vertical-right > .l-navmenu-submenu > .l-navmenu-submenu-title,
.l-navmenu-inline > .l-navmenu-submenu > .l-navmenu-submenu-title {
  height: 40px;
  line-height: 40px;
}
.l-navmenu-inline {
  width: 100%;
}
.l-navmenu-inline .l-navmenu-selected::after,
.l-navmenu-inline .l-navmenu-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);
}
.l-navmenu-inline .l-navmenu-item,
.l-navmenu-inline .l-navmenu-submenu-title {
  width: calc(100% + 1px);
}
.l-navmenu-inline .l-navmenu-submenu-title {
  padding-right: 34px;
}
.l-navmenu-inline-collapsed {
  width: 80px;
}
.l-navmenu-inline-collapsed > .l-navmenu-item,
.l-navmenu-inline-collapsed > .l-navmenu-item-group > .l-navmenu-item-group-list > .l-navmenu-item,
.l-navmenu-inline-collapsed > .l-navmenu-item-group > .l-navmenu-item-group-list > .l-navmenu-submenu > .l-navmenu-submenu-title,
.l-navmenu-inline-collapsed > .l-navmenu-submenu > .l-navmenu-submenu-title {
  left: 0;
  /*padding: 0 (@menu-collapsed-width - 16px) / 2 !important;*/
  text-align: center;
  text-overflow: clip;
}
.l-navmenu-inline-collapsed > .l-navmenu-item .l-navmenu-submenu-arrow,
.l-navmenu-inline-collapsed > .l-navmenu-item-group > .l-navmenu-item-group-list > .l-navmenu-item .l-navmenu-submenu-arrow,
.l-navmenu-inline-collapsed > .l-navmenu-item-group > .l-navmenu-item-group-list > .l-navmenu-submenu > .l-navmenu-submenu-title .l-navmenu-submenu-arrow,
.l-navmenu-inline-collapsed > .l-navmenu-submenu > .l-navmenu-submenu-title .l-navmenu-submenu-arrow {
  display: none;
}
.l-navmenu-inline-collapsed > .l-navmenu-item .iconfont,
.l-navmenu-inline-collapsed > .l-navmenu-item-group > .l-navmenu-item-group-list > .l-navmenu-item .iconfont,
.l-navmenu-inline-collapsed > .l-navmenu-item-group > .l-navmenu-item-group-list > .l-navmenu-submenu > .l-navmenu-submenu-title .iconfont,
.l-navmenu-inline-collapsed > .l-navmenu-submenu > .l-navmenu-submenu-title .iconfont {
  margin: 0;
  font-size: 16px;
  line-height: 40px;
}
.l-navmenu-inline-collapsed > .l-navmenu-item .iconfont + span,
.l-navmenu-inline-collapsed > .l-navmenu-item-group > .l-navmenu-item-group-list > .l-navmenu-item .iconfont + span,
.l-navmenu-inline-collapsed > .l-navmenu-item-group > .l-navmenu-item-group-list > .l-navmenu-submenu > .l-navmenu-submenu-title .iconfont + span,
.l-navmenu-inline-collapsed > .l-navmenu-submenu > .l-navmenu-submenu-title .iconfont + span {
  display: inline-block;
  max-width: 0;
  opacity: 0;
}
.l-navmenu-inline-collapsed-tooltip {
  pointer-events: none;
}
.l-navmenu-inline-collapsed-tooltip .iconfont {
  display: none;
}
.l-navmenu-inline-collapsed-tooltip a {
  color: rgba(255, 255, 255, 0.85);
}
.l-navmenu-inline-collapsed .l-navmenu-item-group-title {
  padding-right: 4px;
  padding-left: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.l-navmenu-vertical-collapsed {
  width: 80px;
}
.l-navmenu-vertical-collapsed > .l-navmenu-item,
.l-navmenu-vertical-collapsed > .l-navmenu-item-group > .l-navmenu-item-group-list > .l-navmenu-item,
.l-navmenu-vertical-collapsed > .l-navmenu-item-group > .l-navmenu-item-group-list > .l-navmenu-submenu > .l-navmenu-submenu-title,
.l-navmenu-vertical-collapsed > .l-navmenu-submenu > .l-navmenu-submenu-title {
  left: 0;
  /*padding: 0 (@menu-collapsed-width - 16px) / 2 !important;*/
  text-align: center;
  text-overflow: clip;
}
.l-navmenu-vertical-collapsed > .l-navmenu-item .l-navmenu-submenu-arrow,
.l-navmenu-vertical-collapsed > .l-navmenu-item-group > .l-navmenu-item-group-list > .l-navmenu-item .l-navmenu-submenu-arrow,
.l-navmenu-vertical-collapsed > .l-navmenu-item-group > .l-navmenu-item-group-list > .l-navmenu-submenu > .l-navmenu-submenu-title .l-navmenu-submenu-arrow,
.l-navmenu-vertical-collapsed > .l-navmenu-submenu > .l-navmenu-submenu-title .l-navmenu-submenu-arrow {
  display: none;
}
.l-navmenu-vertical-collapsed > .l-navmenu-item .iconfont,
.l-navmenu-vertical-collapsed > .l-navmenu-item-group > .l-navmenu-item-group-list > .l-navmenu-item .iconfont,
.l-navmenu-vertical-collapsed > .l-navmenu-item-group > .l-navmenu-item-group-list > .l-navmenu-submenu > .l-navmenu-submenu-title .iconfont,
.l-navmenu-vertical-collapsed > .l-navmenu-submenu > .l-navmenu-submenu-title .iconfont {
  margin: 0;
  font-size: 16px;
  line-height: 40px;
}
.l-navmenu-vertical-collapsed > .l-navmenu-item .iconfont + span,
.l-navmenu-vertical-collapsed > .l-navmenu-item-group > .l-navmenu-item-group-list > .l-navmenu-item .iconfont + span,
.l-navmenu-vertical-collapsed > .l-navmenu-item-group > .l-navmenu-item-group-list > .l-navmenu-submenu > .l-navmenu-submenu-title .iconfont + span,
.l-navmenu-vertical-collapsed > .l-navmenu-submenu > .l-navmenu-submenu-title .iconfont + span {
  display: inline-block;
  max-width: 0;
  opacity: 0;
}
.l-navmenu-vertical-collapsed-tooltip {
  pointer-events: none;
}
.l-navmenu-vertical-collapsed-tooltip .iconfont {
  display: none;
}
.l-navmenu-vertical-collapsed-tooltip a {
  color: rgba(255, 255, 255, 0.85);
}
.l-navmenu-vertical-collapsed .l-navmenu-item-group-title {
  padding-right: 4px;
  padding-left: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.l-navmenu-item-group-list {
  margin: 0;
  padding: 0;
}
.l-navmenu-item-group-list .l-navmenu-item,
.l-navmenu-item-group-list .l-navmenu-submenu-title {
  padding: 0 16px 0 28px;
}
.l-navmenu-item-group-horizontal {
  vertical-align: top;
  width: auto;
  position: relative;
  display: inline-block;
  border-right: 1px solid #e8e8e8;
}
.l-navmenu-item-group-horizontal > .l-navmenu-item-group-list .l-navmenu-item,
.l-navmenu-item-group-horizontal > .l-navmenu-item-group-list .l-navmenu-submenu-title {
  padding: 0 28px 0 28px;
}
.l-navmenu-root.l-navmenu-vertical,
.l-navmenu-root.l-navmenu-vertical-left,
.l-navmenu-root.l-navmenu-vertical-right,
.l-navmenu-root.l-navmenu-inline {
  box-shadow: none;
}
.l-navmenu-sub.l-navmenu-inline {
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.l-navmenu-sub.l-navmenu-inline > .l-navmenu-item,
.l-navmenu-sub.l-navmenu-inline > .l-navmenu-submenu > .l-navmenu-submenu-title {
  height: 40px;
  line-height: 40px;
  list-style-position: inside;
  list-style-type: disc;
}
.l-navmenu-sub.l-navmenu-inline .l-navmenu-item-group-title {
  padding-left: 32px;
}
.l-navmenu-item-disabled,
.l-navmenu-submenu-disabled {
  color: #CCCED3 !important;
  background: none;
  border-color: transparent !important;
  cursor: not-allowed;
}
.l-navmenu-item-disabled > a,
.l-navmenu-submenu-disabled > a {
  color: #CCCED3 !important;
  pointer-events: none;
}
.l-navmenu-item-disabled > .l-navmenu-submenu-title,
.l-navmenu-submenu-disabled > .l-navmenu-submenu-title {
  color: #CCCED3 !important;
  cursor: not-allowed;
}
.l-navmenu-item-disabled > .l-navmenu-submenu-title > .l-navmenu-submenu-arrow::before,
.l-navmenu-submenu-disabled > .l-navmenu-submenu-title > .l-navmenu-submenu-arrow::before,
.l-navmenu-item-disabled > .l-navmenu-submenu-title > .l-navmenu-submenu-arrow::after,
.l-navmenu-submenu-disabled > .l-navmenu-submenu-title > .l-navmenu-submenu-arrow::after {
  background: #CCCED3 !important;
}
/*.l-navmenu-item .iconfont, 
.l-navmenu-submenu-title .iconfont {
    min-width: 14px;
    margin-right: 10px;
    font-size: 14px;
    -webkit-transition: font-size .15s cubic-bezier(.215, .61, .355, 1),margin .3s cubic-bezier(.645, .045, .355, 1);
    transition: font-size .15s cubic-bezier(.215, .61, .355, 1),margin .3s cubic-bezier(.645, .045, .355, 1);
}*/
.l-navmenu-dark,
.l-navmenu-dark .l-navmenu-sub {
  color: rgba(255, 255, 255, 0.65);
  background: #001529;
}
.l-navmenu-dark .l-navmenu-submenu-title .l-navmenu-submenu-arrow,
.l-navmenu-dark .l-navmenu-sub .l-navmenu-submenu-title .l-navmenu-submenu-arrow {
  opacity: 0.45;
  transition: all 0.3s;
}
.l-navmenu-dark .l-navmenu-submenu-title .l-navmenu-submenu-arrow::after,
.l-navmenu-dark .l-navmenu-sub .l-navmenu-submenu-title .l-navmenu-submenu-arrow::after,
.l-navmenu-dark .l-navmenu-submenu-title .l-navmenu-submenu-arrow::before,
.l-navmenu-dark .l-navmenu-sub .l-navmenu-submenu-title .l-navmenu-submenu-arrow::before {
  background: #fff;
}
.l-navmenu-dark.l-navmenu-submenu-popup {
  background: transparent;
}
.l-navmenu-dark .l-navmenu-inline.l-navmenu-sub {
  background: #000c17;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset;
}
.l-navmenu-dark.l-navmenu-horizontal {
  border-bottom: 0;
}
.l-navmenu-dark.l-navmenu-horizontal > .l-navmenu-item,
.l-navmenu-dark.l-navmenu-horizontal > .l-navmenu-submenu {
  top: 0;
  margin-top: 0;
  border-color: #001529;
  border-bottom: 0;
}
.l-navmenu-dark.l-navmenu-horizontal > .l-navmenu-item > a::before {
  bottom: 0;
}
.l-navmenu-dark .l-navmenu-item,
.l-navmenu-dark .l-navmenu-item-group-title,
.l-navmenu-dark .l-navmenu-item > a {
  color: rgba(255, 255, 255, 0.65);
}
.l-navmenu-dark.l-navmenu-inline,
.l-navmenu-dark.l-navmenu-vertical,
.l-navmenu-dark.l-navmenu-vertical-left,
.l-navmenu-dark.l-navmenu-vertical-right {
  border-right: 0;
}
.l-navmenu-dark.l-navmenu-inline .l-navmenu-item,
.l-navmenu-dark.l-navmenu-vertical .l-navmenu-item,
.l-navmenu-dark.l-navmenu-vertical-left .l-navmenu-item,
.l-navmenu-dark.l-navmenu-vertical-right .l-navmenu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.l-navmenu-dark.l-navmenu-inline .l-navmenu-item::after,
.l-navmenu-dark.l-navmenu-vertical .l-navmenu-item::after,
.l-navmenu-dark.l-navmenu-vertical-left .l-navmenu-item::after,
.l-navmenu-dark.l-navmenu-vertical-right .l-navmenu-item::after {
  border-right: 0;
}
.l-navmenu-dark.l-navmenu-inline .l-navmenu-item,
.l-navmenu-dark.l-navmenu-inline .l-navmenu-submenu-title {
  width: 100%;
}
.l-navmenu-dark .l-navmenu-item:hover,
.l-navmenu-dark .l-navmenu-item-active,
.l-navmenu-dark .l-navmenu-submenu-active,
.l-navmenu-dark .l-navmenu-submenu-open,
.l-navmenu-dark .l-navmenu-submenu-selected,
.l-navmenu-dark .l-navmenu-submenu-title:hover {
  color: #fff;
  background-color: transparent;
}
.l-navmenu-dark .l-navmenu-item:hover > a,
.l-navmenu-dark .l-navmenu-item-active > a,
.l-navmenu-dark .l-navmenu-submenu-active > a,
.l-navmenu-dark .l-navmenu-submenu-open > a,
.l-navmenu-dark .l-navmenu-submenu-selected > a,
.l-navmenu-dark .l-navmenu-submenu-title:hover > a {
  color: #fff;
}
.l-navmenu-dark .l-navmenu-item:hover > .l-navmenu-submenu-title > .l-navmenu-submenu-arrow,
.l-navmenu-dark .l-navmenu-item-active > .l-navmenu-submenu-title > .l-navmenu-submenu-arrow,
.l-navmenu-dark .l-navmenu-submenu-active > .l-navmenu-submenu-title > .l-navmenu-submenu-arrow,
.l-navmenu-dark .l-navmenu-submenu-open > .l-navmenu-submenu-title > .l-navmenu-submenu-arrow,
.l-navmenu-dark .l-navmenu-submenu-selected > .l-navmenu-submenu-title > .l-navmenu-submenu-arrow,
.l-navmenu-dark .l-navmenu-submenu-title:hover > .l-navmenu-submenu-title > .l-navmenu-submenu-arrow,
.l-navmenu-dark .l-navmenu-item:hover > .l-navmenu-submenu-title:hover > .l-navmenu-submenu-arrow,
.l-navmenu-dark .l-navmenu-item-active > .l-navmenu-submenu-title:hover > .l-navmenu-submenu-arrow,
.l-navmenu-dark .l-navmenu-submenu-active > .l-navmenu-submenu-title:hover > .l-navmenu-submenu-arrow,
.l-navmenu-dark .l-navmenu-submenu-open > .l-navmenu-submenu-title:hover > .l-navmenu-submenu-arrow,
.l-navmenu-dark .l-navmenu-submenu-selected > .l-navmenu-submenu-title:hover > .l-navmenu-submenu-arrow,
.l-navmenu-dark .l-navmenu-submenu-title:hover > .l-navmenu-submenu-title:hover > .l-navmenu-submenu-arrow {
  opacity: 1;
}
.l-navmenu-dark .l-navmenu-item:hover > .l-navmenu-submenu-title > .l-navmenu-submenu-arrow::after,
.l-navmenu-dark .l-navmenu-item-active > .l-navmenu-submenu-title > .l-navmenu-submenu-arrow::after,
.l-navmenu-dark .l-navmenu-submenu-active > .l-navmenu-submenu-title > .l-navmenu-submenu-arrow::after,
.l-navmenu-dark .l-navmenu-submenu-open > .l-navmenu-submenu-title > .l-navmenu-submenu-arrow::after,
.l-navmenu-dark .l-navmenu-submenu-selected > .l-navmenu-submenu-title > .l-navmenu-submenu-arrow::after,
.l-navmenu-dark .l-navmenu-submenu-title:hover > .l-navmenu-submenu-title > .l-navmenu-submenu-arrow::after,
.l-navmenu-dark .l-navmenu-item:hover > .l-navmenu-submenu-title:hover > .l-navmenu-submenu-arrow::after,
.l-navmenu-dark .l-navmenu-item-active > .l-navmenu-submenu-title:hover > .l-navmenu-submenu-arrow::after,
.l-navmenu-dark .l-navmenu-submenu-active > .l-navmenu-submenu-title:hover > .l-navmenu-submenu-arrow::after,
.l-navmenu-dark .l-navmenu-submenu-open > .l-navmenu-submenu-title:hover > .l-navmenu-submenu-arrow::after,
.l-navmenu-dark .l-navmenu-submenu-selected > .l-navmenu-submenu-title:hover > .l-navmenu-submenu-arrow::after,
.l-navmenu-dark .l-navmenu-submenu-title:hover > .l-navmenu-submenu-title:hover > .l-navmenu-submenu-arrow::after,
.l-navmenu-dark .l-navmenu-item:hover > .l-navmenu-submenu-title > .l-navmenu-submenu-arrow::before,
.l-navmenu-dark .l-navmenu-item-active > .l-navmenu-submenu-title > .l-navmenu-submenu-arrow::before,
.l-navmenu-dark .l-navmenu-submenu-active > .l-navmenu-submenu-title > .l-navmenu-submenu-arrow::before,
.l-navmenu-dark .l-navmenu-submenu-open > .l-navmenu-submenu-title > .l-navmenu-submenu-arrow::before,
.l-navmenu-dark .l-navmenu-submenu-selected > .l-navmenu-submenu-title > .l-navmenu-submenu-arrow::before,
.l-navmenu-dark .l-navmenu-submenu-title:hover > .l-navmenu-submenu-title > .l-navmenu-submenu-arrow::before,
.l-navmenu-dark .l-navmenu-item:hover > .l-navmenu-submenu-title:hover > .l-navmenu-submenu-arrow::before,
.l-navmenu-dark .l-navmenu-item-active > .l-navmenu-submenu-title:hover > .l-navmenu-submenu-arrow::before,
.l-navmenu-dark .l-navmenu-submenu-active > .l-navmenu-submenu-title:hover > .l-navmenu-submenu-arrow::before,
.l-navmenu-dark .l-navmenu-submenu-open > .l-navmenu-submenu-title:hover > .l-navmenu-submenu-arrow::before,
.l-navmenu-dark .l-navmenu-submenu-selected > .l-navmenu-submenu-title:hover > .l-navmenu-submenu-arrow::before,
.l-navmenu-dark .l-navmenu-submenu-title:hover > .l-navmenu-submenu-title:hover > .l-navmenu-submenu-arrow::before {
  background: #fff;
}
.l-navmenu-dark .l-navmenu-item-selected {
  color: #fff;
  border-right: 0;
}
.l-navmenu-dark .l-navmenu-item-selected::after {
  border-right: 0;
}
.l-navmenu-dark .l-navmenu-item-selected > a,
.l-navmenu-dark .l-navmenu-item-selected > a:hover {
  color: #fff;
}
.l-navmenu.l-navmenu-dark .l-navmenu-item-selected,
.l-navmenu-submenu-popup.l-navmenu-dark .l-navmenu-item-selected {
  background-color: #4884F2;
}
.l-navmenu-dark .l-navmenu-item-disabled,
.l-navmenu-dark .l-navmenu-submenu-disabled,
.l-navmenu-dark .l-navmenu-item-disabled > a,
.l-navmenu-dark .l-navmenu-submenu-disabled > a {
  color: rgba(255, 255, 255, 0.35) !important;
  opacity: 0.8;
}
.l-navmenu-dark .l-navmenu-item-disabled > .l-navmenu-submenu-title,
.l-navmenu-dark .l-navmenu-submenu-disabled > .l-navmenu-submenu-title {
  color: rgba(255, 255, 255, 0.35) !important;
}
.l-navmenu-dark .l-navmenu-item-disabled > .l-navmenu-submenu-title > .l-navmenu-submenu-arrow::before,
.l-navmenu-dark .l-navmenu-submenu-disabled > .l-navmenu-submenu-title > .l-navmenu-submenu-arrow::before,
.l-navmenu-dark .l-navmenu-item-disabled > .l-navmenu-submenu-title > .l-navmenu-submenu-arrow::after,
.l-navmenu-dark .l-navmenu-submenu-disabled > .l-navmenu-submenu-title > .l-navmenu-submenu-arrow::after {
  background: rgba(255, 255, 255, 0.35) !important;
}
.l-navmenu-item .star-wrap {
  display: inline;
}
.l-navmenu-item .star {
  display: inline;
  color: #FF6600;
  position: absolute;
  right: -4px;
  font-size: 16px;
  opacity: 0;
  transition: 0.1s opacity;
}
.l-navmenu-item:hover .star {
  opacity: 1;
  transition-delay: 0.5s;
}
.l-navmenu-item .star-show {
  opacity: 1;
}
.l-navmenu-item .star-hide {
  opacity: 0;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
/*.button-group(@btnClassName: btn) {
  .button-group-base(@btnClassName);
  .@{btnClassName} + .@{btnClassName},
  .@{btnClassName} + &,
  span + .@{btnClassName},
  .@{btnClassName} + span,
  > span + span,
  & + .@{btnClassName},
  & + & {
    margin-left: -1px;
  }
  .@{btnClassName}-primary + .@{btnClassName}:not(.@{btnClassName}-primary):not([disabled]) {
    border-left-color: transparent;
  }
  .@{btnClassName} {
    border-radius: 0;
  }
  > .@{btnClassName}:first-child,
  > span:first-child > .@{btnClassName} {
    margin-left: 0;
  }
  > .@{btnClassName}:only-child {
    border-radius: @button-border-radius-base;
  }
  > span:only-child > .@{btnClassName} {
    border-radius: @button-border-radius-base;
  }
  > .@{btnClassName}:first-child:not(:last-child),
  > span:first-child:not(:last-child) > .@{btnClassName} {
    border-top-left-radius: @button-border-radius-base;
    border-bottom-left-radius: @button-border-radius-base;
  }
  > .@{btnClassName}:last-child:not(:first-child),
  > span:last-child:not(:first-child) > .@{btnClassName} {
    border-top-right-radius: @button-border-radius-base;
    border-bottom-right-radius: @button-border-radius-base;
  }
  &-small {
    > .@{btnClassName}:only-child {
      border-radius: @button-border-radius-sm;
    }
    > span:only-child > .@{btnClassName} {
      border-radius: @button-border-radius-sm;
    }
    > .@{btnClassName}:first-child:not(:last-child),
    > span:first-child:not(:last-child) > .@{btnClassName} {
      border-top-left-radius: @button-border-radius-sm;
      border-bottom-left-radius: @button-border-radius-sm;
    }
    > .@{btnClassName}:last-child:not(:first-child),
    > span:last-child:not(:first-child) > .@{btnClassName} {
      border-top-right-radius: @button-border-radius-sm;
      border-bottom-right-radius: @button-border-radius-sm;
    }
  }
  & > & {
    float: left;
  }
  & > &:not(:first-child):not(:last-child) > .@{btnClassName} {
    border-radius: 0;
  }
  & > &:first-child:not(:last-child) {
    > .@{btnClassName}:last-child {
      padding-right: 8px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  }
  & > &:last-child:not(:first-child) > .@{btnClassName}:first-child {
    padding-left: 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}*/
/* #*# 这里应该是计算器的样式，和l-number命名不一致，需要重构*/
.l-text-number.l-text-lg,
.l-text-number.l-text-sm {
  padding: 0 !important;
}
.l-text-number.l-text-lg .l-trigger {
  line-height: 40px;
}
.l-text-number.l-text-sm .l-trigger {
  line-height: 24px;
}
.l-text-number .l-addon-after .panel-li {
  margin: 0;
  height: 100%;
}
.l-text-number .l-addon-after .panel-li .l-text-dropdownedit {
  border: none;
  height: 22px;
}
.l-text-number .l-addon-after .panel-li .l-text-dropdownedit .l-trigger {
  right: 2px;
}
.l-calc {
  display: none;
  border-collapse: separate;
  border-spacing: 5px;
  position: absolute;
  cursor: default;
  z-index: 99999;
  margin: 0px auto;
  background-color: #fff;
  box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  font-size: 14px;
  border: 1px solid #fff;
  /*min-width:200px;*/
  width: 156px;
  height: 192px;
}
.calc-btn {
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  touch-action: manipulation;
  user-select: none;
  cursor: pointer;
  white-space: nowrap;
  font-weight: 400;
  border: 1px solid #D9D9D9;
  padding: 8px 16px 7px;
  height: 28px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  /*&:not(&-disabled):hover {
        text-decoration: none;
    }

    &:not(&-disabled):active {
        outline: 0;
        transition: none;
    }*/
  color: #3A4E64;
  background-color: #fff;
  border-color: #D9D9D9;
  padding: 3px 16px;
  font-size: 12px;
  height: 24px;
  display: table-cell;
  width: 32px;
  height: 32px;
  background: #FFFFFF;
  border: 1px solid #E4E4E4;
  opacity: 1;
  border-radius: 4px;
  font-size: 16px;
  padding: 0;
  box-sizing: border-box;
}
.calc-btn,
.calc-btn:active,
.calc-btn:focus {
  outline: 0;
}
.calc-btn-disabled {
  cursor: not-allowed;
}
.calc-btn-disabled > * {
  pointer-events: none;
}
.calc-btn-large {
  padding: 8px 16px 7px;
  font-size: 16px;
  border-radius: 4px;
  height: 32px;
}
.calc-btn-small {
  padding: 3px 16px;
  font-size: 12px;
  border-radius: 4px;
  height: 24px;
}
.calc-btn:hover,
.calc-btn:focus {
  color: #75aaff;
  background-color: #fff;
  border-color: #40a9ff;
}
.calc-btn:active,
.calc-btn.active {
  color: #3363cc;
  background-color: #fff;
  border-color: #40a9ff;
}
.calc-btn:hover,
.calc-btn:focus,
.calc-btn:active,
.calc-btn.active {
  color: #40a9ff;
  background: #fff;
  text-decoration: none;
}
.calc-btn:hover {
  border: 1px solid #1890FF;
  background: #D8ECFF;
}
.calc-btn.black {
  color: #595959;
}
.calc-btn.symbol {
  color: #1890FF;
  font-weight: bold;
  font-size: large;
}
.calc-btn.back {
  color: #ff1818;
  font-weight: bold;
}
.calc-btn.blue {
  background-color: #1890FF;
  color: #fff;
  font-size: large;
  font-weight: bold;
}
.calc-btn.blue:hover {
  background: #63B4FF;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
/*@formtabs: ~'@{vango-prefix}-form-tabs';*/
.l-form {
  padding: 5px;
  height: 100%;
  width: 100%;
}
/*.@{form} .l-group {
        clear: both;
        margin: 0;
        height: 28px;
        line-height: 28px;
        font-weight: bold;
        font-size: 12px;
        color: rgba(0, 0, 0, 0.65);
        border-bottom: solid 1px #c5c5c5;
        padding-top: 5px;
        margin-bottom: 10px;
        display: block;
        position: relative;
        clear: both;
    }

.l-group span {
    float: left;
    width: 90px;
    text-align: left;
}

.l-group-hasicon span {
    margin-left: 40px;
}

    .@{form} .l-group-hasicon img {
        width: 16px;
        height: 16px;
        position: absolute;
        left: 6px;
        top: 6px;
    }

    .@{form} .l-group-hasicon div {
        width: 16px;
        height: 16px;
        position: absolute;
        left: 6px;
        top: 6px;
    }*/
/*.@{form} ul, .@{form} li {
    list-style: none;
}

.@{form} .hpanel, .@{form} .vpanel, .@{form} .l-panel {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    border-radius: 3px;
}*/
/*.l-panel.l-border, .hpanel.l-border, .vpanel.l-border {
    border-color: #62a8ea;
}

.vertical-align-top:before {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    content: "";
}

.vertical-align-middle:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: "";
}

.vertical-align-bottom:before {
    display: inline-block;
    height: 100%;
    vertical-align: bottom;
    content: "";
}

.@{form} .l-fieldcontainer ul {
    margin: 0;
}

.@{form} .l-fieldcontainer {
    padding: 0;
}

.@{form} .l-fieldcontainer-first {
    clear: left;
}
/*.@{form} li{ float:left; overflow:hidden; text-align:left;  line-height:23px;padding:2px; padding-top:2px; padding-bottom:2px; position:relative;}*/
/*.@{form} li textarea {
    width: 100%;
    border: 0;
    height: 100%;
}

textarea:focus {
    outline: none;
}

.@{form} .@{form}-buttons {
    clear: both;
    margin-top: 10px;
}

    .@{form} .@{form}-buttons li {
        float: left;
        margin-right: 7px;
    }*/
/*.l-hidden {
    display: none;
}*/
/*.@{form}-container {
    clear: both;
    overflow: hidden;
}*/
/*.@{formtabs} {
    position: relative;
    padding: 4px;
    zoom: 1;
    padding: 0;
    background: none;
    border-width: 0;
}

    .@{formtabs} .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
        padding-left: 0;
        background: transparent;
        border-width: 0;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        line-height: 0.8em;
        font-size: 95%;
        color: #555;
    }

        .@{formtabs} .ui-tabs-nav li {
            list-style: none;
            border: 1px solid #c5c5c5;
            float: left;
            position: relative;
            top: 1px;
            margin: 0 .2em 1px 0;
            border-bottom: 0 !important;
            padding: 0;
            white-space: nowrap;
            line-height: 24px;
            cursor: pointer;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }

            .@{formtabs} .ui-tabs-nav li a {
                float: left;
                padding: 0 10px;
                text-decoration: none;
            }

            .@{formtabs} .ui-tabs-nav li.ui-tabs-selected {
                margin-bottom: 0;
                padding-bottom: 1px;
            }

                .@{formtabs} .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
                    cursor: text;
                }

            .@{formtabs} .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
                cursor: pointer;
            }

    .@{formtabs} .ui-tabs-panel {
        display: block;
        background: none;
        padding: 6px;
        padding-bottom: 20px;
        -moz-border-radius-topright: 4px;
        -webkit-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        background: #fefefe;
        border-width: 1px;
    }

    .@{formtabs} .ui-tabs-hide {
        display: none !important;
    }

    .@{formtabs} ul.ui-tabs-nav li {
        font-weight: bold;
    }

    .@{formtabs} .ui-tabs-selected {
        background: #fefefe;
    }

    .l-star {
    color: #f96868;
}*/
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
/*panel-容器*/
.l-panel {
  position: relative;
  width: 100%;
  /*overflow: hidden;*/
  /*外部包裹flex用于头部和内容的布局， 暂时不用， IE兼容性有问题*/
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
/*.@{panel}, .@{panel} * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/
.l-panel.l-panel-collapsed > .l-panel-header {
  border-bottom-width: 0;
}
/*panel-头部: 用flex布局方便设置工具栏*/
.l-panel-header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 35px;
  display: flex;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background-color: #4884F2;
  border-color: #4884F2;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  align-items: center;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
/*panel-标题： title内容也用flex布局， 方便图片和文字居中*/
.l-panel-title {
  position: relative;
  overflow: hidden;
  color: #fff;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: flex;
  align-items: center;
  margin-left: 5px;
}
/*panel-图标*/
.l-panel-title-icon {
  margin-right: 8px;
}
/*panel-文字*/
.l-panel-title-text {
  font-weight: bold;
  text-align: left;
  margin-left: 5px;
}
/*panel-工具栏*/
.l-panel-tools {
  overflow: hidden;
  color: #fff;
  display: flex;
  align-items: center;
}
/*panel-工具项*/
.l-panel-toolitem {
  display: inline-block;
  padding: 0 8px;
  cursor: pointer;
}
.l-panel-content {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*padding: 5px 5px 0; /*统一上， 左， 右默认5px的padding*/
  /*padding-top:5px;*/
  height: 100%;
  width: 100%;
  overflow: hidden;
  /*默认隐藏， 用属性autoScroll控制显示滚动条*/
  /*font-size: 0;*/
  /*解决内部用inline-block高度不对的bug*/
  /*
        by:2018-08-24 zcren 去掉font-size:0 不然panel里面的文字显示不出来，zyc又不知道为啥设置font-size:0，所以先去掉，保证字体显示出来
    */
}
.l-content-padding {
  padding: 8px 5px 0;
}
.l-panel-content-full {
  position: absolute;
  top: 35px;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}
/*panel-折叠： 用iconfont暂时没有样式， 但用于js找控件*/
/*panel-iframe内容*/
.l-panel-content iframe {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/*用于vpanel和hpanel内部定位的用途*/
.l-panel-inner {
  display: inline-block;
  /*height: 100%;*/
  width: 100%;
  font-size: 13px;
}
/*统一所有hpanel里面第一层的div为左浮动*/
.hpanel > .l-panel-content > .l-panel-inner > div {
  float: left !important;
}
/*统一hpanel最后一个div不浮动*/
.hpanel > .l-panel-content > .l-panel-inner > div:last-child {
  float: none !important;
  overflow: hidden;
}
.hpanel > .l-panel-content > .l-panel-inner > .l-grid:last-child {
  float: none;
  overflow: hidden;
}
.hpanel > .l-panel-content > .l-panel-inner > .l-grid:first-child {
  float: left;
}
/*所有面板内部的控件之间的margin统一,*/
.l-panel .panel-li,
.hpanel .panel-li,
.vpanel .panel-li {
  margin: 0 5px 5px 0;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.l-radio-wrapper {
  display: inline-block;
  cursor: pointer;
  height: 16px;
  line-height: 16px;
}
.l-radio {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  line-height: 1;
  vertical-align: text-bottom;
}
.l-radio-focus .l-radio-inner {
  border: 1px solid #528BF2;
  box-sizing: border-box;
}
.l-radio-focus .l-radio-checked .l-radio-inner:after {
  box-sizing: border-box;
  background: #6198FE;
}
.l-radio-input {
  position: absolute;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.l-radio-checked .l-radio-inner,
.l-radio:not(.l-box-disabled):hover .l-radio-inner {
  border-color: #528BF2;
}
.l-radio-inner {
  position: relative;
  top: -1px;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 100px;
  border: 1px solid #94A9BA;
  background-color: #fff;
  transition: all 0.3s;
}
.l-radio-inner:after {
  position: absolute;
  width: 8px;
  height: 8px;
  left: 3px;
  top: 3px;
  border-radius: 8px;
  display: table;
  border-top: 0;
  border-left: 0;
  content: ' ';
  background-color: #528BF2;
  opacity: 0;
  transform: scale(0);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.l-radio-checked .l-radio-inner:after {
  /*transform: scale(.875);*/
  -webkit-transform: scale(0.875);
  -moz-transform: scale(0.876);
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.l-radio:not(.l-box-disabled):hover .l-radio-inner {
  border-color: #528BF2;
}
.l-disabled .l-radio-inner {
  border-color: #CCDAE5;
  background-color: #F5F5F5;
}
.l-disabled .l-radio-inner:after {
  background-color: #B8B8B8;
}
.l-disabled .l-radio-input,
.l-disabled .l-radio:hover.l-radio-inner {
  cursor: not-allowed;
}
input[type=radio]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  border-color: #528BF2;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.l-radiolist {
  /*box-sizing: content-box;*/
  display: inline-block;
  /*padding: @radioboxlist-padding;*/
  overflow: hidden;
}
.l-radiolist-focus {
  border: 1px solid #528BF2 !important;
  box-sizing: border-box;
}
.l-radiolist-table {
  border-collapse: separate;
  border-spacing: 4px;
}
.l-radiolist td {
  padding: 0 4px;
}
.l-radiolist td .l-radio-checked .l-radio-inner {
  border: 1px solid #528BF2 !important;
  box-sizing: border-box;
}
.l-radiolist td:focus {
  outline-color: #fff;
}
/*.@{radiolist}-disabled td {
    color: #ccc;
}*/
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.l-row {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  height: auto;
  zoom: 1;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.l-row:before,
.l-row:after {
  content: "";
  display: table;
}
.l-row:after {
  clear: both;
}
.l-row-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.l-row-flex:before,
.l-row-flex:after {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.l-row-flex-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.l-row-flex-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.l-row-flex-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.l-row-flex-space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.l-row-flex-space-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.l-row-flex-top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.l-row-flex-middle {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.l-row-flex-bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.l-col {
  position: relative;
  display: block;
}
.l-col-1,
.l-col-xs-1,
.l-col-sm-1,
.l-col-md-1,
.l-col-lg-1,
.l-col-2,
.l-col-xs-2,
.l-col-sm-2,
.l-col-md-2,
.l-col-lg-2,
.l-col-3,
.l-col-xs-3,
.l-col-sm-3,
.l-col-md-3,
.l-col-lg-3,
.l-col-4,
.l-col-xs-4,
.l-col-sm-4,
.l-col-md-4,
.l-col-lg-4,
.l-col-5,
.l-col-xs-5,
.l-col-sm-5,
.l-col-md-5,
.l-col-lg-5,
.l-col-6,
.l-col-xs-6,
.l-col-sm-6,
.l-col-md-6,
.l-col-lg-6,
.l-col-7,
.l-col-xs-7,
.l-col-sm-7,
.l-col-md-7,
.l-col-lg-7,
.l-col-8,
.l-col-xs-8,
.l-col-sm-8,
.l-col-md-8,
.l-col-lg-8,
.l-col-9,
.l-col-xs-9,
.l-col-sm-9,
.l-col-md-9,
.l-col-lg-9,
.l-col-10,
.l-col-xs-10,
.l-col-sm-10,
.l-col-md-10,
.l-col-lg-10,
.l-col-11,
.l-col-xs-11,
.l-col-sm-11,
.l-col-md-11,
.l-col-lg-11,
.l-col-12,
.l-col-xs-12,
.l-col-sm-12,
.l-col-md-12,
.l-col-lg-12,
.l-col-13,
.l-col-xs-13,
.l-col-sm-13,
.l-col-md-13,
.l-col-lg-13,
.l-col-14,
.l-col-xs-14,
.l-col-sm-14,
.l-col-md-14,
.l-col-lg-14,
.l-col-15,
.l-col-xs-15,
.l-col-sm-15,
.l-col-md-15,
.l-col-lg-15,
.l-col-16,
.l-col-xs-16,
.l-col-sm-16,
.l-col-md-16,
.l-col-lg-16,
.l-col-17,
.l-col-xs-17,
.l-col-sm-17,
.l-col-md-17,
.l-col-lg-17,
.l-col-18,
.l-col-xs-18,
.l-col-sm-18,
.l-col-md-18,
.l-col-lg-18,
.l-col-19,
.l-col-xs-19,
.l-col-sm-19,
.l-col-md-19,
.l-col-lg-19,
.l-col-20,
.l-col-xs-20,
.l-col-sm-20,
.l-col-md-20,
.l-col-lg-20,
.l-col-21,
.l-col-xs-21,
.l-col-sm-21,
.l-col-md-21,
.l-col-lg-21,
.l-col-22,
.l-col-xs-22,
.l-col-sm-22,
.l-col-md-22,
.l-col-lg-22,
.l-col-23,
.l-col-xs-23,
.l-col-sm-23,
.l-col-md-23,
.l-col-lg-23,
.l-col-24,
.l-col-xs-24,
.l-col-sm-24,
.l-col-md-24,
.l-col-lg-24 {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
}
.l-col-1,
.l-col-2,
.l-col-3,
.l-col-4,
.l-col-5,
.l-col-6,
.l-col-7,
.l-col-8,
.l-col-9,
.l-col-10,
.l-col-11,
.l-col-12,
.l-col-13,
.l-col-14,
.l-col-15,
.l-col-16,
.l-col-17,
.l-col-18,
.l-col-19,
.l-col-20,
.l-col-21,
.l-col-22,
.l-col-23,
.l-col-24 {
  float: left;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.l-col-24 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.l-col-push-24 {
  left: 100%;
}
.l-col-pull-24 {
  right: 100%;
}
.l-col-offset-24 {
  margin-left: 100%;
}
.l-col-order-24 {
  -webkit-box-ordinal-group: 25;
  -webkit-order: 24;
  -ms-flex-order: 24;
  order: 24;
}
.l-col-23 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 95.83333333%;
}
.l-col-push-23 {
  left: 95.83333333%;
}
.l-col-pull-23 {
  right: 95.83333333%;
}
.l-col-offset-23 {
  margin-left: 95.83333333%;
}
.l-col-order-23 {
  -webkit-box-ordinal-group: 24;
  -webkit-order: 23;
  -ms-flex-order: 23;
  order: 23;
}
.l-col-22 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 91.66666667%;
}
.l-col-push-22 {
  left: 91.66666667%;
}
.l-col-pull-22 {
  right: 91.66666667%;
}
.l-col-offset-22 {
  margin-left: 91.66666667%;
}
.l-col-order-22 {
  -webkit-box-ordinal-group: 23;
  -webkit-order: 22;
  -ms-flex-order: 22;
  order: 22;
}
.l-col-21 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 87.5%;
}
.l-col-push-21 {
  left: 87.5%;
}
.l-col-pull-21 {
  right: 87.5%;
}
.l-col-offset-21 {
  margin-left: 87.5%;
}
.l-col-order-21 {
  -webkit-box-ordinal-group: 22;
  -webkit-order: 21;
  -ms-flex-order: 21;
  order: 21;
}
.l-col-20 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 83.33333333%;
}
.l-col-push-20 {
  left: 83.33333333%;
}
.l-col-pull-20 {
  right: 83.33333333%;
}
.l-col-offset-20 {
  margin-left: 83.33333333%;
}
.l-col-order-20 {
  -webkit-box-ordinal-group: 21;
  -webkit-order: 20;
  -ms-flex-order: 20;
  order: 20;
}
.l-col-19 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 79.16666667%;
}
.l-col-push-19 {
  left: 79.16666667%;
}
.l-col-pull-19 {
  right: 79.16666667%;
}
.l-col-offset-19 {
  margin-left: 79.16666667%;
}
.l-col-order-19 {
  -webkit-box-ordinal-group: 20;
  -webkit-order: 19;
  -ms-flex-order: 19;
  order: 19;
}
.l-col-18 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 75%;
}
.l-col-push-18 {
  left: 75%;
}
.l-col-pull-18 {
  right: 75%;
}
.l-col-offset-18 {
  margin-left: 75%;
}
.l-col-order-18 {
  -webkit-box-ordinal-group: 19;
  -webkit-order: 18;
  -ms-flex-order: 18;
  order: 18;
}
.l-col-17 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 70.83333333%;
}
.l-col-push-17 {
  left: 70.83333333%;
}
.l-col-pull-17 {
  right: 70.83333333%;
}
.l-col-offset-17 {
  margin-left: 70.83333333%;
}
.l-col-order-17 {
  -webkit-box-ordinal-group: 18;
  -webkit-order: 17;
  -ms-flex-order: 17;
  order: 17;
}
.l-col-16 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 66.66666667%;
}
.l-col-push-16 {
  left: 66.66666667%;
}
.l-col-pull-16 {
  right: 66.66666667%;
}
.l-col-offset-16 {
  margin-left: 66.66666667%;
}
.l-col-order-16 {
  -webkit-box-ordinal-group: 17;
  -webkit-order: 16;
  -ms-flex-order: 16;
  order: 16;
}
.l-col-15 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 62.5%;
}
.l-col-push-15 {
  left: 62.5%;
}
.l-col-pull-15 {
  right: 62.5%;
}
.l-col-offset-15 {
  margin-left: 62.5%;
}
.l-col-order-15 {
  -webkit-box-ordinal-group: 16;
  -webkit-order: 15;
  -ms-flex-order: 15;
  order: 15;
}
.l-col-14 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 58.33333333%;
}
.l-col-push-14 {
  left: 58.33333333%;
}
.l-col-pull-14 {
  right: 58.33333333%;
}
.l-col-offset-14 {
  margin-left: 58.33333333%;
}
.l-col-order-14 {
  -webkit-box-ordinal-group: 15;
  -webkit-order: 14;
  -ms-flex-order: 14;
  order: 14;
}
.l-col-13 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 54.16666667%;
}
.l-col-push-13 {
  left: 54.16666667%;
}
.l-col-pull-13 {
  right: 54.16666667%;
}
.l-col-offset-13 {
  margin-left: 54.16666667%;
}
.l-col-order-13 {
  -webkit-box-ordinal-group: 14;
  -webkit-order: 13;
  -ms-flex-order: 13;
  order: 13;
}
.l-col-12 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
}
.l-col-push-12 {
  left: 50%;
}
.l-col-pull-12 {
  right: 50%;
}
.l-col-offset-12 {
  margin-left: 50%;
}
.l-col-order-12 {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
  -ms-flex-order: 12;
  order: 12;
}
.l-col-11 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 45.83333333%;
}
.l-col-push-11 {
  left: 45.83333333%;
}
.l-col-pull-11 {
  right: 45.83333333%;
}
.l-col-offset-11 {
  margin-left: 45.83333333%;
}
.l-col-order-11 {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
  -ms-flex-order: 11;
  order: 11;
}
.l-col-10 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 41.66666667%;
}
.l-col-push-10 {
  left: 41.66666667%;
}
.l-col-pull-10 {
  right: 41.66666667%;
}
.l-col-offset-10 {
  margin-left: 41.66666667%;
}
.l-col-order-10 {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10;
}
.l-col-9 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 37.5%;
}
.l-col-push-9 {
  left: 37.5%;
}
.l-col-pull-9 {
  right: 37.5%;
}
.l-col-offset-9 {
  margin-left: 37.5%;
}
.l-col-order-9 {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
  -ms-flex-order: 9;
  order: 9;
}
.l-col-8 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.33333333%;
}
.l-col-push-8 {
  left: 33.33333333%;
}
.l-col-pull-8 {
  right: 33.33333333%;
}
.l-col-offset-8 {
  margin-left: 33.33333333%;
}
.l-col-order-8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
  -ms-flex-order: 8;
  order: 8;
}
.l-col-7 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 29.16666667%;
}
.l-col-push-7 {
  left: 29.16666667%;
}
.l-col-pull-7 {
  right: 29.16666667%;
}
.l-col-offset-7 {
  margin-left: 29.16666667%;
}
.l-col-order-7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  -ms-flex-order: 7;
  order: 7;
}
.l-col-6 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
}
.l-col-push-6 {
  left: 25%;
}
.l-col-pull-6 {
  right: 25%;
}
.l-col-offset-6 {
  margin-left: 25%;
}
.l-col-order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6;
}
.l-col-5 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20.83333333%;
}
.l-col-push-5 {
  left: 20.83333333%;
}
.l-col-pull-5 {
  right: 20.83333333%;
}
.l-col-offset-5 {
  margin-left: 20.83333333%;
}
.l-col-order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
}
.l-col-4 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 16.66666667%;
}
.l-col-push-4 {
  left: 16.66666667%;
}
.l-col-pull-4 {
  right: 16.66666667%;
}
.l-col-offset-4 {
  margin-left: 16.66666667%;
}
.l-col-order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
}
.l-col-3 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 12.5%;
}
.l-col-push-3 {
  left: 12.5%;
}
.l-col-pull-3 {
  right: 12.5%;
}
.l-col-offset-3 {
  margin-left: 12.5%;
}
.l-col-order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}
.l-col-2 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 8.33333333%;
}
.l-col-push-2 {
  left: 8.33333333%;
}
.l-col-pull-2 {
  right: 8.33333333%;
}
.l-col-offset-2 {
  margin-left: 8.33333333%;
}
.l-col-order-2 {
  -webkit-box-ordinal-group: 3;
  /* -webkit-order: 2; */
  -ms-flex-order: 2;
  /* order: 2; */
}
.l-col-1 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 4.16666667%;
}
.l-col-push-1 {
  left: 4.16666667%;
}
.l-col-pull-1 {
  right: 4.16666667%;
}
.l-col-offset-1 {
  margin-left: 4.16666667%;
}
.l-col-order-1 {
  -webkit-box-ordinal-group: 2;
  /* -webkit-order: 1; */
  -ms-flex-order: 1;
  /* order: 1; */
}
.l-col-0 {
  display: none;
}
.l-col-push-0 {
  left: auto;
}
.l-col-pull-0 {
  right: auto;
}
.l-col-push-0 {
  left: auto;
}
.l-col-pull-0 {
  right: auto;
}
.l-col-offset-0 {
  margin-left: 0;
}
.l-col-order-0 {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
.l-col-xs-1,
.l-col-xs-2,
.l-col-xs-3,
.l-col-xs-4,
.l-col-xs-5,
.l-col-xs-6,
.l-col-xs-7,
.l-col-xs-8,
.l-col-xs-9,
.l-col-xs-10,
.l-col-xs-11,
.l-col-xs-12,
.l-col-xs-13,
.l-col-xs-14,
.l-col-xs-15,
.l-col-xs-16,
.l-col-xs-17,
.l-col-xs-18,
.l-col-xs-19,
.l-col-xs-20,
.l-col-xs-21,
.l-col-xs-22,
.l-col-xs-23,
.l-col-xs-24 {
  float: left;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.l-col-xs-24 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.l-col-xs-push-24 {
  left: 100%;
}
.l-col-xs-pull-24 {
  right: 100%;
}
.l-col-xs-offset-24 {
  margin-left: 100%;
}
.l-col-xs-order-24 {
  -webkit-box-ordinal-group: 25;
  -webkit-order: 24;
  -ms-flex-order: 24;
  order: 24;
}
.l-col-xs-23 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 95.83333333%;
}
.l-col-xs-push-23 {
  left: 95.83333333%;
}
.l-col-xs-pull-23 {
  right: 95.83333333%;
}
.l-col-xs-offset-23 {
  margin-left: 95.83333333%;
}
.l-col-xs-order-23 {
  -webkit-box-ordinal-group: 24;
  -webkit-order: 23;
  -ms-flex-order: 23;
  order: 23;
}
.l-col-xs-22 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 91.66666667%;
}
.l-col-xs-push-22 {
  left: 91.66666667%;
}
.l-col-xs-pull-22 {
  right: 91.66666667%;
}
.l-col-xs-offset-22 {
  margin-left: 91.66666667%;
}
.l-col-xs-order-22 {
  -webkit-box-ordinal-group: 23;
  -webkit-order: 22;
  -ms-flex-order: 22;
  order: 22;
}
.l-col-xs-21 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 87.5%;
}
.l-col-xs-push-21 {
  left: 87.5%;
}
.l-col-xs-pull-21 {
  right: 87.5%;
}
.l-col-xs-offset-21 {
  margin-left: 87.5%;
}
.l-col-xs-order-21 {
  -webkit-box-ordinal-group: 22;
  -webkit-order: 21;
  -ms-flex-order: 21;
  order: 21;
}
.l-col-xs-20 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 83.33333333%;
}
.l-col-xs-push-20 {
  left: 83.33333333%;
}
.l-col-xs-pull-20 {
  right: 83.33333333%;
}
.l-col-xs-offset-20 {
  margin-left: 83.33333333%;
}
.l-col-xs-order-20 {
  -webkit-box-ordinal-group: 21;
  -webkit-order: 20;
  -ms-flex-order: 20;
  order: 20;
}
.l-col-xs-19 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 79.16666667%;
}
.l-col-xs-push-19 {
  left: 79.16666667%;
}
.l-col-xs-pull-19 {
  right: 79.16666667%;
}
.l-col-xs-offset-19 {
  margin-left: 79.16666667%;
}
.l-col-xs-order-19 {
  -webkit-box-ordinal-group: 20;
  -webkit-order: 19;
  -ms-flex-order: 19;
  order: 19;
}
.l-col-xs-18 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 75%;
}
.l-col-xs-push-18 {
  left: 75%;
}
.l-col-xs-pull-18 {
  right: 75%;
}
.l-col-xs-offset-18 {
  margin-left: 75%;
}
.l-col-xs-order-18 {
  -webkit-box-ordinal-group: 19;
  -webkit-order: 18;
  -ms-flex-order: 18;
  order: 18;
}
.l-col-xs-17 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 70.83333333%;
}
.l-col-xs-push-17 {
  left: 70.83333333%;
}
.l-col-xs-pull-17 {
  right: 70.83333333%;
}
.l-col-xs-offset-17 {
  margin-left: 70.83333333%;
}
.l-col-xs-order-17 {
  -webkit-box-ordinal-group: 18;
  -webkit-order: 17;
  -ms-flex-order: 17;
  order: 17;
}
.l-col-xs-16 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 66.66666667%;
}
.l-col-xs-push-16 {
  left: 66.66666667%;
}
.l-col-xs-pull-16 {
  right: 66.66666667%;
}
.l-col-xs-offset-16 {
  margin-left: 66.66666667%;
}
.l-col-xs-order-16 {
  -webkit-box-ordinal-group: 17;
  -webkit-order: 16;
  -ms-flex-order: 16;
  order: 16;
}
.l-col-xs-15 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 62.5%;
}
.l-col-xs-push-15 {
  left: 62.5%;
}
.l-col-xs-pull-15 {
  right: 62.5%;
}
.l-col-xs-offset-15 {
  margin-left: 62.5%;
}
.l-col-xs-order-15 {
  -webkit-box-ordinal-group: 16;
  -webkit-order: 15;
  -ms-flex-order: 15;
  order: 15;
}
.l-col-xs-14 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 58.33333333%;
}
.l-col-xs-push-14 {
  left: 58.33333333%;
}
.l-col-xs-pull-14 {
  right: 58.33333333%;
}
.l-col-xs-offset-14 {
  margin-left: 58.33333333%;
}
.l-col-xs-order-14 {
  -webkit-box-ordinal-group: 15;
  -webkit-order: 14;
  -ms-flex-order: 14;
  order: 14;
}
.l-col-xs-13 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 54.16666667%;
}
.l-col-xs-push-13 {
  left: 54.16666667%;
}
.l-col-xs-pull-13 {
  right: 54.16666667%;
}
.l-col-xs-offset-13 {
  margin-left: 54.16666667%;
}
.l-col-xs-order-13 {
  -webkit-box-ordinal-group: 14;
  -webkit-order: 13;
  -ms-flex-order: 13;
  order: 13;
}
.l-col-xs-12 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
}
.l-col-xs-push-12 {
  left: 50%;
}
.l-col-xs-pull-12 {
  right: 50%;
}
.l-col-xs-offset-12 {
  margin-left: 50%;
}
.l-col-xs-order-12 {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
  -ms-flex-order: 12;
  order: 12;
}
.l-col-xs-11 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 45.83333333%;
}
.l-col-xs-push-11 {
  left: 45.83333333%;
}
.l-col-xs-pull-11 {
  right: 45.83333333%;
}
.l-col-xs-offset-11 {
  margin-left: 45.83333333%;
}
.l-col-xs-order-11 {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
  -ms-flex-order: 11;
  order: 11;
}
.l-col-xs-10 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 41.66666667%;
}
.l-col-xs-push-10 {
  left: 41.66666667%;
}
.l-col-xs-pull-10 {
  right: 41.66666667%;
}
.l-col-xs-offset-10 {
  margin-left: 41.66666667%;
}
.l-col-xs-order-10 {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10;
}
.l-col-xs-9 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 37.5%;
}
.l-col-xs-push-9 {
  left: 37.5%;
}
.l-col-xs-pull-9 {
  right: 37.5%;
}
.l-col-xs-offset-9 {
  margin-left: 37.5%;
}
.l-col-xs-order-9 {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
  -ms-flex-order: 9;
  order: 9;
}
.l-col-xs-8 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.33333333%;
}
.l-col-xs-push-8 {
  left: 33.33333333%;
}
.l-col-xs-pull-8 {
  right: 33.33333333%;
}
.l-col-xs-offset-8 {
  margin-left: 33.33333333%;
}
.l-col-xs-order-8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
  -ms-flex-order: 8;
  order: 8;
}
.l-col-xs-7 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 29.16666667%;
}
.l-col-xs-push-7 {
  left: 29.16666667%;
}
.l-col-xs-pull-7 {
  right: 29.16666667%;
}
.l-col-xs-offset-7 {
  margin-left: 29.16666667%;
}
.l-col-xs-order-7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  -ms-flex-order: 7;
  order: 7;
}
.l-col-xs-6 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
}
.l-col-xs-push-6 {
  left: 25%;
}
.l-col-xs-pull-6 {
  right: 25%;
}
.l-col-xs-offset-6 {
  margin-left: 25%;
}
.l-col-xs-order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6;
}
.l-col-xs-5 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20.83333333%;
}
.l-col-xs-push-5 {
  left: 20.83333333%;
}
.l-col-xs-pull-5 {
  right: 20.83333333%;
}
.l-col-xs-offset-5 {
  margin-left: 20.83333333%;
}
.l-col-xs-order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
}
.l-col-xs-4 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 16.66666667%;
}
.l-col-xs-push-4 {
  left: 16.66666667%;
}
.l-col-xs-pull-4 {
  right: 16.66666667%;
}
.l-col-xs-offset-4 {
  margin-left: 16.66666667%;
}
.l-col-xs-order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
}
.l-col-xs-3 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 12.5%;
}
.l-col-xs-push-3 {
  left: 12.5%;
}
.l-col-xs-pull-3 {
  right: 12.5%;
}
.l-col-xs-offset-3 {
  margin-left: 12.5%;
}
.l-col-xs-order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}
.l-col-xs-2 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 8.33333333%;
}
.l-col-xs-push-2 {
  left: 8.33333333%;
}
.l-col-xs-pull-2 {
  right: 8.33333333%;
}
.l-col-xs-offset-2 {
  margin-left: 8.33333333%;
}
.l-col-xs-order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
.l-col-xs-1 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 4.16666667%;
}
.l-col-xs-push-1 {
  left: 4.16666667%;
}
.l-col-xs-pull-1 {
  right: 4.16666667%;
}
.l-col-xs-offset-1 {
  margin-left: 4.16666667%;
}
.l-col-xs-order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.l-col-xs-0 {
  display: none;
}
.l-col-push-0 {
  left: auto;
}
.l-col-pull-0 {
  right: auto;
}
.l-col-xs-push-0 {
  left: auto;
}
.l-col-xs-pull-0 {
  right: auto;
}
.l-col-xs-offset-0 {
  margin-left: 0;
}
.l-col-xs-order-0 {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
@media (min-width: 576px) {
  .l-col-sm-1,
  .l-col-sm-2,
  .l-col-sm-3,
  .l-col-sm-4,
  .l-col-sm-5,
  .l-col-sm-6,
  .l-col-sm-7,
  .l-col-sm-8,
  .l-col-sm-9,
  .l-col-sm-10,
  .l-col-sm-11,
  .l-col-sm-12,
  .l-col-sm-13,
  .l-col-sm-14,
  .l-col-sm-15,
  .l-col-sm-16,
  .l-col-sm-17,
  .l-col-sm-18,
  .l-col-sm-19,
  .l-col-sm-20,
  .l-col-sm-21,
  .l-col-sm-22,
  .l-col-sm-23,
  .l-col-sm-24 {
    float: left;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .l-col-sm-24 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
  .l-col-sm-push-24 {
    left: 100%;
  }
  .l-col-sm-pull-24 {
    right: 100%;
  }
  .l-col-sm-offset-24 {
    margin-left: 100%;
  }
  .l-col-sm-order-24 {
    -webkit-box-ordinal-group: 25;
    -webkit-order: 24;
    -ms-flex-order: 24;
    order: 24;
  }
  .l-col-sm-23 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .l-col-sm-push-23 {
    left: 95.83333333%;
  }
  .l-col-sm-pull-23 {
    right: 95.83333333%;
  }
  .l-col-sm-offset-23 {
    margin-left: 95.83333333%;
  }
  .l-col-sm-order-23 {
    -webkit-box-ordinal-group: 24;
    -webkit-order: 23;
    -ms-flex-order: 23;
    order: 23;
  }
  .l-col-sm-22 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .l-col-sm-push-22 {
    left: 91.66666667%;
  }
  .l-col-sm-pull-22 {
    right: 91.66666667%;
  }
  .l-col-sm-offset-22 {
    margin-left: 91.66666667%;
  }
  .l-col-sm-order-22 {
    -webkit-box-ordinal-group: 23;
    -webkit-order: 22;
    -ms-flex-order: 22;
    order: 22;
  }
  .l-col-sm-21 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 87.5%;
  }
  .l-col-sm-push-21 {
    left: 87.5%;
  }
  .l-col-sm-pull-21 {
    right: 87.5%;
  }
  .l-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .l-col-sm-order-21 {
    -webkit-box-ordinal-group: 22;
    -webkit-order: 21;
    -ms-flex-order: 21;
    order: 21;
  }
  .l-col-sm-20 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .l-col-sm-push-20 {
    left: 83.33333333%;
  }
  .l-col-sm-pull-20 {
    right: 83.33333333%;
  }
  .l-col-sm-offset-20 {
    margin-left: 83.33333333%;
  }
  .l-col-sm-order-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20;
  }
  .l-col-sm-19 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .l-col-sm-push-19 {
    left: 79.16666667%;
  }
  .l-col-sm-pull-19 {
    right: 79.16666667%;
  }
  .l-col-sm-offset-19 {
    margin-left: 79.16666667%;
  }
  .l-col-sm-order-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
    -ms-flex-order: 19;
    order: 19;
  }
  .l-col-sm-18 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 75%;
  }
  .l-col-sm-push-18 {
    left: 75%;
  }
  .l-col-sm-pull-18 {
    right: 75%;
  }
  .l-col-sm-offset-18 {
    margin-left: 75%;
  }
  .l-col-sm-order-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
    -ms-flex-order: 18;
    order: 18;
  }
  .l-col-sm-17 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .l-col-sm-push-17 {
    left: 70.83333333%;
  }
  .l-col-sm-pull-17 {
    right: 70.83333333%;
  }
  .l-col-sm-offset-17 {
    margin-left: 70.83333333%;
  }
  .l-col-sm-order-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
    -ms-flex-order: 17;
    order: 17;
  }
  .l-col-sm-16 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .l-col-sm-push-16 {
    left: 66.66666667%;
  }
  .l-col-sm-pull-16 {
    right: 66.66666667%;
  }
  .l-col-sm-offset-16 {
    margin-left: 66.66666667%;
  }
  .l-col-sm-order-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
    -ms-flex-order: 16;
    order: 16;
  }
  .l-col-sm-15 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 62.5%;
  }
  .l-col-sm-push-15 {
    left: 62.5%;
  }
  .l-col-sm-pull-15 {
    right: 62.5%;
  }
  .l-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .l-col-sm-order-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
    -ms-flex-order: 15;
    order: 15;
  }
  .l-col-sm-14 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .l-col-sm-push-14 {
    left: 58.33333333%;
  }
  .l-col-sm-pull-14 {
    right: 58.33333333%;
  }
  .l-col-sm-offset-14 {
    margin-left: 58.33333333%;
  }
  .l-col-sm-order-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
    -ms-flex-order: 14;
    order: 14;
  }
  .l-col-sm-13 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .l-col-sm-push-13 {
    left: 54.16666667%;
  }
  .l-col-sm-pull-13 {
    right: 54.16666667%;
  }
  .l-col-sm-offset-13 {
    margin-left: 54.16666667%;
  }
  .l-col-sm-order-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }
  .l-col-sm-12 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
  }
  .l-col-sm-push-12 {
    left: 50%;
  }
  .l-col-sm-pull-12 {
    right: 50%;
  }
  .l-col-sm-offset-12 {
    margin-left: 50%;
  }
  .l-col-sm-order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .l-col-sm-11 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .l-col-sm-push-11 {
    left: 45.83333333%;
  }
  .l-col-sm-pull-11 {
    right: 45.83333333%;
  }
  .l-col-sm-offset-11 {
    margin-left: 45.83333333%;
  }
  .l-col-sm-order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .l-col-sm-10 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .l-col-sm-push-10 {
    left: 41.66666667%;
  }
  .l-col-sm-pull-10 {
    right: 41.66666667%;
  }
  .l-col-sm-offset-10 {
    margin-left: 41.66666667%;
  }
  .l-col-sm-order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .l-col-sm-9 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 37.5%;
  }
  .l-col-sm-push-9 {
    left: 37.5%;
  }
  .l-col-sm-pull-9 {
    right: 37.5%;
  }
  .l-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .l-col-sm-order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .l-col-sm-8 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .l-col-sm-push-8 {
    left: 33.33333333%;
  }
  .l-col-sm-pull-8 {
    right: 33.33333333%;
  }
  .l-col-sm-offset-8 {
    margin-left: 33.33333333%;
  }
  .l-col-sm-order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .l-col-sm-7 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .l-col-sm-push-7 {
    left: 29.16666667%;
  }
  .l-col-sm-pull-7 {
    right: 29.16666667%;
  }
  .l-col-sm-offset-7 {
    margin-left: 29.16666667%;
  }
  .l-col-sm-order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .l-col-sm-6 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
  }
  .l-col-sm-push-6 {
    left: 25%;
  }
  .l-col-sm-pull-6 {
    right: 25%;
  }
  .l-col-sm-offset-6 {
    margin-left: 25%;
  }
  .l-col-sm-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .l-col-sm-5 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .l-col-sm-push-5 {
    left: 20.83333333%;
  }
  .l-col-sm-pull-5 {
    right: 20.83333333%;
  }
  .l-col-sm-offset-5 {
    margin-left: 20.83333333%;
  }
  .l-col-sm-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .l-col-sm-4 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .l-col-sm-push-4 {
    left: 16.66666667%;
  }
  .l-col-sm-pull-4 {
    right: 16.66666667%;
  }
  .l-col-sm-offset-4 {
    margin-left: 16.66666667%;
  }
  .l-col-sm-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .l-col-sm-3 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 12.5%;
  }
  .l-col-sm-push-3 {
    left: 12.5%;
  }
  .l-col-sm-pull-3 {
    right: 12.5%;
  }
  .l-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .l-col-sm-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .l-col-sm-2 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .l-col-sm-push-2 {
    left: 8.33333333%;
  }
  .l-col-sm-pull-2 {
    right: 8.33333333%;
  }
  .l-col-sm-offset-2 {
    margin-left: 8.33333333%;
  }
  .l-col-sm-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .l-col-sm-1 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .l-col-sm-push-1 {
    left: 4.16666667%;
  }
  .l-col-sm-pull-1 {
    right: 4.16666667%;
  }
  .l-col-sm-offset-1 {
    margin-left: 4.16666667%;
  }
  .l-col-sm-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .l-col-sm-0 {
    display: none;
  }
  .l-col-push-0 {
    left: auto;
  }
  .l-col-pull-0 {
    right: auto;
  }
  .l-col-sm-push-0 {
    left: auto;
  }
  .l-col-sm-pull-0 {
    right: auto;
  }
  .l-col-sm-offset-0 {
    margin-left: 0;
  }
  .l-col-sm-order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
@media (min-width: 768px) {
  .l-col-md-1,
  .l-col-md-2,
  .l-col-md-3,
  .l-col-md-4,
  .l-col-md-5,
  .l-col-md-6,
  .l-col-md-7,
  .l-col-md-8,
  .l-col-md-9,
  .l-col-md-10,
  .l-col-md-11,
  .l-col-md-12,
  .l-col-md-13,
  .l-col-md-14,
  .l-col-md-15,
  .l-col-md-16,
  .l-col-md-17,
  .l-col-md-18,
  .l-col-md-19,
  .l-col-md-20,
  .l-col-md-21,
  .l-col-md-22,
  .l-col-md-23,
  .l-col-md-24 {
    float: left;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .l-col-md-24 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
  .l-col-md-push-24 {
    left: 100%;
  }
  .l-col-md-pull-24 {
    right: 100%;
  }
  .l-col-md-offset-24 {
    margin-left: 100%;
  }
  .l-col-md-order-24 {
    -webkit-box-ordinal-group: 25;
    -webkit-order: 24;
    -ms-flex-order: 24;
    order: 24;
  }
  .l-col-md-23 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .l-col-md-push-23 {
    left: 95.83333333%;
  }
  .l-col-md-pull-23 {
    right: 95.83333333%;
  }
  .l-col-md-offset-23 {
    margin-left: 95.83333333%;
  }
  .l-col-md-order-23 {
    -webkit-box-ordinal-group: 24;
    -webkit-order: 23;
    -ms-flex-order: 23;
    order: 23;
  }
  .l-col-md-22 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .l-col-md-push-22 {
    left: 91.66666667%;
  }
  .l-col-md-pull-22 {
    right: 91.66666667%;
  }
  .l-col-md-offset-22 {
    margin-left: 91.66666667%;
  }
  .l-col-md-order-22 {
    -webkit-box-ordinal-group: 23;
    -webkit-order: 22;
    -ms-flex-order: 22;
    order: 22;
  }
  .l-col-md-21 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 87.5%;
  }
  .l-col-md-push-21 {
    left: 87.5%;
  }
  .l-col-md-pull-21 {
    right: 87.5%;
  }
  .l-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .l-col-md-order-21 {
    -webkit-box-ordinal-group: 22;
    -webkit-order: 21;
    -ms-flex-order: 21;
    order: 21;
  }
  .l-col-md-20 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .l-col-md-push-20 {
    left: 83.33333333%;
  }
  .l-col-md-pull-20 {
    right: 83.33333333%;
  }
  .l-col-md-offset-20 {
    margin-left: 83.33333333%;
  }
  .l-col-md-order-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20;
  }
  .l-col-md-19 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .l-col-md-push-19 {
    left: 79.16666667%;
  }
  .l-col-md-pull-19 {
    right: 79.16666667%;
  }
  .l-col-md-offset-19 {
    margin-left: 79.16666667%;
  }
  .l-col-md-order-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
    -ms-flex-order: 19;
    order: 19;
  }
  .l-col-md-18 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 75%;
  }
  .l-col-md-push-18 {
    left: 75%;
  }
  .l-col-md-pull-18 {
    right: 75%;
  }
  .l-col-md-offset-18 {
    margin-left: 75%;
  }
  .l-col-md-order-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
    -ms-flex-order: 18;
    order: 18;
  }
  .l-col-md-17 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .l-col-md-push-17 {
    left: 70.83333333%;
  }
  .l-col-md-pull-17 {
    right: 70.83333333%;
  }
  .l-col-md-offset-17 {
    margin-left: 70.83333333%;
  }
  .l-col-md-order-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
    -ms-flex-order: 17;
    order: 17;
  }
  .l-col-md-16 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .l-col-md-push-16 {
    left: 66.66666667%;
  }
  .l-col-md-pull-16 {
    right: 66.66666667%;
  }
  .l-col-md-offset-16 {
    margin-left: 66.66666667%;
  }
  .l-col-md-order-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
    -ms-flex-order: 16;
    order: 16;
  }
  .l-col-md-15 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 62.5%;
  }
  .l-col-md-push-15 {
    left: 62.5%;
  }
  .l-col-md-pull-15 {
    right: 62.5%;
  }
  .l-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .l-col-md-order-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
    -ms-flex-order: 15;
    order: 15;
  }
  .l-col-md-14 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .l-col-md-push-14 {
    left: 58.33333333%;
  }
  .l-col-md-pull-14 {
    right: 58.33333333%;
  }
  .l-col-md-offset-14 {
    margin-left: 58.33333333%;
  }
  .l-col-md-order-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
    -ms-flex-order: 14;
    order: 14;
  }
  .l-col-md-13 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .l-col-md-push-13 {
    left: 54.16666667%;
  }
  .l-col-md-pull-13 {
    right: 54.16666667%;
  }
  .l-col-md-offset-13 {
    margin-left: 54.16666667%;
  }
  .l-col-md-order-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }
  .l-col-md-12 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
  }
  .l-col-md-push-12 {
    left: 50%;
  }
  .l-col-md-pull-12 {
    right: 50%;
  }
  .l-col-md-offset-12 {
    margin-left: 50%;
  }
  .l-col-md-order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .l-col-md-11 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .l-col-md-push-11 {
    left: 45.83333333%;
  }
  .l-col-md-pull-11 {
    right: 45.83333333%;
  }
  .l-col-md-offset-11 {
    margin-left: 45.83333333%;
  }
  .l-col-md-order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .l-col-md-10 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .l-col-md-push-10 {
    left: 41.66666667%;
  }
  .l-col-md-pull-10 {
    right: 41.66666667%;
  }
  .l-col-md-offset-10 {
    margin-left: 41.66666667%;
  }
  .l-col-md-order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .l-col-md-9 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 37.5%;
  }
  .l-col-md-push-9 {
    left: 37.5%;
  }
  .l-col-md-pull-9 {
    right: 37.5%;
  }
  .l-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .l-col-md-order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .l-col-md-8 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .l-col-md-push-8 {
    left: 33.33333333%;
  }
  .l-col-md-pull-8 {
    right: 33.33333333%;
  }
  .l-col-md-offset-8 {
    margin-left: 33.33333333%;
  }
  .l-col-md-order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .l-col-md-7 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .l-col-md-push-7 {
    left: 29.16666667%;
  }
  .l-col-md-pull-7 {
    right: 29.16666667%;
  }
  .l-col-md-offset-7 {
    margin-left: 29.16666667%;
  }
  .l-col-md-order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .l-col-md-6 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
  }
  .l-col-md-push-6 {
    left: 25%;
  }
  .l-col-md-pull-6 {
    right: 25%;
  }
  .l-col-md-offset-6 {
    margin-left: 25%;
  }
  .l-col-md-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .l-col-md-5 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .l-col-md-push-5 {
    left: 20.83333333%;
  }
  .l-col-md-pull-5 {
    right: 20.83333333%;
  }
  .l-col-md-offset-5 {
    margin-left: 20.83333333%;
  }
  .l-col-md-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .l-col-md-4 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .l-col-md-push-4 {
    left: 16.66666667%;
  }
  .l-col-md-pull-4 {
    right: 16.66666667%;
  }
  .l-col-md-offset-4 {
    margin-left: 16.66666667%;
  }
  .l-col-md-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .l-col-md-3 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 12.5%;
  }
  .l-col-md-push-3 {
    left: 12.5%;
  }
  .l-col-md-pull-3 {
    right: 12.5%;
  }
  .l-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .l-col-md-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .l-col-md-2 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .l-col-md-push-2 {
    left: 8.33333333%;
  }
  .l-col-md-pull-2 {
    right: 8.33333333%;
  }
  .l-col-md-offset-2 {
    margin-left: 8.33333333%;
  }
  .l-col-md-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .l-col-md-1 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .l-col-md-push-1 {
    left: 4.16666667%;
  }
  .l-col-md-pull-1 {
    right: 4.16666667%;
  }
  .l-col-md-offset-1 {
    margin-left: 4.16666667%;
  }
  .l-col-md-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .l-col-md-0 {
    display: none;
  }
  .l-col-push-0 {
    left: auto;
  }
  .l-col-pull-0 {
    right: auto;
  }
  .l-col-md-push-0 {
    left: auto;
  }
  .l-col-md-pull-0 {
    right: auto;
  }
  .l-col-md-offset-0 {
    margin-left: 0;
  }
  .l-col-md-order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
@media (min-width: 992px) {
  .l-col-lg-1,
  .l-col-lg-2,
  .l-col-lg-3,
  .l-col-lg-4,
  .l-col-lg-5,
  .l-col-lg-6,
  .l-col-lg-7,
  .l-col-lg-8,
  .l-col-lg-9,
  .l-col-lg-10,
  .l-col-lg-11,
  .l-col-lg-12,
  .l-col-lg-13,
  .l-col-lg-14,
  .l-col-lg-15,
  .l-col-lg-16,
  .l-col-lg-17,
  .l-col-lg-18,
  .l-col-lg-19,
  .l-col-lg-20,
  .l-col-lg-21,
  .l-col-lg-22,
  .l-col-lg-23,
  .l-col-lg-24 {
    float: left;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .l-col-lg-24 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
  .l-col-lg-push-24 {
    left: 100%;
  }
  .l-col-lg-pull-24 {
    right: 100%;
  }
  .l-col-lg-offset-24 {
    margin-left: 100%;
  }
  .l-col-lg-order-24 {
    -webkit-box-ordinal-group: 25;
    -webkit-order: 24;
    -ms-flex-order: 24;
    order: 24;
  }
  .l-col-lg-23 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .l-col-lg-push-23 {
    left: 95.83333333%;
  }
  .l-col-lg-pull-23 {
    right: 95.83333333%;
  }
  .l-col-lg-offset-23 {
    margin-left: 95.83333333%;
  }
  .l-col-lg-order-23 {
    -webkit-box-ordinal-group: 24;
    -webkit-order: 23;
    -ms-flex-order: 23;
    order: 23;
  }
  .l-col-lg-22 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .l-col-lg-push-22 {
    left: 91.66666667%;
  }
  .l-col-lg-pull-22 {
    right: 91.66666667%;
  }
  .l-col-lg-offset-22 {
    margin-left: 91.66666667%;
  }
  .l-col-lg-order-22 {
    -webkit-box-ordinal-group: 23;
    -webkit-order: 22;
    -ms-flex-order: 22;
    order: 22;
  }
  .l-col-lg-21 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 87.5%;
  }
  .l-col-lg-push-21 {
    left: 87.5%;
  }
  .l-col-lg-pull-21 {
    right: 87.5%;
  }
  .l-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .l-col-lg-order-21 {
    -webkit-box-ordinal-group: 22;
    -webkit-order: 21;
    -ms-flex-order: 21;
    order: 21;
  }
  .l-col-lg-20 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .l-col-lg-push-20 {
    left: 83.33333333%;
  }
  .l-col-lg-pull-20 {
    right: 83.33333333%;
  }
  .l-col-lg-offset-20 {
    margin-left: 83.33333333%;
  }
  .l-col-lg-order-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20;
  }
  .l-col-lg-19 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .l-col-lg-push-19 {
    left: 79.16666667%;
  }
  .l-col-lg-pull-19 {
    right: 79.16666667%;
  }
  .l-col-lg-offset-19 {
    margin-left: 79.16666667%;
  }
  .l-col-lg-order-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
    -ms-flex-order: 19;
    order: 19;
  }
  .l-col-lg-18 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 75%;
  }
  .l-col-lg-push-18 {
    left: 75%;
  }
  .l-col-lg-pull-18 {
    right: 75%;
  }
  .l-col-lg-offset-18 {
    margin-left: 75%;
  }
  .l-col-lg-order-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
    -ms-flex-order: 18;
    order: 18;
  }
  .l-col-lg-17 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .l-col-lg-push-17 {
    left: 70.83333333%;
  }
  .l-col-lg-pull-17 {
    right: 70.83333333%;
  }
  .l-col-lg-offset-17 {
    margin-left: 70.83333333%;
  }
  .l-col-lg-order-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
    -ms-flex-order: 17;
    order: 17;
  }
  .l-col-lg-16 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .l-col-lg-push-16 {
    left: 66.66666667%;
  }
  .l-col-lg-pull-16 {
    right: 66.66666667%;
  }
  .l-col-lg-offset-16 {
    margin-left: 66.66666667%;
  }
  .l-col-lg-order-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
    -ms-flex-order: 16;
    order: 16;
  }
  .l-col-lg-15 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 62.5%;
  }
  .l-col-lg-push-15 {
    left: 62.5%;
  }
  .l-col-lg-pull-15 {
    right: 62.5%;
  }
  .l-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .l-col-lg-order-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
    -ms-flex-order: 15;
    order: 15;
  }
  .l-col-lg-14 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .l-col-lg-push-14 {
    left: 58.33333333%;
  }
  .l-col-lg-pull-14 {
    right: 58.33333333%;
  }
  .l-col-lg-offset-14 {
    margin-left: 58.33333333%;
  }
  .l-col-lg-order-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
    -ms-flex-order: 14;
    order: 14;
  }
  .l-col-lg-13 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .l-col-lg-push-13 {
    left: 54.16666667%;
  }
  .l-col-lg-pull-13 {
    right: 54.16666667%;
  }
  .l-col-lg-offset-13 {
    margin-left: 54.16666667%;
  }
  .l-col-lg-order-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }
  .l-col-lg-12 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
  }
  .l-col-lg-push-12 {
    left: 50%;
  }
  .l-col-lg-pull-12 {
    right: 50%;
  }
  .l-col-lg-offset-12 {
    margin-left: 50%;
  }
  .l-col-lg-order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .l-col-lg-11 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .l-col-lg-push-11 {
    left: 45.83333333%;
  }
  .l-col-lg-pull-11 {
    right: 45.83333333%;
  }
  .l-col-lg-offset-11 {
    margin-left: 45.83333333%;
  }
  .l-col-lg-order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .l-col-lg-10 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .l-col-lg-push-10 {
    left: 41.66666667%;
  }
  .l-col-lg-pull-10 {
    right: 41.66666667%;
  }
  .l-col-lg-offset-10 {
    margin-left: 41.66666667%;
  }
  .l-col-lg-order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .l-col-lg-9 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 37.5%;
  }
  .l-col-lg-push-9 {
    left: 37.5%;
  }
  .l-col-lg-pull-9 {
    right: 37.5%;
  }
  .l-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .l-col-lg-order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .l-col-lg-8 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .l-col-lg-push-8 {
    left: 33.33333333%;
  }
  .l-col-lg-pull-8 {
    right: 33.33333333%;
  }
  .l-col-lg-offset-8 {
    margin-left: 33.33333333%;
  }
  .l-col-lg-order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .l-col-lg-7 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .l-col-lg-push-7 {
    left: 29.16666667%;
  }
  .l-col-lg-pull-7 {
    right: 29.16666667%;
  }
  .l-col-lg-offset-7 {
    margin-left: 29.16666667%;
  }
  .l-col-lg-order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .l-col-lg-6 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
  }
  .l-col-lg-push-6 {
    left: 25%;
  }
  .l-col-lg-pull-6 {
    right: 25%;
  }
  .l-col-lg-offset-6 {
    margin-left: 25%;
  }
  .l-col-lg-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .l-col-lg-5 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .l-col-lg-push-5 {
    left: 20.83333333%;
  }
  .l-col-lg-pull-5 {
    right: 20.83333333%;
  }
  .l-col-lg-offset-5 {
    margin-left: 20.83333333%;
  }
  .l-col-lg-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .l-col-lg-4 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .l-col-lg-push-4 {
    left: 16.66666667%;
  }
  .l-col-lg-pull-4 {
    right: 16.66666667%;
  }
  .l-col-lg-offset-4 {
    margin-left: 16.66666667%;
  }
  .l-col-lg-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .l-col-lg-3 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 12.5%;
  }
  .l-col-lg-push-3 {
    left: 12.5%;
  }
  .l-col-lg-pull-3 {
    right: 12.5%;
  }
  .l-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .l-col-lg-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .l-col-lg-2 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .l-col-lg-push-2 {
    left: 8.33333333%;
  }
  .l-col-lg-pull-2 {
    right: 8.33333333%;
  }
  .l-col-lg-offset-2 {
    margin-left: 8.33333333%;
  }
  .l-col-lg-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .l-col-lg-1 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .l-col-lg-push-1 {
    left: 4.16666667%;
  }
  .l-col-lg-pull-1 {
    right: 4.16666667%;
  }
  .l-col-lg-offset-1 {
    margin-left: 4.16666667%;
  }
  .l-col-lg-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .l-col-lg-0 {
    display: none;
  }
  .l-col-push-0 {
    left: auto;
  }
  .l-col-pull-0 {
    right: auto;
  }
  .l-col-lg-push-0 {
    left: auto;
  }
  .l-col-lg-pull-0 {
    right: auto;
  }
  .l-col-lg-offset-0 {
    margin-left: 0;
  }
  .l-col-lg-order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
@media (min-width: 1200px) {
  .l-col-xl-1,
  .l-col-xl-2,
  .l-col-xl-3,
  .l-col-xl-4,
  .l-col-xl-5,
  .l-col-xl-6,
  .l-col-xl-7,
  .l-col-xl-8,
  .l-col-xl-9,
  .l-col-xl-10,
  .l-col-xl-11,
  .l-col-xl-12,
  .l-col-xl-13,
  .l-col-xl-14,
  .l-col-xl-15,
  .l-col-xl-16,
  .l-col-xl-17,
  .l-col-xl-18,
  .l-col-xl-19,
  .l-col-xl-20,
  .l-col-xl-21,
  .l-col-xl-22,
  .l-col-xl-23,
  .l-col-xl-24 {
    float: left;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .l-col-xl-24 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
  .l-col-xl-push-24 {
    left: 100%;
  }
  .l-col-xl-pull-24 {
    right: 100%;
  }
  .l-col-xl-offset-24 {
    margin-left: 100%;
  }
  .l-col-xl-order-24 {
    -webkit-box-ordinal-group: 25;
    -webkit-order: 24;
    -ms-flex-order: 24;
    order: 24;
  }
  .l-col-xl-23 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .l-col-xl-push-23 {
    left: 95.83333333%;
  }
  .l-col-xl-pull-23 {
    right: 95.83333333%;
  }
  .l-col-xl-offset-23 {
    margin-left: 95.83333333%;
  }
  .l-col-xl-order-23 {
    -webkit-box-ordinal-group: 24;
    -webkit-order: 23;
    -ms-flex-order: 23;
    order: 23;
  }
  .l-col-xl-22 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .l-col-xl-push-22 {
    left: 91.66666667%;
  }
  .l-col-xl-pull-22 {
    right: 91.66666667%;
  }
  .l-col-xl-offset-22 {
    margin-left: 91.66666667%;
  }
  .l-col-xl-order-22 {
    -webkit-box-ordinal-group: 23;
    -webkit-order: 22;
    -ms-flex-order: 22;
    order: 22;
  }
  .l-col-xl-21 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 87.5%;
  }
  .l-col-xl-push-21 {
    left: 87.5%;
  }
  .l-col-xl-pull-21 {
    right: 87.5%;
  }
  .l-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .l-col-xl-order-21 {
    -webkit-box-ordinal-group: 22;
    -webkit-order: 21;
    -ms-flex-order: 21;
    order: 21;
  }
  .l-col-xl-20 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .l-col-xl-push-20 {
    left: 83.33333333%;
  }
  .l-col-xl-pull-20 {
    right: 83.33333333%;
  }
  .l-col-xl-offset-20 {
    margin-left: 83.33333333%;
  }
  .l-col-xl-order-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20;
  }
  .l-col-xl-19 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .l-col-xl-push-19 {
    left: 79.16666667%;
  }
  .l-col-xl-pull-19 {
    right: 79.16666667%;
  }
  .l-col-xl-offset-19 {
    margin-left: 79.16666667%;
  }
  .l-col-xl-order-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
    -ms-flex-order: 19;
    order: 19;
  }
  .l-col-xl-18 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 75%;
  }
  .l-col-xl-push-18 {
    left: 75%;
  }
  .l-col-xl-pull-18 {
    right: 75%;
  }
  .l-col-xl-offset-18 {
    margin-left: 75%;
  }
  .l-col-xl-order-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
    -ms-flex-order: 18;
    order: 18;
  }
  .l-col-xl-17 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .l-col-xl-push-17 {
    left: 70.83333333%;
  }
  .l-col-xl-pull-17 {
    right: 70.83333333%;
  }
  .l-col-xl-offset-17 {
    margin-left: 70.83333333%;
  }
  .l-col-xl-order-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
    -ms-flex-order: 17;
    order: 17;
  }
  .l-col-xl-16 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .l-col-xl-push-16 {
    left: 66.66666667%;
  }
  .l-col-xl-pull-16 {
    right: 66.66666667%;
  }
  .l-col-xl-offset-16 {
    margin-left: 66.66666667%;
  }
  .l-col-xl-order-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
    -ms-flex-order: 16;
    order: 16;
  }
  .l-col-xl-15 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 62.5%;
  }
  .l-col-xl-push-15 {
    left: 62.5%;
  }
  .l-col-xl-pull-15 {
    right: 62.5%;
  }
  .l-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .l-col-xl-order-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
    -ms-flex-order: 15;
    order: 15;
  }
  .l-col-xl-14 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .l-col-xl-push-14 {
    left: 58.33333333%;
  }
  .l-col-xl-pull-14 {
    right: 58.33333333%;
  }
  .l-col-xl-offset-14 {
    margin-left: 58.33333333%;
  }
  .l-col-xl-order-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
    -ms-flex-order: 14;
    order: 14;
  }
  .l-col-xl-13 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .l-col-xl-push-13 {
    left: 54.16666667%;
  }
  .l-col-xl-pull-13 {
    right: 54.16666667%;
  }
  .l-col-xl-offset-13 {
    margin-left: 54.16666667%;
  }
  .l-col-xl-order-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }
  .l-col-xl-12 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
  }
  .l-col-xl-push-12 {
    left: 50%;
  }
  .l-col-xl-pull-12 {
    right: 50%;
  }
  .l-col-xl-offset-12 {
    margin-left: 50%;
  }
  .l-col-xl-order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .l-col-xl-11 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .l-col-xl-push-11 {
    left: 45.83333333%;
  }
  .l-col-xl-pull-11 {
    right: 45.83333333%;
  }
  .l-col-xl-offset-11 {
    margin-left: 45.83333333%;
  }
  .l-col-xl-order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .l-col-xl-10 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .l-col-xl-push-10 {
    left: 41.66666667%;
  }
  .l-col-xl-pull-10 {
    right: 41.66666667%;
  }
  .l-col-xl-offset-10 {
    margin-left: 41.66666667%;
  }
  .l-col-xl-order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .l-col-xl-9 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 37.5%;
  }
  .l-col-xl-push-9 {
    left: 37.5%;
  }
  .l-col-xl-pull-9 {
    right: 37.5%;
  }
  .l-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .l-col-xl-order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .l-col-xl-8 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .l-col-xl-push-8 {
    left: 33.33333333%;
  }
  .l-col-xl-pull-8 {
    right: 33.33333333%;
  }
  .l-col-xl-offset-8 {
    margin-left: 33.33333333%;
  }
  .l-col-xl-order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .l-col-xl-7 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .l-col-xl-push-7 {
    left: 29.16666667%;
  }
  .l-col-xl-pull-7 {
    right: 29.16666667%;
  }
  .l-col-xl-offset-7 {
    margin-left: 29.16666667%;
  }
  .l-col-xl-order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .l-col-xl-6 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
  }
  .l-col-xl-push-6 {
    left: 25%;
  }
  .l-col-xl-pull-6 {
    right: 25%;
  }
  .l-col-xl-offset-6 {
    margin-left: 25%;
  }
  .l-col-xl-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .l-col-xl-5 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .l-col-xl-push-5 {
    left: 20.83333333%;
  }
  .l-col-xl-pull-5 {
    right: 20.83333333%;
  }
  .l-col-xl-offset-5 {
    margin-left: 20.83333333%;
  }
  .l-col-xl-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .l-col-xl-4 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .l-col-xl-push-4 {
    left: 16.66666667%;
  }
  .l-col-xl-pull-4 {
    right: 16.66666667%;
  }
  .l-col-xl-offset-4 {
    margin-left: 16.66666667%;
  }
  .l-col-xl-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .l-col-xl-3 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 12.5%;
  }
  .l-col-xl-push-3 {
    left: 12.5%;
  }
  .l-col-xl-pull-3 {
    right: 12.5%;
  }
  .l-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .l-col-xl-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .l-col-xl-2 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .l-col-xl-push-2 {
    left: 8.33333333%;
  }
  .l-col-xl-pull-2 {
    right: 8.33333333%;
  }
  .l-col-xl-offset-2 {
    margin-left: 8.33333333%;
  }
  .l-col-xl-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .l-col-xl-1 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .l-col-xl-push-1 {
    left: 4.16666667%;
  }
  .l-col-xl-pull-1 {
    right: 4.16666667%;
  }
  .l-col-xl-offset-1 {
    margin-left: 4.16666667%;
  }
  .l-col-xl-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .l-col-xl-0 {
    display: none;
  }
  .l-col-push-0 {
    left: auto;
  }
  .l-col-pull-0 {
    right: auto;
  }
  .l-col-xl-push-0 {
    left: auto;
  }
  .l-col-xl-pull-0 {
    right: auto;
  }
  .l-col-xl-offset-0 {
    margin-left: 0;
  }
  .l-col-xl-order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
@media (min-width: 1600px) {
  .l-col-xxl-1,
  .l-col-xxl-2,
  .l-col-xxl-3,
  .l-col-xxl-4,
  .l-col-xxl-5,
  .l-col-xxl-6,
  .l-col-xxl-7,
  .l-col-xxl-8,
  .l-col-xxl-9,
  .l-col-xxl-10,
  .l-col-xxl-11,
  .l-col-xxl-12,
  .l-col-xxl-13,
  .l-col-xxl-14,
  .l-col-xxl-15,
  .l-col-xxl-16,
  .l-col-xxl-17,
  .l-col-xxl-18,
  .l-col-xxl-19,
  .l-col-xxl-20,
  .l-col-xxl-21,
  .l-col-xxl-22,
  .l-col-xxl-23,
  .l-col-xxl-24 {
    float: left;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .l-col-xxl-24 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
  .l-col-xxl-push-24 {
    left: 100%;
  }
  .l-col-xxl-pull-24 {
    right: 100%;
  }
  .l-col-xxl-offset-24 {
    margin-left: 100%;
  }
  .l-col-xxl-order-24 {
    -webkit-box-ordinal-group: 25;
    -webkit-order: 24;
    -ms-flex-order: 24;
    order: 24;
  }
  .l-col-xxl-23 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .l-col-xxl-push-23 {
    left: 95.83333333%;
  }
  .l-col-xxl-pull-23 {
    right: 95.83333333%;
  }
  .l-col-xxl-offset-23 {
    margin-left: 95.83333333%;
  }
  .l-col-xxl-order-23 {
    -webkit-box-ordinal-group: 24;
    -webkit-order: 23;
    -ms-flex-order: 23;
    order: 23;
  }
  .l-col-xxl-22 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .l-col-xxl-push-22 {
    left: 91.66666667%;
  }
  .l-col-xxl-pull-22 {
    right: 91.66666667%;
  }
  .l-col-xxl-offset-22 {
    margin-left: 91.66666667%;
  }
  .l-col-xxl-order-22 {
    -webkit-box-ordinal-group: 23;
    -webkit-order: 22;
    -ms-flex-order: 22;
    order: 22;
  }
  .l-col-xxl-21 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 87.5%;
  }
  .l-col-xxl-push-21 {
    left: 87.5%;
  }
  .l-col-xxl-pull-21 {
    right: 87.5%;
  }
  .l-col-xxl-offset-21 {
    margin-left: 87.5%;
  }
  .l-col-xxl-order-21 {
    -webkit-box-ordinal-group: 22;
    -webkit-order: 21;
    -ms-flex-order: 21;
    order: 21;
  }
  .l-col-xxl-20 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .l-col-xxl-push-20 {
    left: 83.33333333%;
  }
  .l-col-xxl-pull-20 {
    right: 83.33333333%;
  }
  .l-col-xxl-offset-20 {
    margin-left: 83.33333333%;
  }
  .l-col-xxl-order-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20;
  }
  .l-col-xxl-19 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .l-col-xxl-push-19 {
    left: 79.16666667%;
  }
  .l-col-xxl-pull-19 {
    right: 79.16666667%;
  }
  .l-col-xxl-offset-19 {
    margin-left: 79.16666667%;
  }
  .l-col-xxl-order-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
    -ms-flex-order: 19;
    order: 19;
  }
  .l-col-xxl-18 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 75%;
  }
  .l-col-xxl-push-18 {
    left: 75%;
  }
  .l-col-xxl-pull-18 {
    right: 75%;
  }
  .l-col-xxl-offset-18 {
    margin-left: 75%;
  }
  .l-col-xxl-order-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
    -ms-flex-order: 18;
    order: 18;
  }
  .l-col-xxl-17 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .l-col-xxl-push-17 {
    left: 70.83333333%;
  }
  .l-col-xxl-pull-17 {
    right: 70.83333333%;
  }
  .l-col-xxl-offset-17 {
    margin-left: 70.83333333%;
  }
  .l-col-xxl-order-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
    -ms-flex-order: 17;
    order: 17;
  }
  .l-col-xxl-16 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .l-col-xxl-push-16 {
    left: 66.66666667%;
  }
  .l-col-xxl-pull-16 {
    right: 66.66666667%;
  }
  .l-col-xxl-offset-16 {
    margin-left: 66.66666667%;
  }
  .l-col-xxl-order-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
    -ms-flex-order: 16;
    order: 16;
  }
  .l-col-xxl-15 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 62.5%;
  }
  .l-col-xxl-push-15 {
    left: 62.5%;
  }
  .l-col-xxl-pull-15 {
    right: 62.5%;
  }
  .l-col-xxl-offset-15 {
    margin-left: 62.5%;
  }
  .l-col-xxl-order-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
    -ms-flex-order: 15;
    order: 15;
  }
  .l-col-xxl-14 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .l-col-xxl-push-14 {
    left: 58.33333333%;
  }
  .l-col-xxl-pull-14 {
    right: 58.33333333%;
  }
  .l-col-xxl-offset-14 {
    margin-left: 58.33333333%;
  }
  .l-col-xxl-order-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
    -ms-flex-order: 14;
    order: 14;
  }
  .l-col-xxl-13 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .l-col-xxl-push-13 {
    left: 54.16666667%;
  }
  .l-col-xxl-pull-13 {
    right: 54.16666667%;
  }
  .l-col-xxl-offset-13 {
    margin-left: 54.16666667%;
  }
  .l-col-xxl-order-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }
  .l-col-xxl-12 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
  }
  .l-col-xxl-push-12 {
    left: 50%;
  }
  .l-col-xxl-pull-12 {
    right: 50%;
  }
  .l-col-xxl-offset-12 {
    margin-left: 50%;
  }
  .l-col-xxl-order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .l-col-xxl-11 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .l-col-xxl-push-11 {
    left: 45.83333333%;
  }
  .l-col-xxl-pull-11 {
    right: 45.83333333%;
  }
  .l-col-xxl-offset-11 {
    margin-left: 45.83333333%;
  }
  .l-col-xxl-order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .l-col-xxl-10 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .l-col-xxl-push-10 {
    left: 41.66666667%;
  }
  .l-col-xxl-pull-10 {
    right: 41.66666667%;
  }
  .l-col-xxl-offset-10 {
    margin-left: 41.66666667%;
  }
  .l-col-xxl-order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .l-col-xxl-9 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 37.5%;
  }
  .l-col-xxl-push-9 {
    left: 37.5%;
  }
  .l-col-xxl-pull-9 {
    right: 37.5%;
  }
  .l-col-xxl-offset-9 {
    margin-left: 37.5%;
  }
  .l-col-xxl-order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .l-col-xxl-8 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .l-col-xxl-push-8 {
    left: 33.33333333%;
  }
  .l-col-xxl-pull-8 {
    right: 33.33333333%;
  }
  .l-col-xxl-offset-8 {
    margin-left: 33.33333333%;
  }
  .l-col-xxl-order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .l-col-xxl-7 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .l-col-xxl-push-7 {
    left: 29.16666667%;
  }
  .l-col-xxl-pull-7 {
    right: 29.16666667%;
  }
  .l-col-xxl-offset-7 {
    margin-left: 29.16666667%;
  }
  .l-col-xxl-order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .l-col-xxl-6 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
  }
  .l-col-xxl-push-6 {
    left: 25%;
  }
  .l-col-xxl-pull-6 {
    right: 25%;
  }
  .l-col-xxl-offset-6 {
    margin-left: 25%;
  }
  .l-col-xxl-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .l-col-xxl-5 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .l-col-xxl-push-5 {
    left: 20.83333333%;
  }
  .l-col-xxl-pull-5 {
    right: 20.83333333%;
  }
  .l-col-xxl-offset-5 {
    margin-left: 20.83333333%;
  }
  .l-col-xxl-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .l-col-xxl-4 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .l-col-xxl-push-4 {
    left: 16.66666667%;
  }
  .l-col-xxl-pull-4 {
    right: 16.66666667%;
  }
  .l-col-xxl-offset-4 {
    margin-left: 16.66666667%;
  }
  .l-col-xxl-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .l-col-xxl-3 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 12.5%;
  }
  .l-col-xxl-push-3 {
    left: 12.5%;
  }
  .l-col-xxl-pull-3 {
    right: 12.5%;
  }
  .l-col-xxl-offset-3 {
    margin-left: 12.5%;
  }
  .l-col-xxl-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .l-col-xxl-2 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .l-col-xxl-push-2 {
    left: 8.33333333%;
  }
  .l-col-xxl-pull-2 {
    right: 8.33333333%;
  }
  .l-col-xxl-offset-2 {
    margin-left: 8.33333333%;
  }
  .l-col-xxl-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .l-col-xxl-1 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .l-col-xxl-push-1 {
    left: 4.16666667%;
  }
  .l-col-xxl-pull-1 {
    right: 4.16666667%;
  }
  .l-col-xxl-offset-1 {
    margin-left: 4.16666667%;
  }
  .l-col-xxl-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .l-col-xxl-0 {
    display: none;
  }
  .l-col-push-0 {
    left: auto;
  }
  .l-col-pull-0 {
    right: auto;
  }
  .l-col-xxl-push-0 {
    left: auto;
  }
  .l-col-xxl-pull-0 {
    right: auto;
  }
  .l-col-xxl-offset-0 {
    margin-left: 0;
  }
  .l-col-xxl-order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.l-text-selectoredit.l-text-lg,
.l-text-selectoredit.l-text-sm {
  padding: 0 !important;
}
.l-text-selectoredit.l-text-lg .l-trigger {
  line-height: 40px;
}
.l-text-selectoredit.l-text-sm .l-trigger {
  line-height: 24px;
}
.l-text-selectoredit .l-trigger-icon {
  background: none;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.anticon {
  display: inline-block;
  font-style: normal;
  vertical-align: -0.125em;
  text-align: center;
  text-transform: none;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon svg {
  display: block;
}
.anticon:before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon-spin:before {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}
.anticon-spin {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}
.l-spinedit.l-text-lg,
.l-spinedit.l-text-sm {
  padding: 0 !important;
}
.l-spinedit.l-text-lg .l-trigger {
  line-height: 40px;
}
.l-spinedit.l-text-sm .l-trigger {
  line-height: 24px;
}
.l-spinedit .l-trigger {
  right: 0 !important;
}
/*2018-02-05 by-wl 上下数字框右边图标调整为自适应高度自动调节位置*/
.l-spinedit-up .l-spinedit-icon,
.l-spinedit-down .l-spinedit-icon {
  position: absolute;
  left: 0;
  width: 100%;
  background: none;
  user-select: none;
  color: black !important;
  top: 50%;
  display: inline-block;
  font-size: 14px;
  font-size: 8px \9;
  transform: scale(0.66666667) rotate(0deg);
  /*    &:hover {
        color: @primary-5;
    }*/
}
:root .l-spinedit-up .l-spinedit-icon,
:root .l-spinedit-down .l-spinedit-icon {
  font-size: 12px;
}
.l-trigger:hover .l-spinedit-up,
.l-trigger:hover .l-spinedit-down {
  height: 40%;
}
.l-spinedit-up,
.l-spinedit-down {
  width: 100%;
  height: 50%;
  position: relative;
  overflow: hidden;
  top: 0;
  left: 0;
  border-right: 0;
  border-top: 0;
  text-align: center;
  line-height: 0;
  transition: all 0.1s linear;
}
.l-spinedit-up:active,
.l-spinedit-down:active {
  background: #75aaff !important;
}
.l-spinedit-up:hover,
.l-spinedit-down:hover {
  height: 60% !important;
  background: #dddddd;
}
.l-spinedit-up {
  border-left: solid 1px #D9D9D9;
  border-bottom: solid 1px #D9D9D9;
  border-radius: 0px 4px 0px 0px;
}
.l-spinedit-down {
  border-left: solid 1px #D9D9D9;
  border-bottom: 0;
  border-radius: 0px 0px 4px 0px;
}
.l-text-disabled .l-trigger:hover .l-spinedit-up,
.l-text-readonly .l-trigger:hover .l-spinedit-up,
.l-text-disabled .l-trigger:hover .l-spinedit-down,
.l-text-readonly .l-trigger:hover .l-spinedit-down {
  height: 50% !important;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.l-splitbutton {
  display: inline-flex;
  /*& > .@{button}-danger, & > .@{button}-primary {
    }*/
}
.l-splitbutton-btn {
  border-radius: 4px 0 0 4px;
}
.l-splitbutton-btn:hover {
  z-index: 2;
}
.l-splitbutton-link {
  padding: 0 4px 0 4px;
  border-radius: 0 4px 4px 0;
  margin-left: -1px;
}
.l-splitbutton-link:hover {
  z-index: 2;
}
.l-splitbutton-btn.l-button-primary:not(.l-button-disabled),
.l-splitbutton-btn.l-button-danger:not(.l-button-disabled) {
  border-right: 1px solid #fff !important;
}
.l-splitbutton-link.l-button-primary:not(.l-button-disabled),
.l-splitbutton-link.l-button-danger:not(.l-button-disabled) {
  border-left: 1px solid #fff !important;
}
/*.@{splitbutton}-icon {
    padding-right: 8px;
    padding-left: 8px;
    border-radius: 0 4px 4px 0;
    &:hover{
    }
}*/
/*.@{splitbutton} {
    display: table;
}

.@{splitbutton} .l-button-wrap {
    border-radius: 3px 0 0 3px;
    display: table-cell;
}

.@{splitbutton}-link-wrap {
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    background: #4e97d9;
    color: #4e97d9;
    border-radius: 0 3px 3px 0;
    background: #fff;
    border: 1px solid #c5c5c5;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-left-color: hsla(0,0%,100%,.5) !important;
}

.@{splitbutton}-link-wrap:hover {
    opacity: 0.8;
    color: #fff;
    -moz-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear,opacity .2s linear;
    -o-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear,opacity .2s linear;
    -webkit-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear,opacity .2s linear;
    transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear,opacity .2s linear;
}*/
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.l-steps {
  font-family: "Microsoft YaHei";
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  /*color: @text-color;*/
  color: #707070;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  width: 100%;
  font-size: 0;
}
.l-steps-item {
  position: relative;
  display: inline-block;
  flex: 1;
  overflow: hidden;
  vertical-align: top;
}
.l-steps-item-container {
  outline: none;
}
.l-steps-item:last-child {
  flex: none;
}
.l-steps-item:last-child > .l-steps-item-container > .l-steps-item-tail,
.l-steps-item:last-child > .l-steps-item-container > .l-steps-item-content > .l-steps-item-title::after {
  display: none;
}
.l-steps-item-icon,
.l-steps-item-content {
  display: inline-block;
  vertical-align: top;
}
.l-steps-item-icon {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  font-size: 16px;
  font-family: "Microsoft YaHei";
  line-height: 32px;
  text-align: center;
  border: 1px solid #CCCED3;
  border-radius: 32px;
  transition: background-color 0.3s, border-color 0.3s;
}
.l-steps-item-icon > .l-steps-icon {
  position: relative;
  top: -1px;
  color: #4884F2;
  line-height: 1;
}
.l-steps-item-tail {
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  padding: 0 10px;
}
.l-steps-item-tail::after {
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #e8e8e8;
  border-radius: 1px;
  transition: background 0.3s;
  content: '';
}
.l-steps-item-title {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  color: #131313;
  font-size: 16px;
  line-height: 32px;
}
.l-steps-item-title::after {
  position: absolute;
  top: 16px;
  left: 100%;
  display: block;
  width: 9999px;
  height: 1px;
  background: #e8e8e8;
  content: '';
}
.l-steps-item-subtitle {
  display: inline;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: normal;
  font-size: 14px;
}
.l-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.l-steps-item-wait .l-steps-item-icon {
  background-color: #fff;
  border-color: #CCCED3;
}
.l-steps-item-wait .l-steps-item-icon > .l-steps-icon {
  color: #CCCED3;
}
.l-steps-item-wait .l-steps-item-icon > .l-steps-icon .l-steps-icon-dot {
  background: #CCCED3;
}
.l-steps-item-wait > .l-steps-item-container > .l-steps-item-content > .l-steps-item-title {
  color: rgba(0, 0, 0, 0.45);
}
.l-steps-item-wait > .l-steps-item-container > .l-steps-item-content > .l-steps-item-title::after {
  background-color: #e8e8e8;
}
.l-steps-item-wait > .l-steps-item-container > .l-steps-item-content > .l-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.l-steps-item-wait > .l-steps-item-container > .l-steps-item-tail::after {
  background-color: #e8e8e8;
}
.l-steps-item-process .l-steps-item-icon {
  background-color: #fff;
  border-color: #4884F2;
}
.l-steps-item-process .l-steps-item-icon > .l-steps-icon {
  color: #4884F2;
}
.l-steps-item-process .l-steps-item-icon > .l-steps-icon .l-steps-icon-dot {
  background: #4884F2;
}
.l-steps-item-process > .l-steps-item-container > .l-steps-item-content > .l-steps-item-title {
  color: rgba(0, 0, 0, 0.85);
}
.l-steps-item-process > .l-steps-item-container > .l-steps-item-content > .l-steps-item-title::after {
  background-color: #e8e8e8;
}
.l-steps-item-process > .l-steps-item-container > .l-steps-item-content > .l-steps-item-description {
  color: #131313;
}
.l-steps-item-process > .l-steps-item-container > .l-steps-item-tail::after {
  background-color: #e8e8e8;
}
.l-steps-item-process .l-steps-item-icon {
  background: #4884F2;
}
.l-steps-item-process .l-steps-item-icon > .l-steps-icon {
  color: #fff;
}
.l-steps-item-process .l-steps-item-title {
  font-weight: 500;
}
.l-steps-item-finish .l-steps-item-icon {
  background-color: #fff;
  border-color: #4884F2;
}
.l-steps-item-finish .l-steps-item-icon > .l-steps-icon {
  color: #4884F2;
}
.l-steps-item-finish .l-steps-item-icon > .l-steps-icon .l-steps-icon-dot {
  background: #4884F2;
}
.l-steps-item-finish > .l-steps-item-container > .l-steps-item-content > .l-steps-item-title {
  color: #131313;
}
.l-steps-item-finish > .l-steps-item-container > .l-steps-item-content > .l-steps-item-title::after {
  background-color: #4884F2;
}
.l-steps-item-finish > .l-steps-item-container > .l-steps-item-content > .l-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.l-steps-item-finish > .l-steps-item-container > .l-steps-item-tail::after {
  background-color: #4884F2;
}
.l-steps-item-error .l-steps-item-icon {
  background-color: #fff;
  border-color: #f5222d;
}
.l-steps-item-error .l-steps-item-icon > .l-steps-icon {
  color: #f5222d;
}
.l-steps-item-error .l-steps-item-icon > .l-steps-icon .l-steps-icon-dot {
  background: #f5222d;
}
.l-steps-item-error > .l-steps-item-container > .l-steps-item-content > .l-steps-item-title {
  color: #f5222d;
}
.l-steps-item-error > .l-steps-item-container > .l-steps-item-content > .l-steps-item-title::after {
  background-color: #e8e8e8;
}
.l-steps-item-error > .l-steps-item-container > .l-steps-item-content > .l-steps-item-description {
  color: #f5222d;
}
.l-steps-item-error > .l-steps-item-container > .l-steps-item-tail::after {
  background-color: #e8e8e8;
}
.l-steps-item.l-steps-next-error .l-steps-item-title::after {
  background: #f5222d;
}
.l-steps .l-steps-item:not(.l-steps-item-active) > .l-steps-item-container[role='button'] {
  cursor: pointer;
}
.l-steps .l-steps-item:not(.l-steps-item-active) > .l-steps-item-container[role='button'] .l-steps-item-title,
.l-steps .l-steps-item:not(.l-steps-item-active) > .l-steps-item-container[role='button'] .l-steps-item-description,
.l-steps .l-steps-item:not(.l-steps-item-active) > .l-steps-item-container[role='button'] .l-steps-item-icon .l-steps-icon {
  transition: color 0.3s;
}
.l-steps .l-steps-item:not(.l-steps-item-active) > .l-steps-item-container[role='button']:hover .l-steps-item-title,
.l-steps .l-steps-item:not(.l-steps-item-active) > .l-steps-item-container[role='button']:hover .l-steps-item-subtitle,
.l-steps .l-steps-item:not(.l-steps-item-active) > .l-steps-item-container[role='button']:hover .l-steps-item-description {
  color: #4884F2;
}
.l-steps .l-steps-item:not(.l-steps-item-active):not(.l-steps-item-process) > .l-steps-item-container[role='button']:hover .l-steps-item-icon {
  border-color: #4884F2;
}
.l-steps .l-steps-item:not(.l-steps-item-active):not(.l-steps-item-process) > .l-steps-item-container[role='button']:hover .l-steps-item-icon .l-steps-icon {
  color: #4884F2;
}
.l-steps-horizontal:not(.l-steps-label-vertical) .l-steps-item {
  margin-right: 16px;
  white-space: nowrap;
}
.l-steps-horizontal:not(.l-steps-label-vertical) .l-steps-item:last-child {
  margin-right: 0;
}
.l-steps-horizontal:not(.l-steps-label-vertical) .l-steps-item:last-child .l-steps-item-title {
  padding-right: 0;
}
.l-steps-horizontal:not(.l-steps-label-vertical) .l-steps-item-tail {
  display: none;
}
.l-steps-horizontal:not(.l-steps-label-vertical) .l-steps-item-description {
  max-width: 140px;
  white-space: normal;
}
.l-steps-item-custom .l-steps-item-icon {
  height: auto;
  background: none;
  border: 0;
}
.l-steps-item-custom .l-steps-item-icon > .l-steps-icon {
  top: 0;
  left: 0.5px;
  width: 32px;
  height: 32px;
  font-size: 24px;
  line-height: 32px;
}
.l-steps-item-custom .l-steps-item-icon > .l-steps-img {
  top: 0;
  left: 0.5px;
  display: inline-block;
  width: 16px;
  height: 16px;
  text-align: center;
  background-repeat: no-repeat;
}
.l-steps-item-custom.l-steps-item-process .l-steps-item-icon > .l-steps-icon {
  color: #4884F2;
}
.l-steps:not(.l-steps-vertical) .l-steps-item-custom .l-steps-item-icon {
  width: auto;
}
.l-steps-small.l-steps-horizontal:not(.l-steps-label-vertical) .l-steps-item {
  margin-right: 12px;
}
.l-steps-small.l-steps-horizontal:not(.l-steps-label-vertical) .l-steps-item:last-child {
  margin-right: 0;
}
.l-steps-small .l-steps-item-icon {
  width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  border-radius: 24px;
}
.l-steps-small .l-steps-item-title {
  padding-right: 12px;
  font-size: 14px;
  line-height: 24px;
}
.l-steps-small .l-steps-item-title::after {
  top: 12px;
}
.l-steps-small .l-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.l-steps-small .l-steps-item-tail {
  top: 8px;
}
.l-steps-small .l-steps-item-custom .l-steps-item-icon {
  width: inherit;
  height: inherit;
  line-height: inherit;
  background: none;
  border: 0;
  border-radius: 0;
}
.l-steps-small .l-steps-item-custom .l-steps-item-icon > .l-steps-icon {
  font-size: 24px;
  line-height: 24px;
  transform: none;
}
.l-steps-vertical {
  display: block;
}
.l-steps-vertical .l-steps-item {
  display: block;
  overflow: visible;
}
.l-steps-vertical .l-steps-item-icon {
  float: left;
  margin-right: 16px;
}
.l-steps-vertical .l-steps-item-content {
  display: block;
  min-height: 48px;
  overflow: hidden;
}
.l-steps-vertical .l-steps-item-title {
  line-height: 32px;
}
.l-steps-vertical .l-steps-item-description {
  padding-bottom: 12px;
}
.l-steps-vertical > .l-steps-item > .l-steps-item-container > .l-steps-item-tail {
  position: absolute;
  top: 0;
  left: 16px;
  width: 1px;
  height: 100%;
  padding: 38px 0 6px;
}
.l-steps-vertical > .l-steps-item > .l-steps-item-container > .l-steps-item-tail::after {
  width: 1px;
  height: 100%;
}
.l-steps-vertical > .l-steps-item:not(:last-child) > .l-steps-item-container > .l-steps-item-tail {
  display: block;
}
.l-steps-vertical > .l-steps-item > .l-steps-item-container > .l-steps-item-content > .l-steps-item-title::after {
  display: none;
}
.l-steps-vertical.l-steps-small .l-steps-item-container .l-steps-item-tail {
  position: absolute;
  top: 0;
  left: 12px;
  padding: 30px 0 6px;
}
.l-steps-vertical.l-steps-small .l-steps-item-container .l-steps-item-title {
  line-height: 24px;
}
@media (max-width: 480px) {
  .l-steps-horizontal.l-steps-label-horizontal {
    display: block;
  }
  .l-steps-horizontal.l-steps-label-horizontal .l-steps-item {
    display: block;
    overflow: visible;
  }
  .l-steps-horizontal.l-steps-label-horizontal .l-steps-item-icon {
    float: left;
    margin-right: 16px;
  }
  .l-steps-horizontal.l-steps-label-horizontal .l-steps-item-content {
    display: block;
    min-height: 48px;
    overflow: hidden;
  }
  .l-steps-horizontal.l-steps-label-horizontal .l-steps-item-title {
    line-height: 32px;
  }
  .l-steps-horizontal.l-steps-label-horizontal .l-steps-item-description {
    padding-bottom: 12px;
  }
  .l-steps-horizontal.l-steps-label-horizontal > .l-steps-item > .l-steps-item-container > .l-steps-item-tail {
    position: absolute;
    top: 0;
    left: 16px;
    width: 1px;
    height: 100%;
    padding: 38px 0 6px;
  }
  .l-steps-horizontal.l-steps-label-horizontal > .l-steps-item > .l-steps-item-container > .l-steps-item-tail::after {
    width: 1px;
    height: 100%;
  }
  .l-steps-horizontal.l-steps-label-horizontal > .l-steps-item:not(:last-child) > .l-steps-item-container > .l-steps-item-tail {
    display: block;
  }
  .l-steps-horizontal.l-steps-label-horizontal > .l-steps-item > .l-steps-item-container > .l-steps-item-content > .l-steps-item-title::after {
    display: none;
  }
  .l-steps-horizontal.l-steps-label-horizontal.l-steps-small .l-steps-item-container .l-steps-item-tail {
    position: absolute;
    top: 0;
    left: 12px;
    padding: 30px 0 6px;
  }
  .l-steps-horizontal.l-steps-label-horizontal.l-steps-small .l-steps-item-container .l-steps-item-title {
    line-height: 24px;
  }
}
.l-steps-label-vertical .l-steps-item {
  overflow: visible;
}
.l-steps-label-vertical .l-steps-item-tail {
  margin-left: 58px;
  padding: 3.5px 24px;
}
.l-steps-label-vertical .l-steps-item-content {
  display: block;
  width: 116px;
  margin-top: 8px;
  text-align: center;
}
.l-steps-label-vertical .l-steps-item-icon {
  display: inline-block;
  margin-left: 42px;
}
.l-steps-label-vertical .l-steps-item-title {
  padding-right: 0;
}
.l-steps-label-vertical .l-steps-item-title::after {
  display: none;
}
.l-steps-label-vertical .l-steps-item-subtitle {
  display: block;
  margin-bottom: 4px;
  margin-left: 0;
  line-height: 1.5;
}
.l-steps-label-vertical.l-steps-small:not(.l-steps-dot) .l-steps-item-icon {
  margin-left: 46px;
}
.l-steps-dot .l-steps-item-title,
.l-steps-dot.l-steps-small .l-steps-item-title {
  line-height: 1.5;
}
.l-steps-dot .l-steps-item-tail,
.l-steps-dot.l-steps-small .l-steps-item-tail {
  top: 2px;
  width: 100%;
  margin: 0 0 0 70px;
  padding: 0;
}
.l-steps-dot .l-steps-item-tail::after,
.l-steps-dot.l-steps-small .l-steps-item-tail::after {
  width: calc(100% - 20px);
  height: 3px;
  margin-left: 12px;
}
.l-steps-dot .l-steps-item:first-child .l-steps-icon-dot,
.l-steps-dot.l-steps-small .l-steps-item:first-child .l-steps-icon-dot {
  left: 2px;
}
.l-steps-dot .l-steps-item-icon,
.l-steps-dot.l-steps-small .l-steps-item-icon {
  width: 8px;
  height: 8px;
  margin-left: 67px;
  padding-right: 0;
  line-height: 8px;
  background: transparent;
  border: 0;
}
.l-steps-dot .l-steps-item-icon .l-steps-icon-dot,
.l-steps-dot.l-steps-small .l-steps-item-icon .l-steps-icon-dot {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  transition: all 0.3s;
  /* expand hover area */
}
.l-steps-dot .l-steps-item-icon .l-steps-icon-dot::after,
.l-steps-dot.l-steps-small .l-steps-item-icon .l-steps-icon-dot::after {
  position: absolute;
  top: -12px;
  left: -26px;
  width: 60px;
  height: 32px;
  background: rgba(0, 0, 0, 0.001);
  content: '';
}
.l-steps-dot .l-steps-item-content,
.l-steps-dot.l-steps-small .l-steps-item-content {
  width: 140px;
}
.l-steps-dot .l-steps-item-process .l-steps-item-icon,
.l-steps-dot.l-steps-small .l-steps-item-process .l-steps-item-icon {
  width: 10px;
  height: 10px;
  line-height: 10px;
}
.l-steps-dot .l-steps-item-process .l-steps-item-icon .l-steps-icon-dot,
.l-steps-dot.l-steps-small .l-steps-item-process .l-steps-item-icon .l-steps-icon-dot {
  top: -1px;
}
.l-steps-vertical.l-steps-dot .l-steps-item-icon {
  margin-top: 8px;
  margin-left: 0;
}
.l-steps-vertical.l-steps-dot .l-steps-item > .l-steps-item-container > .l-steps-item-tail {
  top: 2px;
  left: -9px;
  margin: 0;
  padding: 22px 0 4px;
}
.l-steps-vertical.l-steps-dot .l-steps-item:first-child .l-steps-icon-dot {
  left: 0;
}
.l-steps-vertical.l-steps-dot .l-steps-item-process .l-steps-icon-dot {
  left: -2px;
}
.l-steps-navigation {
  padding-top: 12px;
}
.l-steps-navigation.l-steps-small .l-steps-item-container {
  margin-left: -12px;
}
.l-steps-navigation .l-steps-item {
  overflow: visible;
  text-align: center;
}
.l-steps-navigation .l-steps-item-container {
  display: inline-block;
  height: 100%;
  margin-left: -16px;
  padding-bottom: 12px;
  text-align: left;
  transition: opacity 0.3s;
}
.l-steps-navigation .l-steps-item-container .l-steps-item-content {
  max-width: auto;
}
.l-steps-navigation .l-steps-item-container .l-steps-item-title {
  max-width: 100%;
  padding-right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.l-steps-navigation .l-steps-item-container .l-steps-item-title::after {
  display: none;
}
.l-steps-navigation .l-steps-item:not(.l-steps-item-active) .l-steps-item-container[role='button'] {
  cursor: pointer;
}
.l-steps-navigation .l-steps-item:not(.l-steps-item-active) .l-steps-item-container[role='button']:hover {
  opacity: 0.85;
}
.l-steps-navigation .l-steps-item:last-child {
  flex: 1;
}
.l-steps-navigation .l-steps-item:last-child::after {
  display: none;
}
.l-steps-navigation .l-steps-item::after {
  position: absolute;
  top: 50%;
  left: 100%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -14px;
  margin-left: -2px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: none;
  border-left: none;
  transform: rotate(45deg);
  content: '';
}
.l-steps-navigation .l-steps-item::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: inline-block;
  width: 0;
  height: 3px;
  background-color: #4884F2;
  transition: width 0.3s, left 0.3s;
  transition-timing-function: ease-out;
  content: '';
}
.l-steps-navigation .l-steps-item.l-steps-item-active::before {
  left: 0;
  width: 100%;
}
@media (max-width: 480px) {
  .l-steps-navigation > .l-steps-item {
    margin-right: 0 !important;
  }
  .l-steps-navigation > .l-steps-item::before {
    display: none;
  }
  .l-steps-navigation > .l-steps-item.l-steps-item-active::before {
    top: 0;
    right: 0;
    left: unset;
    display: block;
    width: 3px;
    height: calc(100% - 24px);
  }
  .l-steps-navigation > .l-steps-item::after {
    position: relative;
    top: -2px;
    left: 50%;
    display: block;
    width: 8px;
    height: 8px;
    margin-bottom: 8px;
    text-align: center;
    transform: rotate(135deg);
  }
  .l-steps-navigation > .l-steps-item > .l-steps-item-container > .l-steps-item-tail {
    visibility: hidden;
  }
}
.l-steps-flex-not-supported.l-steps-horizontal.l-steps-label-horizontal .l-steps-item {
  margin-left: -16px;
  padding-left: 16px;
  background: #fff;
}
.l-steps-flex-not-supported.l-steps-horizontal.l-steps-label-horizontal.l-steps-small .l-steps-item {
  margin-left: -12px;
  padding-left: 12px;
}
.l-steps-flex-not-supported.l-steps-dot .l-steps-item:last-child {
  overflow: hidden;
}
.l-steps-flex-not-supported.l-steps-dot .l-steps-item:last-child .l-steps-icon-dot::after {
  right: -200px;
  width: 200px;
}
.l-steps-flex-not-supported.l-steps-dot .l-steps-item .l-steps-icon-dot::before,
.l-steps-flex-not-supported.l-steps-dot .l-steps-item .l-steps-icon-dot::after {
  position: absolute;
  top: 0;
  left: -10px;
  width: 10px;
  height: 8px;
  background: #fff;
  content: '';
}
.l-steps-flex-not-supported.l-steps-dot .l-steps-item .l-steps-icon-dot::after {
  right: -10px;
  left: auto;
}
.l-steps-flex-not-supported.l-steps-dot .l-steps-item-wait .l-steps-item-icon > .l-steps-icon .l-steps-icon-dot {
  background: #ccc;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.l-switch {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 28px;
  height: 16px;
  line-height: 14px;
  vertical-align: middle;
  background-color: #CCCCCC;
  border: 1px solid transparent;
  border-radius: 100px;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: baseline;
}
.l-switch-inner {
  display: block;
  margin-right: 6px;
  margin-left: 24px;
  color: #fff;
  font-size: 12px;
}
.l-switch-loading-icon,
.l-switch::after {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 12px;
  height: 12px;
  background-color: #fff;
  border-radius: 12px;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  content: ' ';
}
.l-switch::after {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
  box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
}
.l-switch:not(.l-switch-disabled):active::before,
.l-switch:not(.l-switch-disabled):active::after {
  width: 12px;
}
.l-switch-loading-icon {
  z-index: 1;
  display: none;
  font-size: 12px;
  background: transparent;
}
.l-switch-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.l-switch-loading .l-switch-loading-icon {
  display: inline-block;
  color: rgba(0, 0, 0, 0.65);
}
.l-switch-checked.l-switch-loading .l-switch-loading-icon {
  color: #1890ff;
}
.l-switch:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.l-switch:focus:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.l-switch-small {
  min-width: 28px;
  height: 16px;
  line-height: 14px;
}
.l-switch-small .l-switch-inner {
  margin-right: 3px;
  margin-left: 18px;
  font-size: 12px;
}
.l-switch-small::after {
  width: 12px;
  height: 12px;
}
.l-switch-small:active::before,
.l-switch-small:active::after {
  width: 16px;
}
.l-switch-small .l-switch-loading-icon {
  width: 12px;
  height: 12px;
}
.l-switch-small.l-switch-checked .l-switch-inner {
  margin-right: 18px;
  margin-left: 3px;
}
.l-switch-small.l-switch-checked .l-switch-loading-icon {
  left: 100%;
  margin-left: -13px;
}
.l-switch-small.l-switch-loading .l-switch-loading-icon {
  font-weight: bold;
  -webkit-transform: scale(0.66667);
  -ms-transform: scale(0.66667);
  transform: scale(0.66667);
}
.l-switch-checked {
  background-color: #58CC61;
}
.l-switch-checked .l-switch-inner {
  margin-right: 24px;
  margin-left: 6px;
}
.l-switch-checked::after {
  left: 100%;
  margin-left: -1px;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
.l-switch-checked .l-switch-loading-icon {
  left: 100%;
  margin-left: -19px;
}
.l-switch-loading,
.l-switch-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.l-switch-loading *,
.l-switch-disabled * {
  cursor: not-allowed;
}
.l-switch-loading::before,
.l-switch-disabled::before,
.l-switch-loading::after,
.l-switch-disabled::after {
  cursor: not-allowed;
}
@-webkit-keyframes AntSwitchSmallLoadingCircle {
  0% {
    -webkit-transform: rotate(0deg) scale(0.66667);
    transform: rotate(0deg) scale(0.66667);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0.66667);
    transform: rotate(360deg) scale(0.66667);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
}
@keyframes AntSwitchSmallLoadingCircle {
  0% {
    -webkit-transform: rotate(0deg) scale(0.66667);
    transform: rotate(0deg) scale(0.66667);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0.66667);
    transform: rotate(360deg) scale(0.66667);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.l-tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  /*position: relative;*/
  /*暂时去掉相对定位，应该无用*/
  /*position: relative; //*/
  overflow: hidden;
  zoom: 1;
  width: 100%;
}
.l-tabs-bar {
  /*-ms-flex: auto;
    -webkit-flex: auto;
    flex: auto;*/
  /*用flex会导致ie兼容性有问题， 高度撑开*/
  -ms-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  /*必须上部分高度固定*/
  height: 40px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #e8e8e8;
  /*border-bottom: 1px solid green;*/
  /*margin: 0 0 16px 0;*/
  outline: none;
  /*-webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);*/
  color: #6C758B;
}
.l-tabs-nav-container {
  /*border: solid 1px red;*/
  overflow: hidden;
  /*font-size: 14px;
    line-height: 1.5;*/
  position: relative;
  white-space: nowrap;
  margin-bottom: -1px;
  margin-left: 10px;
  /*这里不用过度动画，会导致增加后计算尺寸有延迟*/
  /*-webkit-transition: padding 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);k
    transition: padding 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);*/
  zoom: 1;
}
.l-tab-toolitem {
  display: inline-block;
  padding: 0 8px;
  cursor: pointer;
}
.l-tab-toolitem:hover {
  background: #eee;
}
.l-tabs-extra-content {
  /*float: right;*/
  line-height: 40px;
}
.l-tabs-custome-content {
  /*float: right;*/
  line-height: 40px;
  margin-right: 5px;
  display: flex;
  align-items: center;
}
.l-tabs-tab-prev,
.l-tabs-tab-next {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 2;
  width: 0;
  height: 100%;
  cursor: pointer;
  border: 0;
  background-color: transparent;
  position: absolute;
  text-align: center;
  color: rgba(0, 0, 0, 0.45);
  /*-webkit-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);
    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);*/
  opacity: 0;
  pointer-events: none;
}
.l-tabs-tab-btn-disabled {
  cursor: not-allowed;
}
.l-tabs-tab-btn-disabled,
.l-tabs-tab-btn-disabled:hover {
  color: #CCCED3;
}
.l-tabs-tab-prev {
  left: 0;
}
.l-tabs-tab-next {
  right: 2px;
}
.l-tabs-tab-prev.l-tabs-tab-arrow-show,
.l-tabs-tab-next.l-tabs-tab-arrow-show {
  opacity: 1;
  width: 32px;
  height: 100%;
  pointer-events: auto;
}
.l-tabs-tab-prev:hover,
.l-tabs-tab-next:hover {
  color: #131313;
}
:root .l-tabs-tab-prev {
  -webkit-filter: none;
  filter: none;
}
.l-tabs-tab-prev-icon,
.l-tabs-tab-next-icon {
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  /*line-height: inherit;*/
  vertical-align: baseline;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  text-transform: none;
}
.l-tabs-nav-wrap {
  overflow: hidden;
  margin-bottom: -1px;
}
.l-tabs-nav-scroll {
  overflow: hidden;
  white-space: nowrap;
}
.l-tabs-nav {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 0;
  -webkit-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  margin: 0;
  list-style: none;
  display: inline-block;
}
.l-tabs-ink-bar {
  z-index: 6;
  position: absolute;
  left: 0;
  bottom: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 2px;
  background-color: #4884F2;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
}
.new.l-tabs-ink-bar {
  top: -3px;
  border-radius: 10px 10px 0px 0;
}
/*.@{tabs}-top .@{tabs}-ink-bar-animated, .@{tabs}-bottom .@{tabs}-ink-bar-animated {
    -webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    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);
    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), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}*/
.l-tabs-nav .l-tabs-tab {
  display: inline-block;
  height: 100%;
  /*height: 40px;*/
  /*margin: 0 32px 0 0;*/
  padding: 8px 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  /*-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);*/
  cursor: pointer;
  text-decoration: none;
}
.l-tabs-nav .l-tabs-tab:hover {
  color: #6C758B;
  background: #E9E9E9;
}
.l-tabs-nav .l-tabs-tab-active {
  color: #3363cc;
  font-weight: 500;
}
.l-tabs-content iframe {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.l-tabs:not(.l-tabs-vertical) {
  height: 100%;
  /*外部包裹flex用于头部和内容的布局， 暂时不用， IE兼容性有问题*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
/*横向的时候用flex布局*/
.l-tabs:not(.l-tabs-vertical) > .l-tabs-bar {
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  /*align-items: center;*/
  background: #FAFAFA;
}
.l-tabs:not(.l-tabs-vertical) > .l-tabs-bar > .l-tabs-nav-container {
  -ms-flex: 1 1 0%;
  -webkit-flex: 1 1 0%;
  flex: 1 1 0%;
  align-items: center;
}
.l-tabs:not(.l-tabs-vertical) > .l-tabs-bar > .l-tabs-extra-content {
  /*overflow: hidden;*/
  /*display: flex;*/
  align-items: center;
}
.l-tabs:not(.l-tabs-vertical) > .l-tabs-content {
  width: 100%;
  height: 100%;
  overflow: auto;
  -ms-flex: 1 1 0%;
  -webkit-flex: 1 1 0%;
  flex: 1 1 0%;
  outline: none;
}
.l-tabs:not(.l-tabs-vertical) > .l-tabs-content > .l-tabs-tabpane {
  /*-webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;*/
  outline: none;
  height: 100%;
  width: 100%;
  /*-webkit-transition: opacity .45s;
            transition: opacity .45s;*/
  opacity: 1;
  visibility: visible;
  overflow: auto;
  position: relative;
  transition: opacity 0.45s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.l-tabs:not(.l-tabs-vertical) > .l-tabs-content > .l-tabs-tabpane-inactive {
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  padding: 0 !important;
  height: 0;
  border: 0;
  transition: opacity 0.45s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.l-tabs-nav-container-scrolling {
  padding: 0 32px;
}
/*---------------------------------------------------左边-------------------------------------*/
.l-tabs-bottom .l-tabs-ink-bar-animated,
.l-tabs-top .l-tabs-ink-bar-animated {
  transition: transform 0.5s cubic-bezier(0.65, 0.05, 0.36, 1), width 0.5s cubic-bezier(0.65, 0.05, 0.36, 1), left 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.l-tabs-left .l-tabs-ink-bar-animated,
.l-tabs-right .l-tabs-ink-bar-animated {
  transition: transform 0.5s cubic-bezier(0.65, 0.05, 0.36, 1), height 0.5s cubic-bezier(0.65, 0.05, 0.36, 1), top 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.l-tabs-vertical.l-tabs-right > .l-tabs-bar .l-tabs-ink-bar {
  left: 1px;
}
.l-tabs-vertical .l-tabs-extra-content {
  display: none;
}
.l-tabs-vertical > .l-tabs-bar .l-tabs-nav-container.l-tabs-nav-container-scrolling {
  padding: 32px 0;
}
.l-tabs-vertical.l-tabs-left > .l-tabs-bar {
  float: left;
  border-right: 1px solid #e8e8e8;
  margin-right: -1px;
  margin-bottom: 0;
}
.l-tabs-vertical > .l-tabs-bar {
  border-bottom: 0;
  height: 100%;
}
.l-tabs-vertical.l-tabs-left > .l-tabs-bar .l-tabs-nav-container {
  margin-right: -1px;
}
.l-tabs-vertical > .l-tabs-bar .l-tabs-nav-container {
  margin-bottom: 0;
}
.l-tabs-vertical > .l-tabs-bar .l-tabs-nav-container,
.l-tabs-vertical > .l-tabs-bar .l-tabs-nav-wrap {
  height: 100%;
}
.l-tabs-vertical > .l-tabs-bar .l-tabs-tab-prev {
  top: 0;
  width: 100%;
  height: 32px;
}
.l-tabs-vertical > .l-tabs-bar .l-tabs-tab-next {
  width: 100%;
  bottom: 0;
  height: 32px;
}
.l-tabs-vertical > .l-tabs-bar .l-tabs-nav-container,
.l-tabs-vertical > .l-tabs-bar .l-tabs-nav-wrap {
  height: 100%;
}
.l-tabs-vertical > .l-tabs-bar .l-tabs-nav-wrap {
  margin-bottom: 0;
}
.l-tabs-vertical.l-tabs-left > .l-tabs-bar .l-tabs-nav-wrap {
  margin-right: -1px;
}
.l-tabs-vertical > .l-tabs-bar .l-tabs-nav-scroll {
  width: auto;
}
.l-tabs-vertical > .l-tabs-bar .l-tabs-nav {
  width: 100%;
}
/*.@{tabs}-left .@{tabs}-ink-bar-animated, .@{tabs}-right .@{tabs}-ink-bar-animated {
    -webkit-transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    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);
    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), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}*/
.l-tabs-vertical > .l-tabs-bar .l-tabs-ink-bar {
  width: 2px;
  left: auto;
  height: auto;
  top: 0;
}
.l-tabs-vertical.l-tabs-left > .l-tabs-bar .l-tabs-ink-bar {
  right: 1px;
}
.l-tabs-vertical > .l-tabs-bar .l-tabs-tab {
  float: none;
  margin: 0 0 16px 0;
  padding: 8px 24px;
  display: block;
}
.l-tabs-vertical.l-tabs-left > .l-tabs-bar .l-tabs-tab {
  text-align: right;
}
/*内容*/
.l-tabs-vertical > .l-tabs-content {
  height: 100%;
  overflow: auto;
  width: auto;
  margin-top: 0 !important;
}
.no-flex > .l-tabs-content-animated,
.l-tabs-no-animation > .l-tabs-content-animated,
.l-tabs-vertical > .l-tabs-content-animated {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  -moz-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
  margin-left: 0 !important;
}
.l-tabs-vertical.l-tabs-left > .l-tabs-content {
  /*padding-left: 24px;*/
  border-left: 1px solid #e8e8e8;
}
.no-flex > .l-tabs-content > .l-tabs-tabpane-inactive,
.l-tabs-no-animation > .l-tabs-content > .l-tabs-tabpane-inactive,
.l-tabs-vertical > .l-tabs-content > .l-tabs-tabpane-inactive {
  visibility: hidden;
  overflow: hidden;
  padding: 0 !important;
  height: 0;
  border: 0;
}
/*---------------------------------------------------左边-------------------------------------*/
/*---------------------------------------------------右边-------------------------------------*/
.l-tabs-vertical.l-tabs-right > .l-tabs-bar {
  float: right;
  border-left: 1px solid #e8e8e8;
  margin-left: -1px;
  margin-bottom: 0;
}
.l-tabs-vertical.l-tabs-right > .l-tabs-bar .l-tabs-nav-container {
  margin-left: -1px;
}
.l-tabs-vertical.l-tabs-right > .l-tabs-bar .l-tabs-nav-wrap {
  margin-left: -1px;
}
.l-tabs-vertical.l-tabs-right > .l-tabs-content {
  /*padding-right: 24px;*/
  border-right: 1px solid #e8e8e8;
}
/*---------------------------------------------------右边-------------------------------------*/
/*---------------------------------------------------下边-------------------------------------*/
.l-tabs-bottom .l-tabs-bar {
  border-bottom: none;
  border-top: 1px solid #e8e8e8;
}
.l-tabs-bottom > .l-tabs-bar {
  margin-bottom: 0;
  /*margin-top: 16px;*/
}
.l-tabs-bottom .l-tabs-nav-container {
  margin-bottom: 0;
  margin-top: -1px;
}
.l-tabs-bottom .l-tabs-ink-bar {
  bottom: auto;
  top: 1px;
}
/*#region-------------------card样式---------------------------------------------*/
.l-tabs.l-tabs-card > .l-tabs-bar .l-tabs-tab {
  margin: 0;
  border: 1px solid #e8e8e8;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  background: #fff;
  margin-right: 3px;
  padding: 0 16px;
  /*-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);*/
  line-height: 38px;
  /*height: 40px;*/
}
.l-tabs.l-tabs-card > .l-tabs-bar .l-tabs-tab div:first-child {
  display: flex;
  align-items: center;
}
.l-tabs.l-tabs-card > .l-tabs-bar .l-tabs-tab div:first-child span {
  margin-right: 3px;
}
.l-tabs-vertical.l-tabs-card.l-tabs-left > .l-tabs-bar .l-tabs-nav-wrap {
  margin-right: 0;
}
.l-tabs-vertical.l-tabs-card.l-tabs-right > .l-tabs-bar .l-tabs-nav-wrap {
  margin-left: 0;
}
.l-tabs.l-tabs-card.l-tabs-bottom > .l-tabs-bar .l-tabs-tab {
  border-bottom: 1px solid #e8e8e8;
  border-top: 0;
  border-radius: 0 0 4px 4px;
}
.l-tabs-vertical.l-tabs-card > .l-tabs-bar .l-tabs-tab {
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 1px;
}
/*.@{tabs}-vertical.@{tabs}-card > .@{tabs}-bar .@{tabs}-tab-active {
    padding-bottom: 4px;
}*/
.l-tabs.l-tabs-card > .l-tabs-bar .l-tabs-tab-active {
  background: #F3F7F9;
  border-color: #EDEDED;
  color: #1C62DD;
  padding-bottom: 1px;
}
.l-tabs.l-tabs-card.l-tabs-bottom > .l-tabs-bar .l-tabs-tab-active {
  color: #3363cc;
  padding-bottom: 0;
  padding-top: 1px;
}
.l-tabs.l-tabs-card > .l-tabs-bar .l-tabs-ink-bar {
  visibility: hidden;
}
.l-tabs.l-tabs-card > .l-tabs-bar .l-tabs-nav-wrap {
  margin-bottom: 0;
}
.l-tabs-vertical.l-tabs-card.l-tabs-left > .l-tabs-bar .l-tabs-tab {
  border-right: 0;
  border-radius: 4px 0 0 4px;
  margin-right: 1px;
}
.l-tabs-vertical.l-tabs-card.l-tabs-right > .l-tabs-bar .l-tabs-tab {
  border-left: 0;
  border-radius: 0 4px 4px 0;
  margin-left: 1px;
}
.l-tabs-vertical.l-tabs-card.l-tabs-left > .l-tabs-bar .l-tabs-tab-active {
  margin-right: -1px;
  padding-right: 18px;
}
.l-tabs-vertical.l-tabs-card.l-tabs-right > .l-tabs-bar .l-tabs-tab-active {
  margin-left: -1px;
  padding-left: 18px;
}
.new.l-tabs-tab:after {
  content: "";
  display: block;
  background: #D9D9D9;
  height: 12px;
  width: 1px;
  position: absolute;
  top: 12.5px;
  right: 0;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
div.tagsinput {
  /*border: 1px solid #CCC;*/
  background: #FFF;
  padding: 5px;
  width: 300px;
  height: auto;
  overflow-y: auto;
}
div.tagsinput span.tag {
  border: 1px solid #E7EFFB;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  display: block;
  float: left;
  padding: 5px 8px;
  text-decoration: none;
  background: #E7EFFB;
  color: #283045;
  margin-right: 5px;
  margin-bottom: 5px;
  font-family: helvetica;
  font-size: 13px;
  border-radius: 4px 4px 4px 4px;
}
div.tagsinput span.tag a {
  font-weight: bold;
  color: #707070;
  text-decoration: none;
  font-size: 11px;
}
div.tagsinput input {
  width: 80px;
  min-width: 80px;
  margin: 0px;
  font-family: helvetica;
  font-size: 13px;
  border: 1px solid #ABB3BF !important;
  padding: 5px;
  background: transparent;
  color: #000;
  outline: 0px;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 4px 4px 4px 4px;
}
div.tagsinput div {
  display: block;
  float: left;
}
.tags_clear {
  clear: both;
  width: 100%;
  height: 0px;
}
.not_valid {
  background: #FBD8DB !important;
  color: #90111A !important;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.l-text-wrapper {
  /*display: inline-block;
    vertical-align: top;*/
}
.l-text-group {
  font-family: "Microsoft YaHei";
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  /*color: @text-color;*/
  color: #707070;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: table !important;
  border-collapse: separate;
  border-spacing: 0;
}
.l-text-group-addon,
.l-text-group-wrap,
.l-text-group > .l-text {
  display: table-cell;
}
.l-text-group-addon:not(:first-child):not(:last-child),
.l-text-group-wrap:not(:first-child):not(:last-child),
.l-text-group > .l-text:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.l-text-group-addon,
.l-text-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.l-text-group-wrap > * {
  display: block !important;
}
.l-text-group .l-text {
  /*float: left;*/
  margin-bottom: 0;
}
.l-text-group .l-text:focus {
  z-index: 1;
  border-right-width: 1px;
}
.l-text-group .l-text:hover {
  z-index: 1;
  border-right-width: 1px;
}
.l-text-group-addon {
  padding: 0 11px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #0B1723;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  position: relative;
  transition: all 0.3s;
}
.l-text-group > .l-text:first-child,
.l-text-group-addon.left {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.l-text-group-addon.left {
  border-right: 0;
}
.l-text-group-addon.right {
  border-left: 0;
}
.l-text-group > .l-text-affix-wrapper:not(:first-child) .l-text {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.l-text-group > .l-text-affix-wrapper:not(:last-child) .l-text {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.l-text-group > .l-text:last-child,
.l-text-group-addon:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.l-text-group-lg .l-text,
.l-text-group-lg > .l-text-group-addon {
  padding: 6px 11px;
  height: 40px;
  font-size: 16px;
}
.l-text-group-sm .l-text,
.l-text-group-sm > .l-text-group-addon {
  padding: 1px 7px;
  height: 24px;
}
.l-text-group .l-text-affix-wrapper {
  display: table-cell;
  width: 100%;
  float: left;
}
.l-text-group .panel-li {
  margin: 0 !important;
  float: left;
}
.l-text-group .panel-li .l-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.l-text-group .panel-li .l-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.l-text-affix-wrapper {
  font-family: "Microsoft YaHei";
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  /*color: @text-color;*/
  color: #707070;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: inline-block;
  width: 100%;
}
.l-text-affix-wrapper:hover .l-text:not(.l-text-disabled) {
  border-color: #4884F2;
  border-right-width: 1px !important;
}
.l-text-affix-wrapper .l-text {
  position: static;
}
.l-text-affix-wrapper .l-text-prefix,
.l-text-affix-wrapper .l-text-suffix {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  line-height: 0;
  color: #0B1723;
}
.l-text-affix-wrapper .l-text-prefix :not(.anticon),
.l-text-affix-wrapper .l-text-suffix :not(.anticon) {
  line-height: 1.5;
}
.l-text-affix-wrapper .l-text-prefix {
  left: 12px;
}
.l-text-affix-wrapper .l-text-suffix {
  right: 12px;
}
.l-text-affix-wrapper .l-text:not(:first-child) {
  padding-left: 30px;
}
.l-text-affix-wrapper .l-text .l-text-field {
  padding-left: 2px;
}
.l-text-affix-wrapper .l-text:not(:last-child) {
  padding-right: 30px;
}
.l-text-affix-wrapper .l-text {
  min-height: 100%;
}
/* 文本框、下来框、日期框、调整器都使用到这个 */
.l-text {
  position: relative;
  height: 24px;
  line-height: 1.5;
  background: #fff;
  border: 1px solid #D9D9D9;
  /*默认宽度*/
  width: 100px;
  /*边框圆角像素*/
  border-radius: 4px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: inline-flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  box-sizing: border-box;
  transition: all 0.3s;
}
.l-text:not(.l-text-disabled):hover {
  border-color: #4884F2;
  border-right-width: 1px !important;
}
.l-text-lg {
  padding: 6px 11px;
  height: 40px;
  font-size: 16px;
}
.l-text-sm {
  padding: 1px 7px;
  height: 24px;
}
/* 文本框、下来框、日期框、调整器都使用到这个 控件input多包一层实现内部宽度自适应 */
.l-text-flex {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  width: 100%;
  height: 100%;
}
.l-text-focus {
  border-color: #4884F2;
  outline: 0;
  /*box-shadow: @textedit-outline-offset @outline-blur-size @outline-width fade(@color, 20%);*/
  border-right-width: 1px !important;
  /*z-index: 1;*/
}
/* 文本框 验证不通过 */
.l-text-invalid {
  border-color: #f96868;
}
.l-text-invalid .l-text-field {
  background: none;
}
.l-text-invalid.l-text-focus {
  border-color: #4884F2;
  outline: 0;
  /*box-shadow: @textedit-outline-offset @outline-blur-size @outline-width fade(@color, 20%);*/
  border-right-width: 1px !important;
  /*z-index: 1;*/
}
/*禁用时文本框*/
.l-text-disabled {
  background-color: #EFEFEF;
  opacity: 1;
  cursor: not-allowed;
  color: #CCCED3;
  border-color: #E2E2E2;
  /*&:hover {
        .hover(@textedit-border-color);
    }*/
  /*输入框带图标禁用时状态*/
}
.l-text-disabled .l-trigger {
  cursor: not-allowed;
}
.l-text-disabled .l-text-field {
  background-color: inherit;
  border-color: inherit;
  color: inherit;
  cursor: inherit;
}
/* 编辑状态 */
/* 只读状态*/
.l-text-readonly {
  background: #faf9f9;
}
.l-text-readonly input {
  background: inherit;
  border: 0;
}
.l-text-readonly .l-trigger-cancel {
  display: none;
  cursor: auto;
}
/*.@{text}-readonly .l-trigger,.@{text}-readonly .l-trigger-icon {
	display:none;// by:zcren 2016-12-06 解决输入控件为只读时，按钮图标被隐藏的问题
}*/
/* 表单文本框 input:text */
.l-text-field {
  cursor: auto;
  position: relative;
  display: inline-block;
  width: 100%;
  border: 0;
  margin: 0;
  outline: none;
  height: 100%;
  background-color: #fff;
  /*padding: @textedit-padding-vertical-base @textedit-padding-horizontal-base;*/
  padding: 4px;
  color: #0B1723;
  /*һ��Ҫ����������Ȼ�߿�Բ�ǵ�ʱ�򣬿����а׿�*/
  border-radius: 4px;
  background-image: none;
  font-size: 12px;
}
.l-text-field::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.l-text-field:-ms-input-placeholder {
  color: #bfbfbf;
}
.l-text-field::-webkit-input-placeholder {
  color: #bfbfbf;
}
.l-text-field::-webkit-input-placeholder {
  color: #DDDDDD;
}
.l-text-field-number {
  text-align: left;
  -ms-ime-mode: disabled;
  ime-mode: disabled;
}
.l-text-flex .l-tags {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.l-tags .l-tags-item {
  margin: 2px;
  padding: 0 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  height: 22px;
  border: 1px solid #acacac;
  border-radius: 3px;
  background: -webkit-linear-gradient(top, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%);
  background: linear-gradient(to bottom, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%);
}
.l-tags-trigger {
  cursor: pointer;
  overflow: hidden;
  position: relative;
  text-align: center;
  border: none;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.l-timeline {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  margin: 0;
  padding: 0;
  list-style: none;
}
.l-timeline-item {
  position: relative;
  margin: 0;
  padding: 0 0 20px;
  font-size: 14px;
  list-style: none;
}
.l-timeline-item-tail {
  position: absolute;
  top: 10px;
  left: 4px;
  height: calc(100% - 10px);
  border-left: 2px solid #e8e8e8;
}
.l-timeline-item-pending .l-timeline-item-head {
  font-size: 12px;
  background-color: transparent;
}
.l-timeline-item-pending .l-timeline-item-tail {
  display: none;
}
.l-timeline-item-head {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 2px solid transparent;
  border-radius: 100px;
}
.l-timeline-item-head-blue {
  color: #1890ff;
  border-color: #1890ff;
}
.l-timeline-item-head-red {
  color: #f5222d;
  border-color: #f5222d;
}
.l-timeline-item-head-green {
  color: #52c41a;
  border-color: #52c41a;
}
.l-timeline-item-head-gray {
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.l-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;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.l-timeline-item-content {
  position: relative;
  top: -6px;
  margin: 0 0 0 18px;
  word-break: break-word;
}
.l-timeline-item-content p {
  margin: 0;
}
.l-timeline-item-last > .l-timeline-item-tail {
  display: none;
}
.l-timeline-item-last > .l-timeline-item-content {
  min-height: 48px;
}
.l-timeline.l-timeline-alternate .l-timeline-item-tail,
.l-timeline.l-timeline-right .l-timeline-item-tail,
.l-timeline.l-timeline-alternate .l-timeline-item-head,
.l-timeline.l-timeline-right .l-timeline-item-head,
.l-timeline.l-timeline-alternate .l-timeline-item-head-custom,
.l-timeline.l-timeline-right .l-timeline-item-head-custom {
  left: 50%;
}
.l-timeline.l-timeline-alternate .l-timeline-item-head,
.l-timeline.l-timeline-right .l-timeline-item-head {
  margin-left: -4px;
}
.l-timeline.l-timeline-alternate .l-timeline-item-head-custom,
.l-timeline.l-timeline-right .l-timeline-item-head-custom {
  margin-left: 1px;
}
.l-timeline.l-timeline-alternate .l-timeline-item-left .l-timeline-item-content,
.l-timeline.l-timeline-right .l-timeline-item-left .l-timeline-item-content {
  left: calc(50% - 4px);
  width: calc(50% - 14px);
  text-align: left;
}
.l-timeline.l-timeline-alternate .l-timeline-item-right .l-timeline-item-content,
.l-timeline.l-timeline-right .l-timeline-item-right .l-timeline-item-content {
  width: calc(50% - 12px);
  margin: 0;
  text-align: right;
}
.l-timeline.l-timeline-right .l-timeline-item-right .l-timeline-item-tail,
.l-timeline.l-timeline-right .l-timeline-item-right .l-timeline-item-head,
.l-timeline.l-timeline-right .l-timeline-item-right .l-timeline-item-head-custom {
  left: calc(100% - 4px - 2px);
}
.l-timeline.l-timeline-right .l-timeline-item-right .l-timeline-item-content {
  width: calc(100% - 18px);
}
.l-timeline.l-timeline-pending .l-timeline-item-last .l-timeline-item-tail {
  display: block;
  height: calc(100% - 14px);
  border-left: 2px dotted #e8e8e8;
}
.l-timeline.l-timeline-reverse .l-timeline-item-last .l-timeline-item-tail {
  display: none;
}
.l-timeline.l-timeline-reverse .l-timeline-item-pending .l-timeline-item-tail {
  top: 15px;
  display: block;
  height: calc(100% - 15px);
  border-left: 2px dotted #e8e8e8;
}
.l-timeline.l-timeline-reverse .l-timeline-item-pending .l-timeline-item-content {
  min-height: 48px;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
/*@text:~'@{vango-prefix}-text';*/
.timepicker {
  position: relative;
  padding: 12px 20px !important;
  background: #fff;
}
.timepicker.dropdown-menuSelector {
  position: absolute;
  font-family: "Microsoft YaHei";
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  /*color: @text-color;*/
  color: #707070;
  margin: 0;
  padding: 0;
  list-style: none;
  top: 0;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  /* padding: 0;*/
  background-color: #fff;
  box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.16);
  box-sizing: border-box;
  border-radius: 4px;
  font-size: 14px;
}
.timepicker .picker-wrap:first-child {
  margin-right: 20px;
}
.timepicker .picker-wrap {
  width: 40px;
  overflow: hidden;
  float: left;
  position: relative;
  z-index: 1;
}
.timepicker .picker-btn {
  display: block;
  width: 50%;
  height: 27px;
  line-height: 25px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.timepicker .picker-btn .arrow {
  border: 7px solid #bbb;
}
.timepicker .picker-btn .arrow-bg {
  border: 7px solid #fff;
}
.timepicker .picker-btn.up {
  top: 0;
}
.timepicker .picker-btn.up .arrow {
  top: 0;
}
.timepicker .picker-btn.up .arrow-bg {
  top: 1px;
}
.timepicker .picker-btn.up .arrow,
.timepicker .picker-btn.up .arrow-bg {
  border-left-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
}
.timepicker .picker-btn.down {
  bottom: 0;
}
.timepicker .picker-btn.down .arrow {
  bottom: 0;
}
.timepicker .picker-btn.down .arrow-bg {
  bottom: 1px;
}
.timepicker .picker-btn.down .arrow,
.timepicker .picker-btn.down .arrow-bg {
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.timepicker .picker-con {
  width: 100%;
  height: 174px;
  overflow: hidden;
  position: relative;
}
.timepicker .picker-con .picker-innercon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.timepicker .picker-con span {
  display: block;
  height: 35px;
  width: 100%;
  text-align: center;
  line-height: 35px;
  cursor: pointer;
  color: #bbb;
}
.timepicker .picker-con span.current {
  color: #000;
  font-size: 16px;
}
.timepicker .timePicker-split {
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -15px;
  height: 30px;
  width: 100px;
  z-index: 0;
}
.timepicker .timePicker-split .split-icon {
  width: 20px;
  height: 30px;
  line-height: 30px;
  float: left;
  text-align: center;
  color: #000;
}
.timepicker .picker-btn .arrow,
.arrow-bg {
  width: 0;
  height: 0;
  display: inline-block;
  position: absolute;
  left: 3px;
}
.timepicker .timePicker-split .hour-input,
.minute-input {
  width: 38px;
  height: 28px;
  border: 1px solid #ececec;
  float: left;
  background: #f9f9f9;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.webui-popover-content {
  display: none;
}
.webui-popover-rtl {
  direction: rtl;
  text-align: right;
}
/*  webui popover  */
.webui-popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  min-width: 50px;
  min-height: 25px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: rgba(0, 0, 0, 0.8);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  color: #fff;
}
.webui-popover.top,
.webui-popover.top-left,
.webui-popover.top-right {
  margin-top: -5px;
}
.webui-popover.right,
.webui-popover.right-top,
.webui-popover.right-bottom {
  margin-left: 5px;
}
.webui-popover.bottom,
.webui-popover.bottom-left,
.webui-popover.bottom-right {
  margin-top: 5px;
}
.webui-popover.left,
.webui-popover.left-top,
.webui-popover.left-bottom {
  margin-left: -5px;
}
.webui-popover.pop {
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
  -o-transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
  transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
  opacity: 0;
  filter: alpha(opacity=0);
}
.webui-popover.pop-out {
  -webkit-transition-property: "opacity,transform";
  -o-transition-property: "opacity,transform";
  transition-property: "opacity,transform";
  -webkit-transition: 0.15s linear;
  -o-transition: 0.15s linear;
  transition: 0.15s linear;
  opacity: 0;
  filter: alpha(opacity=0);
}
.webui-popover.fade,
.webui-popover.fade-out {
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  opacity: 0;
  filter: alpha(opacity=0);
}
.webui-popover.out {
  opacity: 0;
  filter: alpha(opacity=0);
}
.webui-popover.in {
  -webkit-transform: none;
  -o-transform: none;
  transform: none;
  opacity: 1;
  filter: alpha(opacity=100);
}
.webui-popover .webui-popover-content {
  padding: 8px 14px;
  overflow: auto;
  display: block;
}
.webui-popover .webui-popover-content > div:first-child {
  width: 99%;
}
.webui-popover > .webui-arrow,
.webui-popover > .webui-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.webui-popover > .webui-arrow {
  border-width: 6px;
}
.webui-popover .webui-arrow:after {
  border-width: 6px;
  content: "";
}
.webui-popover.top > .webui-arrow,
.webui-popover.top-right > .webui-arrow,
.webui-popover.top-left > .webui-arrow {
  bottom: -6px;
  left: 50%;
  margin-left: -6px;
  border-top-color: rgba(0, 0, 0, 0.8);
  border-bottom-width: 0;
}
.webui-popover.top > .webui-arrow:after,
.webui-popover.top-right > .webui-arrow:after,
.webui-popover.top-left > .webui-arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -6px;
  border-top-color: transparent;
  border-bottom-width: 0;
}
.webui-popover.right .webui-arrow,
.webui-popover.right-top .webui-arrow,
.webui-popover.right-bottom .webui-arrow {
  top: 50%;
  left: -6px;
  margin-top: -6px;
  border-left-width: 0;
  border-right-color: rgba(0, 0, 0, 0.8);
}
.webui-popover.right .webui-arrow:after,
.webui-popover.right-top .webui-arrow:after,
.webui-popover.right-bottom .webui-arrow:after {
  content: " ";
  left: 1px;
  bottom: -6px;
  border-left-width: 0;
  border-right-color: transparent;
}
.webui-popover.bottom > .webui-arrow,
.webui-popover.bottom-right > .webui-arrow,
.webui-popover.bottom-left > .webui-arrow {
  top: -6px;
  left: 50%;
  margin-left: -6px;
  border-bottom-color: rgba(0, 0, 0, 0.8);
  border-top-width: 0;
}
.webui-popover.bottom > .webui-arrow:after,
.webui-popover.bottom-right > .webui-arrow:after,
.webui-popover.bottom-left > .webui-arrow:after {
  content: " ";
  top: 1px;
  margin-left: -6px;
  border-bottom-color: transparent;
  border-top-width: 0;
}
.webui-popover.left > .webui-arrow,
.webui-popover.left-top > .webui-arrow,
.webui-popover.left-bottom > .webui-arrow {
  top: 50%;
  right: -6px;
  margin-top: -6px;
  border-right-width: 0;
  border-left-color: rgba(0, 0, 0, 0.8);
}
.webui-popover.left > .webui-arrow:after,
.webui-popover.left-top > .webui-arrow:after,
.webui-popover.left-bottom > .webui-arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: transparent;
  bottom: -6px;
}
.webui-popover .dropdown-menu {
  display: block;
  position: relative;
  top: 0;
  border: none;
  box-shadow: none;
  float: none;
}
.webui-popover-inner .close {
  font-family: 'Microsoft YaHei';
  /*margin: 8px 10px 0 0;*/
  float: right;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  color: #000000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
  text-decoration: none;
}
.webui-popover-inner .close:hover,
.webui-popover-inner .close:focus {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.webui-popover-inner .close:after {
  content: "\00D7";
  width: 0.8em;
  height: 0.8em;
  padding: 4px;
  position: relative;
}
.webui-popover-title {
  padding: 3px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  background-color: #ffffff;
  border-bottom: 1px solid #f2f2f2;
  border-radius: 5px 5px 0 0;
}
.webui-popover-content {
  padding: 9px 14px;
  overflow: auto;
  display: none;
}
.webui-popover-inverse {
  background-color: #333333;
  color: #eeeeee;
}
.webui-popover-inverse .webui-popover-title {
  background: #333333;
  border-bottom: 1px solid #3b3b3b;
  color: #eeeeee;
}
.webui-popover-inverse.top > .webui-arrow,
.webui-popover-inverse.top-left > .webui-arrow,
.webui-popover-inverse.top-right > .webui-arrow,
.webui-popover-inverse.top.webui-arrow:after,
.webui-popover-inverse.top-left.webui-arrow:after,
.webui-popover-inverse.top-right.webui-arrow:after {
  border-top-color: transparent;
}
.webui-popover-inverse.right > .webui-arrow,
.webui-popover-inverse.right-top > .webui-arrow,
.webui-popover-inverse.right-bottom > .webui-arrow,
.webui-popover-inverse.right.webui-arrow:after,
.webui-popover-inverse.right-top.webui-arrow:after,
.webui-popover-inverse.right-bottom.webui-arrow:after {
  border-right-color: transparent;
}
.webui-popover-inverse.bottom > .webui-arrow,
.webui-popover-inverse.bottom-left > .webui-arrow,
.webui-popover-inverse.bottom-right > .webui-arrow,
.webui-popover-inverse.bottom.webui-arrow:after,
.webui-popover-inverse.bottom-left.webui-arrow:after,
.webui-popover-inverse.bottom-right.webui-arrow:after {
  border-bottom-color: transparent;
}
.webui-popover-inverse.left > .webui-arrow,
.webui-popover-inverse.left-top > .webui-arrow,
.webui-popover-inverse.left-bottom > .webui-arrow,
.webui-popover-inverse.left.webui-arrow:after,
.webui-popover-inverse.left-top.webui-arrow:after,
.webui-popover-inverse.left-bottom.webui-arrow:after {
  border-left-color: transparent;
}
.webui-no-padding .webui-popover-content {
  padding: 0;
}
.webui-no-padding .list-group-item {
  border-right: none;
  border-left: none;
}
.webui-no-padding .list-group-item:first-child {
  border-top: 0;
}
.webui-no-padding .list-group-item:last-child {
  border-bottom: 0;
}
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
.webui-popover-backdrop {
  background-color: rgba(0, 0, 0, 0.65);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
}
.invalid-input-text.top > .webui-arrow,
.invalid-input-text.top-right > .webui-arrow {
  margin-left: -48px;
}
.vg-popo {
  background-color: #fff !important;
  border: 1px solid rgba(204, 213, 219, 0.8) !important;
}
.vg-popo .webui-popover-content {
  color: #555 !important;
}
.vg-popo .webui-popover-title {
  background-color: #f3f7f9;
  border-bottom: 1px solid #e2ecf1;
  color: #37474f;
}
/*************上***************/
.vg-popo.top > .webui-arrow,
.vg-popo.top-right > .webui-arrow,
.vg-popo.top-left > .webui-arrow {
  border-top-color: rgba(204, 213, 219, 0.85) !important;
}
.vg-popo.top > .webui-arrow:after,
.vg-popo.top-right > .webui-arrow:after,
.vg-popo.top-left > .webui-arrow:after {
  border-top-color: #fff !important;
}
/*-------------右--------------*/
.vg-popo.right > .webui-arrow,
.vg-popo.right-top > .webui-arrow,
.vg-popo.right-bottom > .webui-arrow {
  border-right-color: rgba(204, 213, 219, 0.85) !important;
}
.vg-popo.right > .webui-arrow:after,
.vg-popo.right-top > .webui-arrow:after,
.vg-popo.right-bottom > .webui-arrow:after {
  border-right-color: #fff !important;
}
/*-------------下--------------*/
.vg-popo.bottom > .webui-arrow,
.vg-popo.bottom-right > .webui-arrow,
.vg-popo.bottom-left > .webui-arrow {
  border-bottom-color: rgba(204, 213, 219, 0.85) !important;
}
.vg-popo.bottom > .webui-arrow:after,
.vg-popo.bottom-right > .webui-arrow:after,
.vg-popo.bottom-left > .webui-arrow:after {
  border-bottom-color: #fff !important;
}
/*-------------左--------------*/
.vg-popo.left > .webui-arrow,
.vg-popo.left-top > .webui-arrow,
.vg-popo.left-bottom > .webui-arrow {
  border-left-color: rgba(204, 213, 219, 0.85) !important;
}
.vg-popo.left > .webui-arrow:after,
.vg-popo.left-top > .webui-arrow:after,
.vg-popo.left-bottom > .webui-arrow:after {
  border-left-color: #fff !important;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.l-vgview {
  height: 100%;
  width: 100%;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.l-form .vpanel {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  border-radius: 3px;
}
.vpanel.l-border {
  border-color: #62a8ea;
}
.vpanel {
  display: flex;
  flex-direction: column;
  position: relative;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.l-vspacer {
  opacity: 0;
  /*float: left;  感觉用处不大，暂时先注释*/
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* 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 */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
.l-grid-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 1px;
  *zoom: 1;
  overflow: hidden;
  display: none;
  z-index: 9000;
}
.l-grid {
  height: 100%;
  position: relative;
  text-align: left;
  border: 1px solid #CCCCCC;
  border-top: none;
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 !important;
  -webkit-box-sizing: border-box;
  user-select: none;
  background: #FFFFFF;
  color: #4F6172;
  font-size: 12px;
  padding-top: 1px;
}
.l-grid-empty .l-grid-body-inner {
  width: 100%;
}
.l-grid-empty .l-grid-body {
  overflow: hidden;
}
.l-grid-hashorizontal .l-grid-body1 .l-jplace {
  height: 19px;
}
.l-grid td div {
  font-size: 12px;
}
.l-grid table {
  border-spacing: 0 0;
}
.l-grid-header {
  border-bottom: 1px solid #A3C0E8;
  height: 22px;
  line-height: 22px;
  background: #E2F0FF url(/HHERP/_/Resource/images/grid/header-bg.gif) repeat-x left bottom;
  overflow: hidden;
  width: 100%;
}
.l-grid-scroller {
  position: relative;
  top: 0px;
  left: 0px;
  height: 220px;
  overflow: auto;
}
.l-grid-scroller-noscroll {
  height: auto;
  overflow: hidden;
}
.l-grid-body {
  position: relative;
  width: 100%;
  top: 0px;
  left: 0px;
  overflow: auto;
}
.l-grid-body-table tr.l-checked td {
  background: #DCF8A8;
}
.l-grid-popup {
  background: #eee url(/HHERP/_/Resource/images/grid/popup-line.gif) repeat-y -1px top;
  border: 1px solid #ccc;
  border-top: 0px;
  overflow: auto;
  left: 0px;
  position: absolute;
  z-index: 999;
  display: none;
}
/*.@{grid}-loading {
    position: absolute;
    z-index: 91000;
    border: 1px solid #9BBBE6;
    top: 40%;
    left: 50%;
    background: white url(/HHERP/_/Resource/images/common/loading.gif) no-repeat 8px 6px;
    padding-left: 38px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    margin-left: -60px;
    display: none;
}*/
.l-grid-editor {
  position: absolute;
  z-index: 999;
  display: none;
  text-align: center;
  background: #fff !important;
}
.l-grid-editor .l-checkbox-wrapper {
  margin-top: 2px;
}
.l-grid-popup table {
  display: table;
  border-collapse: separate;
  border-color: gray;
  margin: 2px;
}
.l-grid-popup table tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}
.l-grid-popup table td {
  padding: 2px 3px;
  cursor: default;
}
.l-grid-popup td.l-column-left {
  border-right: 1px solid #ccc;
}
.l-grid-popup td.l-column-right {
  border-left: 1px solid #fff;
  padding-right: 10px;
}
.l-grid-popup tr:hover .l-column-right,
.l-grid-popup tr.l-popup-row-over .l-column-right {
  border-right: 1px solid #d2e3ec;
  border-top: 1px solid #d2e3ec;
  border-bottom: 1px solid #d2e3ec;
}
.l-grid-popup tr:hover .l-column-left,
.l-grid-popup tr.l-popup-row-over .l-column-left {
  border-left: 1px solid #d2e3ec;
  border-top: 1px solid #d2e3ec;
  border-bottom: 1px solid #d2e3ec;
}
.l-grid-popup table tr:hover,
.l-grid-popup table tr.l-popup-row-over {
  background: #d5effc url(/HHERP/_/Resource/images/grid/popup-row-over.gif) repeat-x top;
  border: 1px solid #a8d8eb;
}
.l-grid-hd-cell-mul {
  border-bottom: 1px solid #A3C0E8;
}
.l-grid-hd-cell-detail {
  padding: 0;
  margin: 0;
}
.l-grid-dragging-line {
  background: #777777;
  width: 1px;
  position: absolute;
  display: none;
  z-index: 9999;
  padding: 0;
  margin: 0;
  cursor: col-resize;
}
.l-grid-hd-cell-dropleft {
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  background: url(/HHERP/_/Resource/images/icon/icon-prev.gif) no-repeat -2px center;
  width: 16px;
  height: 24px;
  z-index: 3;
  display: none;
}
.l-grid-hd-cell-dropright {
  position: absolute;
  right: 0px;
  top: 0px;
  display: block;
  background: url(/HHERP/_/Resource/images/icon/icon-next.gif) no-repeat 0px center;
  width: 16px;
  height: 24px;
  z-index: 3;
  display: none;
}
.l-grid-hd-cell-drop {
  position: absolute;
  right: -1px;
  top: 0px;
  display: block;
  width: 2px;
  height: 24px;
  z-index: 3;
  cursor: e-resize;
}
.l-grid-hd-cell-sort {
  overflow: hidden;
}
.l-grid-hd-cell-sort-asc {
  background: url(/HHERP/_/Resource/images/icon/icon-sort-asc.gif) no-repeat center;
}
.l-grid-hd-cell-sort-desc {
  background: url(/HHERP/_/Resource/images/icon/icon-sort-desc.gif) no-repeat center;
}
.l-grid-hd-cell-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  overflow: hidden;
  border-left: 1px solid #C1D6F0;
  cursor: pointer;
}
.l-grid-hd-cell-btn span {
  border-left: 1px solid #F1F5FC;
  width: 14px;
  height: 22px;
  background: url(/HHERP/_/Resource/images/icon/icon-down.gif) no-repeat 2px 8px;
  display: block;
}
.l-grid-hd-cell-drophandle {
  width: 5px;
  height: 22px;
  cursor: col-resize;
  float: right;
  position: absolute;
  top: 0px;
  right: -3px;
}
.l-grid-hd-cell-text {
  text-align: center;
  cursor: pointer;
  overflow: hidden;
}
.l-grid-hd-cell {
  padding: 0;
  margin: 0;
  overflow: hidden;
  border-right: 1px solid #A3C0E8;
  text-align: center;
}
.l-grid-totalsummary {
  border-bottom: 1px solid #A3C0E8;
  background: #EEF3FF;
  padding: 5px 0 5px 0;
}
.l-grid-totalsummary-nobottom {
  border-bottom: none;
}
.l-grid-totalsummary td {
  border-right: 1px solid #EEF3FF;
  text-align: center;
  line-height: 23px;
}
.l-grid-totalsummary .l-grid-totalsummary-cell-last {
  border-right: 1px solid #FFF;
}
.l-grid-totalsummary .l-grid-totalsummary-cell-inner {
  margin: 0px 3px;
  min-height: 23px;
  _height: 23px;
}
.l-grid-totalsummary .l-grid-totalsummary-cell-inner div {
  height: 22px;
  line-height: 22px;
}
/*
    detail
*/
.l-grid-detailpanel {
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}
.l-grid-detailpanel-inner {
  overflow: auto;
  margin-bottom: 2px;
}
.l-grid-row-alt .l-grid-row-cell {
  background: #DCF8A8;
}
.l-grid-row-over .l-grid-row-cell,
.l-grid-row-over {
  background: #E0ECFF;
}
.l-selected .l-grid-row-cell {
  background: #DCF8A8;
}
.l-grid-row-cell {
  border-right: 1px solid #A3C0E8;
  border-bottom: 1px solid #A3C0E8;
  text-align: center;
  overflow: hidden;
}
.l-grid-row-last .l-grid-row-cell {
  border-bottom: none;
}
.l-grid-row-cell-detail .l-grid-row-cell-inner {
  margin-left: 0px;
  margin-right: 0px;
  width: 27px;
  overflow: hidden;
}
.l-grid-row-cell-detail .l-grid-row-cell-inner span {
  display: block;
  width: 21px;
  height: 21px;
  background: url(/HHERP/_/Resource/images/grid/grid-detail-close.gif) no-repeat 5px 5px;
  cursor: pointer;
  overflow: hidden;
}
.l-grid-row-cell-detail .l-grid-row-cell-inner span.l-open {
  background: url(/HHERP/_/Resource/images/grid/grid-detail-open.gif) no-repeat 5px 5px;
}
.l-grid-row-cell-checkbox .l-grid-row-cell-inner {
  margin-left: 0px;
  margin-right: 0px;
}
.l-grid-row-cell-checkbox span,
.l-grid-hd-cell-checkbox .l-grid-hd-cell-inner div {
  display: block;
  width: 21px;
  height: 21px;
  background: url(/HHERP/_/Resource/images/controls/checkbox.gif) no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
  overflow: hidden;
  margin: 3px 0px 7px 0px;
}
.l-checked .l-grid-row-cell-checkbox span,
.l-checked .l-grid-hd-cell-checkbox .l-grid-hd-cell-inner div {
  background-position: 0px -13px;
}
.l-selected .l-grid-row-cell-checkbox span,
.l-selected .l-grid-hd-cell-checkbox .l-grid-hd-cell-inner div {
  background-position: 0px -13px;
}
.l-grid-hd-cell-inner {
  overflow: hidden;
  text-align: center;
}
.l-grid-hd-cell-checkbox {
  padding: 0;
  margin: 0;
}
.l-grid-row-cell-edited .l-grid-row-cell-inner {
  background-image: url(/HHERP/_/Resource/images/icon/icon-edited.gif);
  background-repeat: no-repeat;
  background-position: 2px 2px;
}
.l-grid-row-cell-inner {
  text-align: center;
  line-height: 22px;
  min-height: 22px;
  _height: 22px;
  margin-left: 3px;
  margin-right: 3px;
  overflow: hidden;
}
.l-grid-row-cell-inner-fixedheight {
  height: 22px;
}
.l-panel-bar {
  height: 32px;
  overflow: hidden;
  border: 0;
  border-top: 1px solid #84A0C4;
}
.l-panel-bbar-inner {
  margin-top: 3px;
  padding-left: 2px;
  width: 100%;
  position: relative;
  min-width: 530px;
  _width: 530px;
}
.l-bar-message {
  position: absolute;
  right: 0px;
}
.l-bar-group {
  float: left;
  background: none;
  height: 24px;
  margin: 0px 5px;
}
.l-bar-right {
  float: right;
}
/*项之间的分割线*/
.l-bar-separator {
  float: left;
  height: 18px;
  margin: 2px;
  border-left: 1px solid #9AC6FF;
  border-right: 1px solid #FFF;
}
.l-bar-button {
  float: left;
  width: 28px;
  height: 28px;
  cursor: pointer;
  overflow: hidden;
  color: #888;
  border: 0;
}
.vango-pager .l-bar-button {
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  align-items: center;
  /*margin-top: -3px;*/
}
.l-bar-button-over {
  /*background: #42a6ef;
    color: #fff;*/
  color: #42a6ef;
}
.l-bar-button span {
  width: 16px;
  height: 20px;
  display: block;
  margin-left: 2px;
  float: left;
  overflow: hidden;
}
.l-bar-btnfirst span {
  /*background: url(/HHERP/_/Resource/images/icon/icon-first.gif) no-repeat; background-position:0px 0px;*/
}
.l-bar-btnprev span {
  /*background: url(/HHERP/_/Resource/images/icon/icon-prev.gif) no-repeat ; background-position:0px 0px;*/
}
.l-bar-btnnext span {
  /*background: url(/HHERP/_/Resource/images/icon/icon-next.gif) no-repeat; background-position:0px 0px;*/
}
.l-bar-btnlast span {
  /*background: url(/HHERP/_/Resource/images/icon/icon-last.gif) no-repeat; background-position:0px 0px;*/
}
.l-bar-button .l-disabled {
  background-position: 0px -16px;
}
.l-disabled span {
  background-position: 0px -16px;
}
.l-bar-text {
  line-height: 20px;
}
/*
    grouping
*/
.l-grid .l-grid-grouprow {
  border-right: 1px solid #A3C0E8;
}
.l-grid .l-grid-grouprow-cell {
  padding: 6px;
  border-bottom: 1px solid #A3C0E8;
  background: #EAF3FF;
}
.l-grid .l-grid-group-togglebtn {
  background: url(/HHERP/_/Resource/images/grid/grid-detail-open.gif) no-repeat center;
  cursor: pointer;
}
.l-grid .l-grid-group-togglebtn-close {
  background: url(/HHERP/_/Resource/images/grid/grid-detail-close.gif) no-repeat center;
}
.l-grid .l-grid-totalsummary-group td {
  background-color: #F5EEFB;
  border-color: #F5EEFB;
}
/*
    foot total
*/
.l-panel-bar-total {
  background: #F5F9FF;
  padding: 8px;
  border-top: 1px solid #84A0C4;
}
/*
    tree grid 
*/
.l-grid-tree-space {
  width: 18px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  float: left;
}
.l-grid-tree-link-open {
  cursor: pointer;
  background: url(/HHERP/_/Resource/images/grid/grid-tree-open.gif) no-repeat center;
}
.l-grid-tree-link-close {
  cursor: pointer;
  background: url(/HHERP/_/Resource/images/grid/grid-tree-close.gif) no-repeat center;
}
/*
    frozen grid
*/
.l-grid1 {
  display: none;
}
.l-grid1 .l-grid-body {
  overflow: hidden;
}
.l-grid1 .l-grid-detailpanel {
  border-right: 1px solid #FFF;
}
.l-frozen .l-grid2 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
.l-frozen .l-grid2 .l-grid-body {
  overflow-x: auto;
}
.l-frozen .l-grid1 {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
}
.l-grid-gray {
  border-top: 1px solid #DDDDDD;
}
.l-grid-gray .l-grid-header {
  border-bottom: 1px solid #DDDDDD;
  background: #E2F0FF url(/HHERP/_/Resource/images/grid/header2-bg.jpg) repeat-x left bottom;
}
.l-grid-gray .l-grid-hd-cell {
  border-right: 1px solid #DDDDDD;
}
.l-grid-gray .l-grid-row-cell {
  border-bottom: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
}
/*
    搜索栏
*/
.l-panel-search {
  height: 28px;
  padding-top: 3px;
  padding-left: 3px;
  border-left: 1px solid #99BBE8;
  border-right: 1px solid #99BBE8;
}
.l-panel-search-item {
  float: left;
  margin-left: 5px;
}
/*
    编辑
*/
.l-grid-row-cell-editing-topcell {
  border-bottom-color: #CC8F81;
}
.l-grid-row-cell-editing-leftcell {
  border-right-color: #CC8F81;
}
.l-grid-row-cell-editing {
  border-color: #CC8F81;
}
.l-grid-row-cell .l-text,
.l-grid-editor .l-text {
  border: 0px;
  border: none;
}
.l-grid-detailpanel-edit {
  padding-top: 7px;
  padding-bottom: 3px;
  background-color: #FAFAFF;
}
.l-grid-detailpanel .l-editbox {
  float: left;
  margin: 2px 10px 2px 6px;
}
.l-grid-detailpanel .l-button {
  float: left;
  margin: 2px 6px 2px 4px;
}
.l-grid-detailpanel .clearfix {
  clear: both;
}
.l-grid-row-alt .l-grid-row-cell-rownumbers,
.l-selected .l-grid-row-cell-rownumbers,
.l-grid-row-over .l-grid-row-cell-rownumbers,
.l-grid-row-cell-rownumbers {
  background: #E0ECFF;
}
.vango-header {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/*表头背景颜色*/
.vango-header-columns {
  background: #d2e7f8;
}
.vango-header-columns .rowindex_not_sort {
  /*border-left:1px solid @vango-header-column-border-color !important;*/
}
.vango-header-column:hover,
.vango-group-header-column:hover,
.vango-header-column-active {
  /*color: #4e97d9;*/
  border-color: #93B3EB;
}
.vango-headerrow {
  background: #fafafa;
}
.vango-headerrow-column {
  background: #fafafa;
  border-bottom: 0;
  height: 100%;
}
.vango-row {
  position: absolute;
  background: #FFF;
  border: 0px;
  line-height: 20px;
}
.vango-row.even {
  background: #FFFFFF;
}
.vango-row.odd {
  background: #F8F9FD;
}
.vango-row.odd.stripe {
  background: #E4F5FF;
}
/*.vango-row.selected {
        z-index: 10;
        background: #F5F5F5;
        color: #4e97d9;
    }*/
.vango-row.hover {
  /*background: #E8F1F8;*/
  background-color: #f5f7fa;
}
.vango-row.hover.stripe {
  /*background: #E8F1F8;*/
  background-color: #f5f7fa;
}
.vango-row.active {
  /*background-color: @vango-row-active-background-color !important;*/
  background: #4884F2;
  color: #fff;
  /*color: #3595da;*/
}
.vango-cell {
  padding-left: 4px;
  padding-right: 4px;
  -moz-user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text;
  user-select: text;
}
.vango-group {
  border-bottom: 2px solid silver;
}
.vango-group-toggle {
  width: 9px;
  height: 9px;
  margin-right: 5px;
  display: inline-block;
}
.vango-group-totals {
  color: gray;
  background: white;
}
/*.vango-cell.selected {
    background-color: beige;
}*/
.vango-sortable-placeholder {
  background: silver;
}
.vango-row.ui-state-active {
  background: #F5F7D7;
}
.vango-row.loading {
  opacity: 0.5;
  filter: alpha(opacity = 50);
}
.vango-cell.invalid {
  border-color: #f96868;
  -moz-animation-duration: 0.2s;
  -webkit-animation-duration: 0.2s;
  -moz-animation-name: vangogrid-invalid-hilite;
  -webkit-animation-name: vangogrid-invalid-hilite;
}
@-moz-keyframes vangogrid-invalid-hilite {
  from {
    box-shadow: 0 0 6px #f96868;
  }
  to {
    box-shadow: none;
  }
}
@-webkit-keyframes vangogrid-invalid-hilite {
  from {
    box-shadow: 0 0 6px #f96868;
  }
  to {
    box-shadow: none;
  }
}
.vango-columnpicker .tree ul {
  margin: 0;
  padding: 0;
  float: none;
  display: block;
  clear: left;
}
.vango-columnpicker .tree label {
  margin: 0;
}
.vango-columnpicker .tree ul ul {
  margin-left: 10px;
}
.vango-columnpicker .tree ul li {
  list-style: none;
  background: none;
  white-space: nowrap;
  height: auto;
  line-height: 9px;
  padding: 2px 10px 0px 0px;
  vertical-align: middle;
}
.vango-columnpicker .tree ul li i {
  margin-left: 5px;
  margin-right: 5px;
}
.vango-columnpicker .tree ul li > i {
  margin-right: 3px;
}
.vango-columnpicker .tree {
  border-bottom: 1px solid silver;
  margin-bottom: 3px;
  padding-bottom: 5px;
}
.vango-columnpicker p {
  height: 5px;
}
.rowdelete {
  font-weight: bolder;
  color: #f96868;
}
.rowdelete:hover {
  cursor: pointer;
}
/*.toggle {
    height: 9px;
    width: 9px;
    display: inline-block;
    cursor: pointer;
}

    .toggle.collapse {
        background: url(/HHERP/_/Resource/images/grid/grid-tree-open.gif) no-repeat center center;
    }

    .toggle.expand {
        background: url(/HHERP/_/Resource/images/grid/grid-tree-close.gif) no-repeat center center;
    }*/
.toggle {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.toggle.collapse:before {
  content: "\e735";
  color: #f96868;
}
.toggle.expand:before {
  content: "\e737";
  color: #f96868;
}
.left {
  text-align: left;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.vango-header.ui-state-default,
.vango-headerrow.ui-state-default {
  /*width: 100%;*/
  border-left: 0px;
  background: #D9E7FF;
  color: #1C242B;
  /*background: rgba(211, 231, 248, 1);*/
}
.vango-header-columns,
.vango-headerrow-columns {
  position: relative;
  white-space: nowrap;
  /*cursor: default;*/
}
.vango-footerrow-columns {
  text-align: center;
  background-color: #FDFDF8;
  color: #2D6DD2;
  font-weight: bold;
}
.vango-footerrow-columns div:first-child {
  color: #666666;
  font-weight: normal;
}
.vango-footerrow-column {
  /*box-sizing: border-box;*/
  border-right: 1px solid #E6E6E6;
  border-top: 1px solid #CCCCCC;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 4px;
}
.vango-column-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /*display:flex;*/
  /*align-items:center;*/
}
.vango-column-name input {
  vertical-align: middle;
  margin: -2px 0px 1px 5px;
}
.vango-header-column.ui-state-default,
.vango-group-header-column {
  position: relative;
  /*-o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;*/
  height: 20px;
  line-height: 29px;
  margin: 0px;
  padding: 0px 4px;
  /*border-right: 1px solid @vango-header-column-border-color;
    border-top: 0;*/
  border: 1px solid #93B3EB;
  border-left: 0;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vango-headerrow-column.ui-state-default {
  padding: 4px;
}
/*.vango-sort-indicator-desc {
    background: url(/HHERP/_/Resource/images/grid/sort-desc.png);
}

.vango-sort-indicator-asc {
    background: url(/HHERP/_/Resource/images/grid/sort-asc.png);
}*/
.vango-sort-indicator {
  font-size: 12px;
  height: 1em;
  /*margin-top: .35em;*/
  /*margin-left: .57142857em;*/
  /*color: #bfbfbf;*/
  line-height: 1em;
  /*text-align: center;*/
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.vango-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  cursor: e-resize;
  /*col-resize;*/
  width: 8px;
  right: 0px;
  top: 0;
  height: 100%;
}
.grid-canvas {
  position: relative;
  outline: 0;
}
.vango-row.ui-widget-content,
.vango-row.ui-state-active {
  position: absolute;
  border: 0px;
  width: 100%;
}
.vango-cell,
.vango-headerrow-column {
  position: absolute;
  border: 1px solid transparent;
  border-right: 1px solid #CCCCCC;
  border-bottom-color: #CCCCCC;
  overflow: hidden;
  /*vertical-align: middle;*/
  z-index: 1;
  /*padding: 1px 2px 2px 1px;*/
  padding: 0 4px;
  margin: 0;
  /*cursor: default;*/
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
}
.vango-cell {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  user-select: none;
  /*display: flex;
    justify-content: center;
    align-items: center;*/
}
.l-customcolumn-contains {
  width: 100%;
}
.vango-cell.highlighted {
  background: lightskyblue;
  background: rgba(0, 0, 255, 0.2);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.vango-cell.flashing {
  border: 1px solid red !important;
}
.vango-cel.l-trigger {
  display: none;
}
.vango-cell.editable {
  z-index: 11;
  overflow: visible;
  background: white;
  border-style: solid;
  padding: 0;
  border: 1px solid #4884F2;
}
.vango-cell.active {
  background: #D8E6FF;
  color: #000000;
  /*需求说颜色不够深，改成纯黑的了 by JSH*/
  border: 1px solid #4884F2;
}
.vango-cell.boder-left-none {
  border-left: none !important;
  /*account列active时不需要border-left，防止线条对不齐*/
}
.vango-cell:focus {
  outline: none;
}
.vango-reorder-proxy {
  display: inline-block;
  background: blue;
  opacity: 0.15;
  filter: alpha(opacity = 15);
  cursor: move;
}
.vango-reorder-guide {
  display: inline-block;
  height: 2px;
  background: blue;
  opacity: 0.7;
  filter: alpha(opacity = 70);
}
.vango-selection {
  z-index: 10;
  position: absolute;
  border: 2px dashed black;
}
.vango-pager {
  vertical-align: middle;
  border-bottom: 0px;
  border-left: 0px;
  width: 100%;
  height: 34px;
  border: 1px solid #c5c5c5;
  border-bottom: 0;
  border-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #8D8D8D;
}
.vango-pager .btns {
  display: flex;
  align-items: center;
  height: 34px;
}
/*.vango-pager .l-label-wrapper {
    margin-top: 6px;
}*/
.vango-pager .l-text-field {
  padding: 0 5px !important;
}
.vango-pager .vango-pager-status {
  float: left;
  margin-left: 10px;
}
.vango-pager .pagerLine {
  float: left;
  border-left-width: 1px;
  border-left-style: solid;
  height: 16px;
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* margin-top: 3px; */
  margin: 0 3px 0 5px;
  display: flex;
  align-items: center;
}
.vango-pager a {
  text-decoration: none;
  border: 1px solid #AAE;
  color: #15B;
}
.vango-pager a,
.vango-pager span {
  display: inline-block;
}
.vango-pager .current-page {
  border-color: #D6A886;
}
.vango-pager div {
  float: left;
  /*line-height: @vango-pager-div-line-height;*/
  line-height: inherit;
  margin-left: 2px;
}
.vango-pager .panel-li {
  margin: 5px !important;
}
.vango-cell .panel-li {
  border: none;
  margin: 0 !important;
}
.vango-cell .panel-li .l-text {
  width: 0;
  border: none;
  border-radius: 0;
}
.vango-cell .panel-li,
.vango-cell .panel-li > .l-label-wrapper,
.vango-cell .panel-li > .l-text {
  height: 100%;
  width: 100%;
}
.vango-pager .l-text {
  width: 50px;
  height: 20px;
  padding: 0;
}
.cell-selection {
  background: #f0f9ff;
}
.vango-row.ui-widget-content .selected .active .cell-selection {
  background: red;
}
.vango-pane .vango-viewport .grid-canvas .vango-group-totals {
  background-color: #b5f5f0;
}
.vango-viewport-nulldata {
  background: url(/HHERP/_/Resource/images/grid/grid-null-data.svg) no-repeat center center;
}
.vango-viewport-datatext {
  color: #A3B1BF;
  font-size: 16px;
  position: absolute;
  top: 62%;
  left: 47.8%;
}
/*列表头样式*/
.vango-header-column .ui-state-default {
  height: 20px;
  line-height: 20px;
  margin: 0;
  padding: 0 4px;
  border-right: 1px solid silver;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 1px solid silver;
  background-color: #f0efef;
}
/*冻结列的分割线*/
.vango-cell.frozen:last-child,
.vango-header-column.frozen:last-child:not(.vango-group-header-column),
.vango-group-header-column.group-header-last-frozen {
  border-right: 1px solid #ccc !important;
}
/*.vango-header-left .vango-group-header-columns-left:last-child .vango-header-column.frozen:nth-last-child(1):last-child {
    border-right: 1px solid #ccc !important;
}*/
/*遮罩样式*/
.l-grid-loading {
  background-color: #FFF;
  border: 1px solid #f2f2f29c;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  width: 80px;
  height: 40px;
  line-height: 36px;
  text-align: center;
}
.l-grid-loading span {
  display: inline-block;
  vertical-align: middle;
  color: #3595da;
}
.l-grid-loading div {
  background: url(/HHERP/_/Resource/images/grid/grid-loading.gif) no-repeat;
  background-size: 16px 16px;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
}
/*
   this is important!
   make sure you define this here
   or in jQuery codef
*/
.l-grid-column-resizer {
  position: absolute;
  top: 0;
  right: -4px;
  bottom: 0;
  left: auto;
  width: 8px;
  z-index: 4;
  cursor: col-resize;
}
.l-grid-column-resizer.active::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  /*height: 2000px;*/
  overflow: hidden;
  bottom: 0;
  border-left: solid 1px #3673D4;
}
.l-box-select .l-grid-row {
  cursor: pointer;
}
.custome-column-account {
  display: flex;
  flex-direction: column;
}
.custome-column-account-top {
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #ccc;
}
.custome-column-account-bottom {
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.custome-column-account-bottom .fiscal-block {
  width: 9.09%;
  height: 100%;
  /*border-right: 1px solid #ccc;*/
  display: flex;
  justify-content: center;
  align-items: center;
}
.custome-column-account-bottom .fiscal-block:last-child {
  border-right: none;
}
.body-fiscal-block-wrap {
  display: flex;
  height: 100%;
}
.body-fiscal-block-wrap .body-fiscal-block {
  float: left;
  width: 9.09%;
  height: 100%;
  /*border-right: 1px solid #CCCCCC;*/
}
.body-fiscal-block-wrap .body-fiscal-block:last-child {
  border-right: none;
}
.body-fiscal-block-wrap .red {
  color: red !important;
}
.fb3,
.fb6 {
  border-right: 1px solid #CEEDFF !important;
}
.fb9 {
  border-right: 1px solid #F8D2D2 !important;
}
.fb1,
.fb2,
.fb4,
.fb5,
.fb7,
.fb8,
.fb10 {
  border-right: 1px solid #EDEDED !important;
}
.vango-header-cell-fix-right-first {
  position: sticky !important;
  right: 0px;
  background: #FFFFFF;
}
.vango-header-cell-fix-right-first::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: -1px;
  width: 20px;
  transform: translate(-100%);
  content: '';
  pointer-events: none;
  box-shadow: inset -10px 0 8px -8px #00000026;
}
.vango-header-cell-fix-right-first::after {
  position: absolute;
  top: 0;
  right: 0px;
  bottom: 0px;
  width: 12px;
  transform: translate(100%);
  content: '';
  pointer-events: none;
  background: #F6F6F6;
}
.vango-body-cell-fix-right-first {
  position: sticky !important;
  display: inline-block;
  background: #fff;
  overflow: initial;
  border-bottom: 1px solid #E6E6E6;
  z-index: 99;
  float: right;
  right: 0;
}
.vango-body-cell-fix-right-first.odd {
  background: #F8F9FD;
}
.vango-row.active > .vango-body-cell-fix-right-first {
  background: #D8ECFF !important;
}
.vango-row.hover > .vango-body-cell-fix-right-first {
  background: #E8F2FC !important;
}
.vango-body-cell-fix-right-first::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: -1px;
  width: 20px;
  transform: translate(-100%);
  content: '';
  pointer-events: none;
  box-shadow: inset -10px 0 8px -8px #00000026;
}
.vango-cell.center .l-label-wrapper {
  justify-content: center;
}
.vango-cell.left .l-label-wrapper {
  justify-content: left;
}
.vango-cell.right .l-label-wrapper {
  justify-content: right;
}
.l-grid .action {
  display: flex;
  justify-content: space-around;
  align-items: center;
  transition: 0.6s;
  opacity: 0;
}
.l-grid .action i {
  cursor: pointer;
}
.l-grid .action .iconfont {
  font-size: 18px;
}
.l-grid .action .border {
  border: 1px solid #cccccc;
  width: 1px;
  height: 14px;
}
.l-grid .action.hide {
  display: none;
}
.l-grid .action.hover {
  opacity: 1;
}
@keyframes enter-to {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes leave-to {
   from {
    opacity: 1;
  }
   to {
    opacity: 0;
  }
}