@import "./normalize.css";
@import "./vars.less";
@import "./mixins/setOnepx.less";
@import "./iconfont.less";
*,*:before,*:after {
  box-sizing: border-box;
}

html{
  font-size: 62.5%;
}
body{
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
p {
  margin:0;
}



@font-face {
  font-family: 'sys-icon';
  src: url(./fonts/sys-icon.eot);
  src: url(./fonts/sys-icon.eot#iefix) format("embedded-opentype"),
  url(./fonts/sys-icon.ttf) format("truetype"),
  url(./fonts/sys-icon.woff) format("woff"),
  url(./fonts/sys-icon.svg#sys-icon) format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="sys-icon-"], [class*=" sys-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'sys-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }


//旧的图标库，不能动
.sys-icon-1:before {
  content: "\E900"; }
.sys-icon-2:before {
  content: "\E901"; }
.sys-icon-3:before {
  content: "\E902"; }
.sys-icon-4:before {
  content: "\E903"; }
.sys-icon-5:before {
  content: "\E904"; }
.sys-icon-6:before {
  content: "\E905"; }
.sys-icon-7:before {
  content: "\E906"; }
.sys-icon-8:before {
  content: "\E907"; }
.sys-icon-9:before {
  content: "\E908"; }
.sys-icon-10:before {
  content: "\E909"; }
.sys-icon-11:before {
  content: "\E90A"; }
.sys-icon-12:before {
  content: "\E90B"; }
.sys-icon-13:before {
  content: "\E90C"; }
.sys-icon-14:before {
  content: "\E90D"; }
.sys-icon-15 .path1:before {
  content: "\E90E";
  color: #66757f; }
.sys-icon-15 .path2:before {
  content: "\E90F";
  margin-left: -1em;
  color: black; }
.sys-icon-15 .path3:before {
  content: "\E910";
  margin-left: -1em;
  color: #66757f; }
.sys-icon-15 .path4:before {
  content: "\E911";
  margin-left: -1em;
  color: #66757f; }
.sys-icon-16:before {
  content: "\E912"; }
.sys-icon-17:before {
  content: "\E913"; }
.sys-icon-18:before {
  content: "\E914"; }
.sys-icon-19:before {
  content: "\E915"; }
.sys-icon-20:before {
  content: "\E916"; }
.sys-icon-21:before {
  content: "\E917"; }
.sys-icon-22:before {
  content: "\E918"; }
.sys-icon-23:before {
  content: "\E919"; }
.sys-icon-24:before {
  content: "\E91A"; }
.sys-icon-25:before {
  content: "\E91B"; }
.sys-icon-26:before {
  content: "\E91C"; }
.sys-icon-27:before {
  content: "\E91D"; }
.sys-icon-28:before {
  content: "\E91E"; }
.sys-icon-29:before {
  content: "\E91F"; }
.sys-icon-30:before {
  content: "\E920"; }
.sys-icon-31:before {
  content: "\E921"; }
.sys-icon-32:before {
  content: "\E922"; }
.sys-icon-33 .path1:before {
  content: "\E923";
  color: #66757f; }
.sys-icon-33 .path2:before {
  content: "\E924";
  margin-left: -1em;
  color: black; }
.sys-icon-33 .path3:before {
  content: "\E925";
  margin-left: -1em;
  color: #66757f; }
.sys-icon-33 .path4:before {
  content: "\E926";
  margin-left: -1em;
  color: #66757f; }
.sys-icon-34:before {
  content: "\E927"; }
.sys-icon-35:before {
  content: "\E928"; }
.sys-icon-36:before {
  content: "\E929"; }
.sys-icon-37:before {
  content: "\E92A"; }
.sys-icon-38 .path1:before {
  content: "\E92B";
  color: black; }
.sys-icon-38 .path2:before {
  content: "\E92C";
  margin-left: -1em;
  color: #66757f; }
.sys-icon-39 .path1:before {
  content: "\E92D";
  color: black; }
.sys-icon-39 .path2:before {
  content: "\E92E";
  margin-left: -1em;
  color: #66757f; }
.sys-icon-40:before {
  content: "\E92F"; }
.sys-icon-41:before {
  content: "\E930"; }
.sys-icon-42:before {
  content: "\E931"; }
.sys-icon-43:before {
  content: "\E932"; }
.sys-icon-44:before {
  content: "\E933"; }
.sys-icon-45:before {
  content: "\E934"; }
.sys-icon-46:before {
  content: "\E935"; }
.sys-icon-47:before {
  content: "\E936"; }
.sys-icon-48:before {
  content: "\E937"; }
.sys-icon-49:before {
  content: "\E938"; }
.sys-icon-50:before {
  content: "\E939"; }
.sys-icon-51:before {
  content: "\E93A"; }
.sys-icon-52:before {
  content: "\E93B"; }
.sys-icon-53:before {
  content: "\E93C"; }
.sys-icon-54:before {
  content: "\E93D"; }
.sys-icon-55:before {
  content: "\E93E"; }
.sys-icon-56:before {
  content: "\E93F"; }
.sys-icon-57:before {
  content: "\E940"; }
.sys-icon-58:before {
  content: "\E941"; }
.sys-icon-59:before {
  content: "\E942"; }
.sys-icon-60:before {
  content: "\E943"; }
.sys-icon-61:before {
  content: "\E944"; }
.sys-icon-62:before {
  content: "\E945"; }
.sys-icon-63:before {
  content: "\E946"; }
.sys-icon-64:before {
  content: "\E947"; }
.sys-icon-65:before {
  content: "\E948"; }
.sys-icon-66:before {
  content: "\E949"; }
.sys-icon-67:before {
  content: "\E94A"; }
.sys-icon-68:before {
  content: "\E94B"; }
.sys-icon-69:before {
  content: "\E94C"; }
.sys-icon-70:before {
  content: "\E94D"; }
.sys-icon-71:before {
  content: "\E94E"; }
.sys-icon-72:before {
  content: "\E94F"; }
.sys-icon-73:before {
  content: "\E950"; }
.sys-icon-74:before {
  content: "\E951"; }
.sys-icon-75:before {
  content: "\E952"; }
.sys-icon-76:before {
  content: "\E953"; }
.sys-icon-77:before {
  content: "\E954"; }
.sys-icon-78:before {
  content: "\E955"; }
.sys-icon-79:before {
  content: "\E956"; }
.sys-icon-80:before {
  content: "\E957"; }
.sys-icon-81:before {
  content: "\E958"; }
.sys-icon-82:before {
  content: "\E959"; }
.sys-icon-83:before {
  content: "\E95A"; }
.sys-icon-84:before {
  content: "\E95B"; }
.sys-icon-85:before {
  content: "\E95C"; }
.sys-icon-86:before {
  content: "\E95D"; }
.sys-icon-87:before {
  content: "\E95E"; }
.sys-icon-88:before {
  content: "\E95F"; }
.sys-icon-89:before {
  content: "\E960"; }
.sys-icon-90:before {
  content: "\E961"; }
.sys-icon-91:before {
  content: "\E962"; }
.sys-icon-92:before {
  content: "\E963"; }
.sys-icon-93:before {
  content: "\E964"; }
.sys-icon-94:before {
  content: "\E965"; }
.sys-icon-95:before {
  content: "\E966"; }
.sys-icon-96:before {
  content: "\E967"; }
.sys-icon-97:before {
  content: "\E968"; }
.sys-icon-98:before {
  content: "\E969"; }
.sys-icon-99:before {
  content: "\E96A"; }
.sys-icon-100:before {
  content: "\E96B"; }
.sys-icon-101 .path1:before {
  content: "\E96C";
  color: #66757f; }
.sys-icon-101 .path2:before {
  content: "\E96D";
  margin-left: -1em;
  color: #657581; }
.sys-icon-102 .path1:before {
  content: "\E96E";
  color: #66757f; }
.sys-icon-102 .path2:before {
  content: "\E96F";
  margin-left: -1em;
  color: #657581; }
.sys-icon-102 .path3:before {
  content: "\E970";
  margin-left: -1em;
  color: #66757f; }
.sys-icon-103:before {
  content: "\E971"; }
.sys-icon-add:before {
  content: "\E972"; }
.sys-icon-airplane:before {
  content: "\E973"; }
.sys-icon-app:before {
  content: "\E974"; }
.sys-icon-arrowdown-active:before {
  content: "\E975"; }
.sys-icon-arrowdown-disabled:before {
  content: "\E976"; }
.sys-icon-arrowdown-nomal:before {
  content: "\E977"; }
.sys-icon-arrowdown:before {
  content: "\E978"; }
.sys-icon-arrowdown2-active:before {
  content: "\E979"; }
.sys-icon-arrowdown2-disabled:before {
  content: "\E97A"; }
.sys-icon-arrowdown2-nomal:before {
  content: "\E97B"; }
.sys-icon-arrowdown2:before {
  content: "\E97C"; }
.sys-icon-arrowdownM7-active:before {
  content: "\E97D"; }
.sys-icon-arrowdownM7-disabled:before {
  content: "\E97E"; }
.sys-icon-arrowdownM7-nomal:before {
  content: "\E97F"; }
.sys-icon-arrowdownM7:before {
  content: "\E980"; }
.sys-icon-arrowleft-active:before {
  content: "\E981"; }
.sys-icon-arrowleft-disabled:before {
  content: "\E982"; }
.sys-icon-arrowleft-nomal:before {
  content: "\E983"; }
.sys-icon-arrowleft:before {
  content: "\E984"; }
.sys-icon-arrowleftM7-active:before {
  content: "\E985"; }
.sys-icon-arrowleftM7-disabled:before {
  content: "\E986"; }
.sys-icon-arrowleftM7-nomal:before {
  content: "\E987"; }
.sys-icon-arrowleftM7:before {
  content: "\E988"; }
.sys-icon-arrowright-active:before {
  content: "\E989"; }
.sys-icon-arrowright-disabled:before {
  content: "\E98A"; }
.sys-icon-arrowright-nomal:before {
  content: "\E98B"; }
.sys-icon-arrowright:before {
  content: "\E98C"; }
.sys-icon-arrowup-active:before {
  content: "\E98D"; }
.sys-icon-arrowup-disabled:before {
  content: "\E98E"; }
.sys-icon-arrowup-nomal:before {
  content: "\E98F"; }
.sys-icon-arrowup:before {
  content: "\E990"; }
.sys-icon-arrowup2-active:before {
  content: "\E991"; }
.sys-icon-arrowup2-disabled:before {
  content: "\E992"; }
.sys-icon-arrowup2-nomal:before {
  content: "\E993"; }
.sys-icon-arrowup2:before {
  content: "\E994"; }
.sys-icon-Artboard .path1:before {
  content: "\E995";
  color: black; }
.sys-icon-Artboard .path2:before {
  content: "\E996";
  margin-left: -1em;
  color: #bfc4c7; }
.sys-icon-Artboard .path3:before {
  content: "\E997";
  margin-left: -1em;
  color: #bfc4c7; }
.sys-icon-Artboard .path4:before {
  content: "\E998";
  margin-left: -1em;
  color: #bfc4c7; }
.sys-icon-at:before {
  content: "\E999"; }
.sys-icon-backward-active:before {
  content: "\E99A"; }
.sys-icon-backward-disabled:before {
  content: "\E99B"; }
.sys-icon-backward-nomal:before {
  content: "\E99C"; }
.sys-icon-backward:before {
  content: "\E99D"; }
.sys-icon-backward2-active:before {
  content: "\E99E"; }
.sys-icon-backward2-disabled:before {
  content: "\E99F"; }
.sys-icon-backward2-nomal:before {
  content: "\E9A0"; }
.sys-icon-backward2:before {
  content: "\E9A1"; }
.sys-icon-banci:before {
  content: "\E9A2"; }
.sys-icon-baobiao:before {
  content: "\E9A3"; }
.sys-icon-bi-baobiao:before {
  content: "\E9A4"; }
.sys-icon-biandonglishi:before {
  content: "\E9A5"; }
.sys-icon-biandongyuanyin:before {
  content: "\E9A6"; }
.sys-icon-biaozhang:before {
  content: "\E9A7"; }
.sys-icon-biaozhunbiaohang:before {
  content: "\E9A8"; }
.sys-icon-bitian-nomal:before {
  content: "\E9A9"; }
.sys-icon-bukebianji-nomal:before {
  content: "\E9AA"; }
.sys-icon-caidan:before {
  content: "\E9AB"; }
.sys-icon-chajian:before {
  content: "\E9AC"; }
.sys-icon-changgui-nomal-small:before {
  content: "\E9AD"; }
.sys-icon-changgui-nomal:before {
  content: "\E9AE"; }
.sys-icon-Checkbox-active-disabled:before {
  content: "\E9AF"; }
.sys-icon-Checkbox-active:before {
  content: "\E9B0"; }
.sys-icon-Checkbox-disabled:before {
  content: "\E9B1"; }
.sys-icon-Checkbox-hover:before {
  content: "\E9B2"; }
.sys-icon-Checkbox-nomal:before {
  content: "\E9B3"; }
.sys-icon-close:before {
  content: "\E9B4"; }
.sys-icon-cuowu-nomal-small:before {
  content: "\E9B5"; }
.sys-icon-cuowu-nomal:before {
  content: "\E9B6"; }
.sys-icon-cus-bangzhu:before {
  content: "\E9B7"; }
.sys-icon-cus-bianji:before {
  content: "\E9B8"; }
.sys-icon-cus-bitian:before {
  content: "\E9B9"; }
.sys-icon-cus-chengshi:before {
  content: "\E9BA"; }
.sys-icon-cus-liebiaoshezhi-nomal:before {
  content: "\E9BB"; }
.sys-icon-cus-renyuan:before {
  content: "\E9BC"; }
.sys-icon-cus-shanchu:before {
  content: "\E9BD"; }
.sys-icon-cus-tubiao-nomal:before {
  content: "\E9BE"; }
.sys-icon-cus-xiala-active:before {
  content: "\E9BF"; }
.sys-icon-cus-xiala-disable:before {
  content: "\E9C0"; }
.sys-icon-cus-xiala-nomal:before {
  content: "\E9C1"; }
.sys-icon-cus-xiala:before {
  content: "\E9C2"; }
.sys-icon-default:before {
  content: "\E9C3"; }
.sys-icon-direction-switch:before {
  content: "\E9C4"; }
.sys-icon-dongtai:before {
  content: "\E9C5"; }
.sys-icon-dropdownmax-active:before {
  content: "\E9C6"; }
.sys-icon-dropdownmax-disabled:before {
  content: "\E9C7"; }
.sys-icon-dropdownmax-nomal:before {
  content: "\E9C8"; }
.sys-icon-dropdownmax:before {
  content: "\E9C9"; }
.sys-icon-dropdownmin-active:before {
  content: "\E9CA"; }
.sys-icon-dropdownmin-disabled:before {
  content: "\E9CB"; }
.sys-icon-dropdownmin-nomal:before {
  content: "\E9CC"; }
.sys-icon-dropdownmin:before {
  content: "\E9CD"; }
.sys-icon-duban:before {
  content: "\E9CE"; }
.sys-icon-expression:before {
  content: "\E9CF"; }
.sys-icon-faxinfangan:before {
  content: "\E9D0"; }
.sys-icon-faxinhuodong:before {
  content: "\E9D1"; }
.sys-icon-faxinshuju:before {
  content: "\E9D2"; }
.sys-icon-faxinxiangmu:before {
  content: "\E9D3"; }
.sys-icon-faxinyuangong:before {
  content: "\E9D4"; }
.sys-icon-foldup:before {
  content: "\E9D5"; }
.sys-icon-Forward-active:before {
  content: "\E9D6"; }
.sys-icon-Forward-disabled:before {
  content: "\E9D7"; }
.sys-icon-Forward-nomal:before {
  content: "\E9D8"; }
.sys-icon-forward:before {
  content: "\E9D9"; }
.sys-icon-Forward2-active:before {
  content: "\E9DA"; }
.sys-icon-Forward2-disabled:before {
  content: "\E9DB"; }
.sys-icon-Forward2-nomal:before {
  content: "\E9DC"; }
.sys-icon-forward2:before {
  content: "\E9DD"; }
.sys-icon-gongzuo:before {
  content: "\E9DE"; }
.sys-icon-gongzuolvli:before {
  content: "\E9DF"; }
.sys-icon-gongzuorili:before {
  content: "\E9E0"; }
.sys-icon-gongzuotai:before {
  content: "\E9E1"; }
.sys-icon-guanbi-active:before {
  content: "\E9E2"; }
.sys-icon-guanbi-disabled:before {
  content: "\E9E3"; }
.sys-icon-guanbi-nomal:before {
  content: "\E9E4"; }
.sys-icon-hand:before {
  content: "\E9E5"; }
.sys-icon-huibaoguanxi:before {
  content: "\E9E6"; }
.sys-icon-IM-bianji:before {
  content: "\E9E7"; }
.sys-icon-IM-qunzu:before {
  content: "\E9E8"; }
.sys-icon-IM-renwu:before {
  content: "\E9E9"; }
.sys-icon-IM-tianjia:before {
  content: "\E9EA"; }
.sys-icon-IM-xiangmu:before {
  content: "\E9EB"; }
.sys-icon-jianzhijilv:before {
  content: "\E9EC"; }
.sys-icon-jiaoyu:before {
  content: "\E9ED"; }
// .sys-icon-jihua:before {
//   content: "\E9EE"; }
.sys-icon-jixiao:before {
  content: "\E9EF"; }
.sys-icon-kaohe:before {
  content: "\E9F0"; }
.sys-icon-kaoqindangan:before {
  content: "\E9F1"; }
.sys-icon-kaoqinqijian:before {
  content: "\E9F2"; }
.sys-icon-kaoqinshuju:before {
  content: "\E9F3"; }
.sys-icon-kaoqinxiangmu:before {
  content: "\E9F4"; }
.sys-icon-kaoqinzu:before {
  content: "\E9F5"; }
.sys-icon-laodong:before {
  content: "\E9F6"; }
.sys-icon-lizhiquxiang:before {
  content: "\E9F7"; }
.sys-icon-moren:before {
  content: "\E9F8"; }
.sys-icon-mubiao:before {
  content: "\E9F9"; }
.sys-icon-new-data-flag:before {
  content: "\E9FA"; }
.sys-icon-nianjiaguanli:before {
  content: "\E9FB"; }
.sys-icon-no-data-notice:before {
  content: "\E9FC"; }
.sys-icon-ocean:before {
  content: "\E9FD"; }
.sys-icon-page-switch:before {
  content: "\E9FE"; }
.sys-icon-renzhijilv:before {
  content: "\E9FF"; }
.sys-icon-ribao:before {
  content: "\EA00"; }
.sys-icon-seqdown-active:before {
  content: "\EA01"; }
.sys-icon-seqdown-active2:before {
  content: "\EA02"; }
.sys-icon-sequencedown-disabled:before {
  content: "\EA03"; }
.sys-icon-sequencedown-disabled2:before {
  content: "\EA04"; }
.sys-icon-sequencedown-nomal:before {
  content: "\EA05"; }
.sys-icon-sequencedown-nomal2:before {
  content: "\EA06"; }
.sys-icon-sequencedown:before {
  content: "\EA07"; }
.sys-icon-sequenceup-disabled:before {
  content: "\EA08"; }
.sys-icon-sequenceup-nomal:before {
  content: "\EA09"; }
.sys-icon-sequp-active:before {
  content: "\EA0A"; }
.sys-icon-shenpi:before {
  content: "\EA0B"; }
.sys-icon-shiti:before {
  content: "\EA0C"; }
.sys-icon-shiyongqixinxi:before {
  content: "\EA0D"; }
.sys-icon-shouqi-active:before {
  content: "\EA0E"; }
.sys-icon-shouqi-disabled:before {
  content: "\EA0F"; }
.sys-icon-shouqi-nomal:before {
  content: "\EA10"; }
.sys-icon-Singlebox-active-disabled:before {
  content: "\EA11"; }
.sys-icon-Singlebox-active:before {
  content: "\EA12"; }
.sys-icon-Singlebox-disabled:before {
  content: "\EA13"; }
.sys-icon-Singlebox-have:before {
  content: "\EA14"; }
.sys-icon-Singlebox-nomal:before {
  content: "\EA15"; }
.sys-icon-singlebox:before {
  content: "\EA16"; }
.sys-icon-sousuo:before {
  content: "\EA17"; }
.sys-icon-souye:before {
  content: "\EA18"; }
.sys-icon-spread:before {
  content: "\EA19"; }
.sys-icon-tishi-nomal-small:before {
  content: "\EA1A"; }
.sys-icon-tishi-nomal:before {
  content: "\EA1B"; }
.sys-icon-titaIM:before {
  content: "\EA1C"; }
.sys-icon-tongshi:before {
  content: "\EA1D"; }
.sys-icon-tuozhuai-active:before {
  content: "\EA1E"; }
.sys-icon-tuozhuai-disabled:before {
  content: "\EA1F"; }
.sys-icon-tuozhuai-nomal:before {
  content: "\EA20"; }
.sys-icon-upload:before {
  content: "\EA21"; }
.sys-icon-wenhao-nomal-small:before {
  content: "\EA22"; }
.sys-icon-wenhao-nomal:before {
  content: "\EA23"; }
.sys-icon-wenjian:before {
  content: "\EA24"; }
.sys-icon-xiangmu:before {
  content: "\EA25"; }
.sys-icon-xiangmujingli:before {
  content: "\EA26"; }
.sys-icon-xiangshangmin-nomal:before {
  content: "\EA27"; }
.sys-icon-xiangxiamin-nomal:before {
  content: "\EA28"; }
.sys-icon-xinchou:before {
  content: "\EA29"; }
.sys-icon-xinchouguanli:before {
  content: "\EA2A"; }
.sys-icon-xinzibao:before {
  content: "\EA2B"; }
.sys-icon-xinzibaoxiangmu:before {
  content: "\EA2C"; }
.sys-icon-xinzibiaozhunbiao:before {
  content: "\EA2D"; }
.sys-icon-xinzigoucheng:before {
  content: "\EA2E"; }
.sys-icon-xiujia:before {
  content: "\EA2F"; }
.sys-icon-yibiao:before {
  content: "\EA30"; }
.sys-icon-yingyong:before {
  content: "\EA31"; }
.sys-icon-yinhang:before {
  content: "\EA32"; }
.sys-icon-yuangong:before {
  content: "\EA33"; }
.sys-icon-yuangongxinzidangan:before {
  content: "\EA34"; }
.sys-icon-yuyan:before {
  content: "\EA35"; }
.sys-icon-zaopin:before {
  content: "\EA36"; }
.sys-icon-zhankai-active:before {
  content: "\EA37"; }
.sys-icon-zhankai-disabled:before {
  content: "\EA38"; }
.sys-icon-zhankai-nomal:before {
  content: "\EA39"; }
.sys-icon-zhengque-nomal-small:before {
  content: "\EA3A"; }
.sys-icon-zhengque-nomal:before {
  content: "\EA3B"; }
.sys-icon-zhengshu:before {
  content: "\EA3C"; }
.sys-icon-zhiceng:before {
  content: "\EA3D"; }
.sys-icon-zhideng:before {
  content: "\EA3E"; }
.sys-icon-zhiji:before {
  content: "\EA3F"; }
.sys-icon-zhiwei:before {
  content: "\EA40"; }
.sys-icon-zhiwu:before {
  content: "\EA41"; }
.sys-icon-zhiwuxulie:before {
  content: "\EA42"; }
.sys-icon-zhiye:before {
  content: "\EA43"; }
.sys-icon-zhuanye:before {
  content: "\EA44"; }
.sys-icon-zhuyi-nomal-small:before {
  content: "\EA45"; }
.sys-icon-zhuyi-nomal:before {
  content: "\EA46"; }
.sys-icon-zuzhi:before {
  content: "\EA47"; }
.sys-icon-zuzhibiangengjilv:before {
  content: "\EA48"; }
.sys-icon-zuzhijiagou:before {
  content: "\EA49"; }
.sys-icon-zuzhileixing:before {
  content: "\EA4A"; }
.sys-icon-zuzhiyuangong:before {
  content: "\EA4B"; }
/**beisencloud 专属背景色 **/
.sys-bgcolor-f1 {
  background-color: #ed5858; }
.sys-bgcolor-f2 {
  background-color: #f28d49; }
.sys-bgcolor-f3 {
  background-color: #f5d540; }
.sys-bgcolor-f4 {
  background-color: #38ba72; }
.sys-bgcolor-f5 {
  background-color: #55c6c6; }
.sys-bgcolor-f6 {
  background-color: #41b0d9; }
.sys-bgcolor-f7 {
  background-color: #5b99ee; }
/*
    三种标准图标尺寸
 */
.sys-icon-size-xl {
  font-size: 90px; }
.sys-icon-size-l {
  font-size: 32px; }
.sys-icon-size-m {
  font-size: 18px; }

/*
 * Organization Chart Class
 * https://github.com/dabeng/OrgChart.js
 *
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

.orgchart {
  display: inline-block;
  min-height: 202px;
  min-width: 202px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  //background-image: linear-gradient(90deg, rgba(200, 0, 0, 0.15) 10%, rgba(0, 0, 0, 0) 10%), linear-gradient(rgba(200, 0, 0, 0.15) 10%, rgba(0, 0, 0, 0) 10%);
  background-size: 10px 10px;
  border: 1px dashed transparent;
  padding: 20px;
}

.orgchart .hidden, .orgchart~.hidden {
  display: none;
}

.orgchart div,
.orgchart div::before,
.orgchart div::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.orgchart.b2t {
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.orgchart.l2r {
  position: absolute;
  -ms-transform: rotate(-90deg) rotateY(180deg);
  -moz-transform: rotate(-90deg) rotateY(180deg);
  -webkit-transform: rotate(-90deg) rotateY(180deg);
  transform: rotate(-90deg) rotateY(180deg);
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.orgchart .verticalNodes ul {
  list-style: none;
  margin: 0;
  padding-left: 18px;
  text-align: left;
}

.orgchart .verticalNodes ul:first-child {
  margin-top: 3px;
}

.orgchart .verticalNodes>td::before {
  content: '';
  border: 1px solid rgba(217, 83, 79, 0.8);
}

.orgchart .verticalNodes>td>ul>li:first-child::before {
  top: -4px;
  height: 30px;
  width: calc(50% - 2px);
  border-width: 2px 0 0 2px;
}

.orgchart .verticalNodes ul>li {
  position: relative;
}

.orgchart .verticalNodes ul>li::before,
.orgchart .verticalNodes ul>li::after {
  content: '';
  position: absolute;
  left: -6px;
  border-color: rgba(217, 83, 79, 0.8);
  border-style: solid;
  border-width: 0 0 2px 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.orgchart .verticalNodes ul>li::before {
  top: -4px;
  height: 30px;
  width: 11px;
}

.orgchart .verticalNodes ul>li::after {
  top: 1px;
  height: 100%;
}

.orgchart .verticalNodes ul>li:first-child::after {
  top: 24px;
  width: 11px;
  border-width: 2px 0 0 2px;
}

.orgchart .verticalNodes ul>li:last-child::after {
  border-width: 2px 0 0;
}

.orgchart.r2l {
  position: absolute;
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.orgchart>.spinner {
  font-size: 100px;
  margin-top: 30px;
  color: rgba(68, 157, 68, 0.8);
}

.orgchart table {
  border-spacing: 0;
  border-collapse: separate;
}

.orgchart>table:first-child{
  margin: 20px auto;
}

.orgchart td {
  text-align: center;
  vertical-align: top;
  padding: 0;
}

.orgchart tr.lines .topLine {
  border-top: 2px solid rgba(217, 83, 79, 0.8);
}

.orgchart tr.lines .rightLine {
  border-right: 1px solid rgba(217, 83, 79, 0.8);
  float: none;
  border-radius: 0;
}

.orgchart tr.lines .leftLine {
  border-left: 1px solid rgba(217, 83, 79, 0.8);
  float: none;
  border-radius: 0;
}

.orgchart tr.lines .downLine {
  background-color: rgba(217, 83, 79, 0.8);
  margin: 0 auto;
  height: 20px;
  width: 2px;
  float: none;
}

/* node styling */
.orgchart .node {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 3px;
  border: 2px dashed transparent;
  text-align: center;
  width: 130px;
}
.orgchart.l2r .node, .orgchart.r2l .node {
  width: 50px;
  height: 130px;
}
.orgchart .node>.hazy {
  opacity: 0.2;
}
.orgchart .node>.spinner {
  position: absolute;
  top: calc(50% - 15px);
  left: calc(50% - 15px);
  vertical-align: middle;
  font-size: 30px;
  color: rgba(68, 157, 68, 0.8);
}
.orgchart .node:hover {
  background-color: rgba(238, 217, 54, 0.5);
  transition: .5s;
  cursor: default;
  z-index: 20;
}
.orgchart .node.focused {
  background-color: rgba(238, 217, 54, 0.5);
}
.orgchart .ghost-node {
  position: fixed;
  left: -10000px;
  top: -10000px;
}
.orgchart .ghost-node rect {
  fill: #ffffff;
  stroke: #bf0000;
}
.orgchart .node.allowedDrop {
  border-color: rgba(68, 157, 68, 0.9);
}
.orgchart .node .title {
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: rgba(217, 83, 79, 0.8);
  color: #fff;
  border-radius: 4px 4px 0 0;
}
.orgchart.b2t .node .title {
  -ms-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -ms-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
.orgchart.l2r .node .title {
  -ms-transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
  -moz-transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
  -webkit-transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
  transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
  -ms-transform-origin: bottom center;
  -moz-transform-origin: bottom center;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  width: 120px;
}
.orgchart.r2l .node .title {
  -ms-transform: rotate(-90deg) translate(-40px, -40px);
  -moz-transform: rotate(-90deg) translate(-40px, -40px);
  -webkit-transform: rotate(-90deg) translate(-40px, -40px);
  transform: rotate(-90deg) translate(-40px, -40px);
  -ms-transform-origin: bottom center;
  -moz-transform-origin: bottom center;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  width: 120px;
}
.orgchart .node .title .symbol {
  float: left;
  margin-top: 4px;
  margin-left: 2px;
}
.orgchart .node .content {
  width: 100%;
  height: 20px;
  font-size: 11px;
  line-height: 18px;
  border: 1px solid rgba(217, 83, 79, 0.8);
  border-radius: 0 0 4px 4px;
  text-align: center;
  background-color: #fff;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.orgchart.b2t .node .content {
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -ms-transform-origin: center top;
  -moz-transform-origin: center top;
  -webkit-transform-origin: center top;
  transform-origin: center top;
}
.orgchart.l2r .node .content {
  -ms-transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
  -moz-transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
  -webkit-transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
  transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
  -ms-transform-origin: top center;
  -moz-transform-origin: top center;
  -webkit-transform-origin: top center;
  transform-origin: top center;
  width: 120px;
}
.orgchart.r2l .node .content {
  -ms-transform: rotate(-90deg) translate(-40px, -40px);
  -moz-transform: rotate(-90deg) translate(-40px, -40px);
  -webkit-transform: rotate(-90deg) translate(-40px, -40px);
  transform: rotate(-90deg) translate(-40px, -40px);
  -ms-transform-origin: top center;
  -moz-transform-origin: top center;
  -webkit-transform-origin: top center;
  transform-origin: top center;
  width: 120px;
}
.orgchart .node .edge {
  font-size: 15px;
  position: absolute;
  color: rgba(68, 157, 68, 0.5);
  cursor: default;
  transition: .2s;
  -webkit-transition: .2s;
}
.orgchart.noncollapsable .node .edge {
  display: none;
}
.orgchart .edge:hover {
  color: #449d44;
  cursor: pointer;
}
.orgchart .node .verticalEdge {
  width: calc(100% - 10px);
  width: -webkit-calc(100% - 10px);
  width: -moz-calc(100% - 10px);
  left: 5px;
}
.orgchart .node .topEdge {
  top: -4px;
}
.orgchart .node .bottomEdge {
  bottom: -4px;
}
.orgchart .node .horizontalEdge {
  width: 15px;
  height: calc(100% - 10px);
  height: -webkit-calc(100% - 10px);
  height: -moz-calc(100% - 10px);
  top: 5px;
}
.orgchart .node .rightEdge {
  right: -4px;
}
.orgchart .node .leftEdge {
  left: -4px;
}
.orgchart .node .horizontalEdge::before {
  position: absolute;
  top: calc(50% - 7px);
  top: -webkit-calc(50% - 7px);
  top: -moz-calc(50% - 7px);
}
.orgchart .node .rightEdge::before {
  right: 3px;
}
.orgchart .node .leftEdge::before {
  left: 3px;
}
.orgchart .node .toggleBtn {
  position: absolute;
  left: 5px;
  bottom: -2px;
  color: rgba(68, 157, 68, 0.6);
}
.orgchart .node .toggleBtn:hover {
  color: rgba(68, 157, 68, 0.8);
}
.oc-export-btn {
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #5cb85c;
  border: 1px solid transparent;
  border-color: #4cae4c;
  border-radius: 4px;
}
.oc-export-btn:hover,.oc-export-btn:focus,.oc-export-btn:active  {
  background-color: #449d44;
  border-color: #347a34;
}
.orgchart~.mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  text-align: center;
  background-color: rgba(0,0,0,0.3);
}
.orgchart~.mask .spinner {
  position: absolute;
  top: calc(50% - 54px);
  left: calc(50% - 54px);
  color: rgba(255,255,255,0.8);
  font-size: 108px;
}
.orgchart .node {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  top: 0;
  left: 0;
}
.orgchart .slide-down {
  opacity: 0;
  top: 40px;
}
.orgchart.l2r .node.slide-down, .orgchart.r2l .node.slide-down {
  top: 130px;
}
.orgchart .slide-up {
  opacity: 0;
  top: -40px;
}
.orgchart.l2r .node.slide-up, .orgchart.r2l .node.slide-up {
  top: -130px;
}
.orgchart .slide-right {
  opacity: 0;
  left: 130px;
}
.orgchart.l2r .node.slide-right, .orgchart.r2l .node.slide-right {
  left: 40px;
}
.orgchart .slide-left {
  opacity: 0;
  left: -130px;
}
.orgchart.l2r .node.slide-left, .orgchart.r2l .node.slide-left {
  left: -40px;
}

@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;
  display: inline-flex;
}
//旧的图标库，不能动
.m-sys-mubiaoguanli:before {
  content: "\e945";
}
.m-sys-remind_spread:before {
  content: "\e942";}
.m-sys-tuanduichengyuan:before {
  content: "\e982";
}
.m-sys-welcome:before {
  content: "\e92b";
}
.m-sys-toast-success:before {
  content: "\e929";
}
.m-sys-toast-faile:before {
  content: "\e92a";
}
.m-sys-jixiao:before {
  content: "\e927";
}
.m-sys-zuzhi:before {
  content: "\e963";
}
.m-sys-topclose:before {
  content: "\e925";
}
.m-sys-eye-active:before {
  content: "\e923";
}
.m-sys-wodegongzi:before {
  content: "\e903";
}
.m-sys-wodedangan:before {
  content: "\e926";
}
.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-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-refresh:before {
  content: "\e980";
}
.m-sys-load-faile:before {
  content: "\e981";
}
.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";
  color: #fff;
}
.m-sys-zhanghushezhi:before {
  content: "\e95e";
  color: #4dd0e1;
}
.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";
  color: #ff9500;
}
.m-sys-xiaoxi:before {
  content: "\e962";
}
.m-sys-wodeshangjin:before {
  content: "\e964";
  color: #ffc300;
}
.m-sys-woderenwu:before {
  content: "\e965";
  color: #4dd0e1;
}
.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: -1em;
  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";
  color: #fff;
}
.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-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-pitchon:before {
  content: "\e941";
  color: #e6e7e8;
}
.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: #f53100;
}
.m-sys-reduce .path2:before {
  content: "\e950";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.m-sys-shaixuan:before {
  content: "\e902";
}
.m-sys-charts:before {
  content: "\e946";
}
.m-sys-pull-refresh:before {
  content: "\e947";
  color: #979797;
}
.m-sys-small-close:before {
  content: "\e948";
}
.m-sys-edit:before {
  content: "\e943";
}
.m-sys-batch:before {
  content: "\e944";
}
.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";
  color: #acb7bf;
}
.m-sys-checkbox-active:before {
  content: "\e922";
  color: #007ed9;
}
.m-sys-morengongneng:before {
  content: "\e924";
}
.m-sys-sousuo:before {
  content: "\e928";
}
.m-sys-bgcolor.sys-bgcolor-f1 {
    color: #ff7360;
    background-color: #ff7360;
}
.m-sys-bgcolor.sys-bgcolor-f2 {
    color: #ff9500;
    background-color: #ff9500;
}
.m-sys-bgcolor.sys-bgcolor-f3 {
    color: #ffc300;
    background-color: #ffc300;
}
.m-sys-bgcolor.sys-bgcolor-f4 {
    color: #8bda44;
    background-color: #8bda44;
}
.m-sys-bgcolor.sys-bgcolor-f5 {
    color: #00e099;
    background-color: #00e099;
}
.m-sys-bgcolor.sys-bgcolor-f6 {
    color: #4dd0e1;
    background-color: #4dd0e1;
}
.m-sys-bgcolor.sys-bgcolor-f7 {
    color: #39b6ff;
    background-color: #39b6ff;
}
.m-sys-bgcolor.sys-bgcolor-f8 {
    color: #349af6;
    background-color: #349af6;
}
.m-sys-bgcolor.sys-bgcolor-f9 {
    color: #8a92ff;
    background-color: #8a92ff;
}





//新加的图标样式
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot');
  src:  url('fonts/icomoon.eot') format('embedded-opentype'),
    url('fonts/icomoon.ttf') format('truetype'),
    url('fonts/icomoon.woff') format('woff'),
    url('fonts/icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.sys-icon-jihua,.sys-icon-ribao,.sys-icon-xiangmu,.sys-icon-shenpi, .sys-icon-chaosong, .sys-icon-shenqing, .sys-icon-huiyi, .sys-icon-jifen, .sys-icon-paiban, .sys-icon-richeng {
  font-family: 'icomoon' !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;
}
[class^="upaas-icon-"],[class*=" upaas-icon-"]{
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: flex;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

//新加的图标
.upaas-icon-cache:before {
  content: "\e931";
  color: #8991f9;
}
.upaas-icon-general:before {
  content: "\e932";
  color: #8991f9;
}
.upaas-icon-language:before {
  content: "\e930";
  color: #56adff;
}
.sys-icon-richeng:before {
  content: "\e92f";
}
.upaas-icon-qiyeguwen:before {
  content: "\e92d";
}
.sys-icon-paiban:before {
  content: "\e92e";
}
.upaas-icon-ocean:before {
  content: "\e92c";
}
.sys-icon-jifen:before {
  content: "\e92a";
}
.upaas-icon-gonggao:before {
  content: "\e901";
}
.upaas-icon-tiaoxiujia:before {
  content: "\e928";
}
.upaas-icon-jiaqiyue:before {
  content: "\e929";
}
.sys-icon-huiyi:before {
  content: "\e92b";
}
.sys-icon-chaosong:before {
  content: "\e900";
}
.sys-icon-shenpi:before {
  content: "\e902";
}
.sys-icon-shenqing:before {
  content: "\e903";
}
.upaas-icon-search:before {
  content: "\e904";
}
.upaas-icon-paperplane:before {
  content: "\e905";
  color: #8bda44;
}
.upaas-icon-addpeople:before {
  content: "\e906";
  color: #349af6;
}
.upaas-icon-money .path1:before {
  content: "\e907";
  color: rgb(255, 195, 0);
}
.upaas-icon-money .path2:before {
  content: "\e908";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.upaas-icon-money .path3:before {
  content: "\e909";
  margin-left: -1em;
  color: rgb(255, 195, 0);
}
.upaas-icon-money .path4:before {
  content: "\e90a";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.upaas-icon-money .path5:before {
  content: "\e90b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.upaas-icon-money .path6:before {
  content: "\e90c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.upaas-icon-money .path7:before {
  content: "\e90d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.upaas-icon-team:before {
  content: "\e90e";
  color: #39b6ff;
}
.upaas-icon-group:before {
  content: "\e90f";
}
.upaas-icon-telephone:before {
  content: "\e910";
}
.upaas-icon-note:before {
  content: "\e911";
}
.upaas-icon-mobile:before {
  content: "\e912";
}
.upaas-icon-search-renwu:before {
  content: "\e913";
}
.upaas-icon-search-xiangmu:before {
  content: "\e914";
}
.upaas-icon-search-tongxunlu:before {
  content: "\e915";
}
.upaas-icon-search-dongtai:before {
  content: "\e916";
}
.upaas-icon-home-add:before {
  content: "\e917";
  color: #fafafa;
}
.upaas-icon-banbengengxin:before {
  content: "\e918";
  color: #ff7360;
}
.upaas-icon-qupingfen:before {
  content: "\e919";
  color: #ff7360;
}
.upaas-icon-xieyi:before {
  content: "\e91a";
  color: #8a92ff;
}
.upaas-icon-xingongneng:before {
  content: "\e91b";
  color: #8bda44;
}
.upaas-icon-bianji .path1:before {
  content: "\e91c";
  color: rgb(57, 182, 255);
}
.upaas-icon-bianji .path2:before {
  content: "\e91d";
  margin-left: -1em;
  color: rgb(0, 139, 246);
}
.upaas-icon-wentifankui:before {
  content: "\e91e";
  color: #ff9500;
}
.upaas-icon-more:before {
  content: "\e91f";
}
.upaas-icon-italent:before {
  content: "\e920";
}
.sys-icon-jihua:before {
  content: "\e921";
}
.sys-icon-xiangmu:before {
  content: "\e922";
}
.sys-icon-ribao:before {
  content: "\e923";
}
.upaas-icon-im:before {
  content: "\e924";
  color: #6b7175;
}
.upaas-icon-aboutiTalent .path1:before {
  content: "\e925";
  color: rgb(139, 218, 68);
}
.upaas-icon-aboutiTalent .path2:before {
  content: "\e926";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.upaas-icon-aboutiTalent .path3:before {
  content: "\e927";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}