@font-face {
  font-family: 'sysicomoon';
  src:  url('fonts/sysicomoon.eot');
  src:  url('fonts/sysicomoon.eot') format('embedded-opentype'),
    url('fonts/sysicomoon.ttf') format('truetype'),
    url('fonts/sysicomoon.woff') format('woff'),
    url('fonts/sysicomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="m-sys-"], [class*=" m-sys-"] {
  font-family: 'sysicomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.m-sys-toast-success:before {
  content: "\e929";
}
.m-sys-toast-faile:before {
  content: "\e92a";
}
.m-sys-wodegongzi:before {
  content: "\e903";
}
.m-sys-wodedangan:before {
  content: "\e926";
}
.m-sys-tuanduichengyuan:before {
  content: "\e982";
}
.m-sys-shenpi:before {
  content: "\e983";
}
.m-sys-qingjia:before {
  content: "\e984";
}
.m-sys-qiandao:before {
  content: "\e985";
}
.m-sys-ocean:before {
  content: "\e986";
}
.m-sys-kaoqinrili:before {
  content: "\e987";
}
.m-sys-kaoqin:before {
  content: "\e988";
}
.m-sys-jixiao:before {
  content: "\e989";
}
.m-sys-jiaban:before {
  content: "\e98a";
}
.m-sys-gengduo:before {
  content: "\e98b";
}
.m-sys-elearning:before {
  content: "\e98c";
}
.m-sys-dongtai:before {
  content: "\e98d";
}
.m-sys-group:before {
  content: "\e94a";
}
.m-sys-telephone:before {
  content: "\e97d";
}
.m-sys-note:before {
  content: "\e97e";
}
.m-sys-mobile:before {
  content: "\e97f";
}
.m-sys-刷新:before {
  content: "\e980";
  color: #0095ff;
}
.m-sys-加载失败:before {
  content: "\e981";
  color: #0095ff;
}
.m-sys-backward:before {
  content: "\e91d";
}
.m-sys-guanbi:before {
  content: "\e949";
}
.m-sys-xiaoxi-active:before {
  content: "\e979";
  color: #1695f0;
}
.m-sys-wo-active:before {
  content: "\e97a";
  color: #1695f0;
}
.m-sys-tongxunlu-active:before {
  content: "\e97b";
  color: #1695f0;
}
.m-sys-gongzuo-active:before {
  content: "\e97c";
  color: #0088f1;
}
.m-sys-nv:before {
  content: "\e976";
  color: #f6a3d8;
}
.m-sys-nan:before {
  content: "\e978";
  color: #4dd0e1;
}
.m-sys-eye:before {
  content: "\e951";
}
.m-sys-zuzhijiagou:before {
  content: "\e95c";
}
.m-sys-zuzhigoucheng:before {
  content: "\e95d";
}
.m-sys-zhanghushezhi:before {
  content: "\e95e";
}
.m-sys-xinjian .path1:before {
  content: "\e95f";
  color: rgb(22, 149, 240);
}
.m-sys-xinjian .path2:before {
  content: "\e960";
  margin-left: -1em;
  color: rgb(250, 250, 250);
}
.m-sys-xiaoxishezhi:before {
  content: "\e961";
}
.m-sys-xiaoxi:before {
  content: "\e962";
}
.m-sys-wodetuandui:before {
  content: "\e963";
}
.m-sys-wodeshangjin:before {
  content: "\e964";
}
.m-sys-woderenwu:before {
  content: "\e965";
}
.m-sys-wodequnzu:before {
  content: "\e966";
}
.m-sys-wodemingpian .path1:before {
  content: "\e967";
  color: rgb(255, 149, 0);
}
.m-sys-wodemingpian .path2:before {
  content: "\e968";
  margin-left: -0.857421875em;
  color: rgb(255, 255, 255);
}
.m-sys-wodekaoqin .path1:before {
  content: "\e969";
  color: rgb(52, 155, 246);
}
.m-sys-wodekaoqin .path2:before {
  content: "\e96a";
  margin-left: -0.869140625em;
  color: rgb(255, 255, 255);
}
.m-sys-wodekaoqin .path3:before {
  content: "\e96b";
  margin-left: -0.869140625em;
  color: rgb(255, 255, 255);
}
.m-sys-wo:before {
  content: "\e96c";
}
.m-sys-tongxunlu:before {
  content: "\e96d";
}
.m-sys-shuaxin:before {
  content: "\e96e";
}
.m-sys-shezhi:before {
  content: "\e96f";
}
.m-sys-lishi:before {
  content: "\e970";
}
.m-sys-guanyu .path1:before {
  content: "\e971";
  color: rgb(139, 218, 68);
}
.m-sys-guanyu .path2:before {
  content: "\e972";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.m-sys-guanyu .path3:before {
  content: "\e973";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.m-sys-gongzuo:before {
  content: "\e974";
}
.m-sys-gender-female:before {
  content: "\e975";
}
.m-sys-denglushezhi:before {
  content: "\e977";
}
.m-sys-more-button:before {
  content: "\e95b";
}

.m-sys-cancleprocess .path1:before {
  content: "\e958";
  color: rgb(139, 218, 68);
}
.m-sys-cancleprocess .path2:before {
  content: "\e95a";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.m-sys-attendance:before {
  content: "\e954";
}
.m-sys-achievements:before {
  content: "\e956";
}
.m-sys-vacation:before {
  content: "\e953";
}
.m-sys-overtime:before {
  content: "\e955";
}
.m-sys-approval:before {
  content: "\e959";
}
.m-sys-pitchon:before {
  content: "\e941";
}
.m-sys-add .path1:before {
  content: "\e94c";
  color: rgb(22, 149, 240);
}
.m-sys-add .path2:before {
  content: "\e94d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.m-sys-add .path3:before {
  content: "\e94e";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.m-sys-reduce .path1:before {
  content: "\e94f";
  color: rgb(157, 161, 163);
}
.m-sys-reduce .path2:before {
  content: "\e950";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.m-sys-form-filter:before {
  content: "\e902";
}
.m-sys-charts:before {
  content: "\e946";
}
.m-sys-pull-refresh:before {
  content: "\e947";
}
.m-sys-small-close:before {
  content: "\e948";
}
.m-sys-edit:before {
  content: "\e943";
}
.m-sys-batch:before {
  content: "\e944";
}
.m-sys-chexiao:before {
  content: "\e936";
}
.m-sys-huifu:before {
  content: "\e937";
}
.m-sys-jiacu:before {
  content: "\e938";
}
.m-sys-jianshaosuojin:before {
  content: "\e939";
}
.m-sys-wuxupailie:before {
  content: "\e93a";
}
.m-sys-xiahuaxian:before {
  content: "\e93b";
}
.m-sys-youxupailie:before {
  content: "\e93c";
}
.m-sys-zengjiasuojin:before {
  content: "\e93d";
}
.m-sys-zhonghuaxian:before {
  content: "\e93e";
}
.m-sys-approval-progress .path1:before {
  content: "\e92c";
  color: rgb(52, 154, 246);
}
.m-sys-approval-progress .path2:before {
  content: "\e92f";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.m-sys-approval-complate .path1:before {
  content: "\e93f";
  color: rgb(139, 218, 68);
}
.m-sys-approval-complate .path2:before {
  content: "\e940";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.m-sys-approval-end-false .path1:before {
  content: "\e934";
  color: rgb(191, 196, 199);
}
.m-sys-approval-end-false .path2:before {
  content: "\e935";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.m-sys-approval-end-true .path1:before {
  content: "\e92d";
  color: rgb(139, 218, 68);
}
.m-sys-approval-end-true .path2:before {
  content: "\e92e";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.m-sys-kaishi-yiwancheng .path1:before {
  content: "\e930";
  color: rgb(139, 218, 68);
}
.m-sys-kaishi-yiwancheng .path2:before {
  content: "\e931";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.m-sys-weikaishi .path1:before {
  content: "\e932";
  color: rgb(191, 196, 199);
}
.m-sys-weikaishi .path2:before {
  content: "\e933";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.m-sys-caozuojilu .path1:before {
  content: "\e900";
  color: rgb(0, 126, 217);
  opacity: 0.3;
}
.m-sys-caozuojilu .path2:before {
  content: "\e901";
  margin-left: -1em;
  color: rgb(0, 126, 217);
}
.m-sys-warning .path1:before {
  content: "\e904";
  color: rgb(255, 255, 255);
}
.m-sys-warning .path2:before {
  content: "\e952";
  margin-left: -1em;
  color: rgb(52, 154, 246);
}
.m-sys-success .path1:before {
  content: "\e905";
  color: rgb(255, 255, 255);
}
.m-sys-success .path2:before {
  content: "\e906";
  margin-left: -0.94140625em;
  color: rgb(0, 224, 153);
}
.m-sys-success .path3:before {
  content: "\e907";
  margin-left: -0.94140625em;
  color: rgb(0, 224, 153);
}
.m-sys-file .path1:before {
  content: "\e908";
  color: rgb(230, 235, 238);
}
.m-sys-file .path2:before {
  content: "\e909";
  margin-left: -0.7998046875em;
  color: rgb(255, 255, 255);
}
.m-sys-file .path3:before {
  content: "\e90a";
  margin-left: -0.7998046875em;
  color: rgb(172, 183, 191);
}
.m-sys-file .path4:before {
  content: "\e90b";
  margin-left: -0.7998046875em;
  color: rgb(172, 183, 191);
}
.m-sys-file .path5:before {
  content: "\e90c";
  margin-left: -0.7998046875em;
  color: rgb(172, 183, 191);
}
.m-sys-file .path6:before {
  content: "\e90d";
  margin-left: -0.7998046875em;
  color: rgb(172, 183, 191);
}
.m-sys-close .path1:before {
  content: "\e90e";
  color: rgb(255, 255, 255);
}
.m-sys-close .path2:before {
  content: "\e90f";
  margin-left: -1em;
  color: rgb(255, 115, 96);
}
.m-sys-error .path1:before {
  content: "\e910";
  color: rgb(255, 255, 255);
}
.m-sys-error .path2:before {
  content: "\e911";
  margin-left: -1em;
  color: rgb(255, 149, 0);
}
.m-sys-yuanxingjiahao:before {
  content: "\e912";
}
.m-sys-guanbisanjiao:before {
  content: "\e913";
}
.m-sys-duobuforward:before {
  content: "\e914";
}
.m-sys-duobubackward:before {
  content: "\e915";
}
.m-sys-danbuforward:before {
  content: "\e916";
}
.m-sys-danbubackward:before {
  content: "\e917";
}
.m-sys-aite:before {
  content: "\e918";
}
.m-sys-jiahao:before {
  content: "\e919";
}
.m-sys-yuanxingguanbi .path1:before {
  content: "\e91a";
  color: rgb(172, 183, 191);
}
.m-sys-yuanxingguanbi .path2:before {
  content: "\e91b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.m-sys-forward:before {
  content: "\e91c";
}
.m-sys-arrowup:before {
  content: "\e91e";
}
.m-sys-arrowdown:before {
  content: "\e91f";
}
.m-sys-singlebox:before {
  content: "\e920";
}
.m-sys-checkbox:before {
  content: "\e921";
}
.m-sys-checkbox-active:before {
  content: "\e922";
  color: #007ed9;
}
.m-sys-morengongneng:before {
  content: "\e924";
}
.m-sys-sousuo:before {
  content: "\e928";
}
.icon-active:before {
  color: rgb(0, 126, 217);
}
.icon-disabled:before {
  color: rgb(230, 234, 237);
}
.icon-disabled {
  pointer-events: none;
}
.icon-disabled .path1:before {
  color: rgb(230, 234, 237);
}
.big {
  font-size: 32px!important;
}
.small {
  font-size: 16px!important;
}
.m-sys-bgcolor.sys-bgcolor-f1 {
    background-color: #ff7360;
}
.m-sys-bgcolor.sys-bgcolor-f2 {
    background-color: #ff9500;
}
.m-sys-bgcolor.sys-bgcolor-f3 {
    background-color: #ffc300;
}
.m-sys-bgcolor.sys-bgcolor-f4 {
    background-color: #8bda44;
}
.m-sys-bgcolor.sys-bgcolor-f5 {
    background-color: #00e099;
}
.m-sys-bgcolor.sys-bgcolor-f6 {
    background-color: #4dd0e1;
}
.m-sys-bgcolor.sys-bgcolor-f7 {
    background-color: #39b6ff;
}
.m-sys-bgcolor.sys-bgcolor-f8 {
    background-color: #349af6;
}
.m-sys-bgcolor.sys-bgcolor-f9 {
    background-color: #8a92ff;
}