.web-root-fold {
 position:fixed;
 right:50px;
 bottom:300px;
 z-index:20;
 display:flex;
 align-items:center;
 font-size:14px;
 cursor:pointer;
}
.web-root-fold.web-root-isFold .web-fold-icon {
 border-radius:50%
}
.web-root-fold.web-root-isFold .web-list {
 visibility:hidden
}
.web-root-fold .web-fold-icon {
 display:flex;
 justify-content:center;
 align-items:center;
 background:var(--secondBgColor);
 width:50px;
 height:50px;
 border-top-left-radius:50%;
 border-bottom-left-radius:50%;
 box-shadow:10px 10px 20px 0 rgba(0,0,0,.0784313725490196)
}
.web-root-fold .web-list {
 left:40px;
 position:absolute;
 background:var(--secondBgColor);
 color:var(--firstTextColor);
 border-radius:10px 0 0 10px;
 box-shadow:10px 10px 20px 0 rgba(0,0,0,.0784313725490196)
}
.web-root-fold .web-list .web-list-item {
 width:-webkit-max-content;
 width:-moz-max-content;
 width:max-content;
 max-width:199px;
 padding:14px;
 overflow-wrap:anywhere;
 line-height:18px;
 min-height:44px
}

body {
 --primaryColor:#13a07b;
 --firstBgColor:#f2f3f5;
 --secondBgColor:#fff;
 --thirdBgColor:rgba(209,209,214,0.25098039215686274);
 --firstTextColor:#232323;
 --secondTextColor:#6c6c6c;
 --thirdTextColor:#8a8a8a;
 --borderColor:#c1c1c1;
 --loopColor1:#d9ebe7;
 --loopColor1-dark7:#c2dfd8;
 --loopColor2:#dfeaf5;
 --loopColor2-dark7:#c4d8ed;
 --loopColor3:#faedd9;
 --loopColor3-dark7:#f6deb9;
 --loopColor4:#f7e4da;
 --loopColor4-dark7:#f1cfbd;
 --picker-mask-first:hsla(0,0%,100%,0.95);
 --picker-mask-second:hsla(0,0%,100%,0.6);
 --item-border:#d4d4d4;
 --step-focuse:#ffc107;
 --step-focuse-ff:#ffc107ff;
 --step-number:#c1c1c1;
 --error:#f33b40;
 --step-active-border: #FFEFC1;
 --step-active-outline: #fff;
 --step-active-color: #232323;
 --step-border: #EFEFEF;
 --step-done-border: #C4E7DE;
 --step-done-outline: #fff;
 --input-head: #232323FF;
 --loading-msg: #00785DFF;
 --listgroup-default: #DCEAE7;
 --listgroup-primary: #E1EAF4;
 --listgroup-info: #F8EDDB;
 --listgroup-danger: #F4E5DB;
 --listgroup-head: #232323FF;
 --btn-xs-bg: #fff;
 --btn-xs-border: #13A07B;
 --btn-xs-color: #13A07B;
 --line: #E0E0E0;
 --line2: #c6c6c6;
 --group-name-remark: #666666;
 --navbar-a: #595959;
 --navbar-a-active: #33765E;
 --modal-title: #33765E;
 --borderColor2:#E5E5E5FF;
 --success: #00785D;
 --fail: #F48766FF;
 --loading-box: #c6c6c6af;
 --has-success: #3c763d;
 --has-warning: #8a6d3b;
 --has-error: #a94442;
 /*
 --ms-background1: rgba(204, 204, 204, 0);
 --ms-background2: rgba(204, 204, 204, 0);
 --ms-background3: rgba(204, 204, 204, 0);
 */
 /*
 */
 --ms-background1: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ffffff),
    color-stop(rgba(255, 255, 255, 0)),
    to(#ffffff)
  );
 --ms-background2: -webkit-linear-gradient(
    top,
    #ffffff,
    rgba(255, 255, 255, 0),
    #ffffff
  );
 --ms-background3: linear-gradient(
    to bottom,
    #ffffff,
    rgba(255, 255, 255, 0),
    #ffffff
  );
  /*
  */
  --black: #000;
  --white: #fff;
  --form-control-focus: #66afe9;
  --form-control-focus-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  --form-control-color: #555;
  --form-control-color-disabled: #555;
  --rolldate-color: #00785D;
  --rolldate-mask-op: 1;
  --disabled-number:#c1c1c1;
  --success-bg: #AEEBE6FF;
  --fail-bg: #F7B39E;
  --grayTextColor: #ACACAC;
  --adm-color-weak: #999999;
  --adm-border-color: #eeeeee;
  --text-bg-disabled: #F5F5F8FF;
}
body.theme-dark {
 --primaryColor:#46c7a5;
 --firstBgColor:#000;
 --secondBgColor:#1f1f1f;
 --thirdBgColor:#373737;
 --firstTextColor:hsla(0,0%,100%,0.9607843137254902);
 --secondTextColor:hsla(0,0%,100%,0.7607843137254902);
 --thirdTextColor:hsla(0,0%,100%,0.6);
 --borderColor:#3e3e3e;
 --loopColor1:#3e3e3e;
 --loopColor1-dark7:#373737;
 --loopColor2:#3e3e3e;
 --loopColor2-dark7:#373737;
 --loopColor3:#3e3e3e;
 --loopColor3-dark7:#373737;
 --loopColor4:#3e3e3e;
 --loopColor4-dark7:#373737;
 --picker-mask-first:rgba(31,31,31,0.95);
 --picker-mask-second:rgba(31,31,31,0.6);
 --item-border:#979797;
 --step-focuse:#ffd351;
 --step-focuse-ff:#ffd351ff;
 --step-number:#868686;
 --error:#ff5358;
 --step-active-border: #1f1f1fba;
 --step-active-outline: #ffc1073b;
 --step-active-color: #ffd351;
 --step-border: #373737ba;
 --step-done-border: #C4E7DEBA;
 --step-done-outline: #373737;
 --input-head: #f6f6f6;
 --loading-msg: #fff;
 --listgroup-default: #3E3E3E;
 --listgroup-primary: #3E3E3E;
 --listgroup-info: #3E3E3E;
 --listgroup-danger: #3E3E3E;
 --listgroup-head: #ffffff;
 --btn-xs-bg: #1F1F1F;
 --btn-xs-border: #3E3E3E;
 --btn-xs-color: #A5A5A5;
 --line: #3E3E3E;
 --line2: #3E3E3E;
 --group-name-remark: #A5A5A5;
 --navbar-a: #F6F6F6;
 --navbar-a-active: #6CC4A7;
 --modal-title: #6CC4A7;
 --borderColor2:#BFBFBF;
 --success: #fff;
 --fail: #F48766ff;
 --loading-box: #555555af;
 --has-success: #62c462;
 --has-warning: #f89406;
 --has-error: #f89406;
 --ms-background1: rgba(204, 204, 204, 0.02);
 --ms-background2: rgba(204, 204, 204, 0.02);
 --ms-background3: rgba(204, 204, 204, 0.02);
 --black: #fff;
 --white: #000;
 --form-control-focus: #D9D9D9;
 --form-control-focus-shadow: inherit;
 --form-control-color: #F6F6F6;
 --form-control-color-disabled: #8C8C8C;
 --rolldate-color: #fff;
 --rolldate-mask-op: 0.1;
 --disabled-number:#868686;
 --success-bg: #f0f0f0;
 --fail-bg: #f0f0f0;
 --grayTextColor: #ACACAC;
  --adm-color-weak: #999999;
  --adm-border-color: #eeeeee;
  --text-bg-disabled: #1f1f1f;
}