$pcSvgImgUrl:   "./../images/pc/sysicon" !default;
$pcFontUrl :  "./../images/pc/fonts/v14" !default;
$mSvgImgUrl:   "./../images/m/sysicon" !default;
$mFontUrl :  "./../images/m/fonts" !default;

@font-face {
  font-family: 'sys-icon';
  src:  url('#{$pcFontUrl}/sys-icon.eot');
  src:  url('#{$pcFontUrl}/sys-icon.eot#iefix') format('embedded-opentype'),
    url('#{$pcFontUrl}/sys-icon.ttf') format('truetype'),
    url('#{$pcFontUrl}/sys-icon.woff') format('woff'),
    url('#{$pcFontUrl}/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: rgb(102, 117, 127);
}
.sys-icon-15 .path2:before {
  content: "\e90f";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.sys-icon-15 .path3:before {
  content: "\e910";
  margin-left: -1em;
  color: rgb(102, 117, 127);
}
.sys-icon-15 .path4:before {
  content: "\e911";
  margin-left: -1em;
  color: rgb(102, 117, 127);
}
.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: rgb(102, 117, 127);
}
.sys-icon-33 .path2:before {
  content: "\e924";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.sys-icon-33 .path3:before {
  content: "\e925";
  margin-left: -1em;
  color: rgb(102, 117, 127);
}
.sys-icon-33 .path4:before {
  content: "\e926";
  margin-left: -1em;
  color: rgb(102, 117, 127);
}
.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: rgb(0, 0, 0);
}
.sys-icon-38 .path2:before {
  content: "\e92c";
  margin-left: -1em;
  color: rgb(102, 117, 127);
}
.sys-icon-39 .path1:before {
  content: "\e92d";
  color: rgb(0, 0, 0);
}
.sys-icon-39 .path2:before {
  content: "\e92e";
  margin-left: -1em;
  color: rgb(102, 117, 127);
}
.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: rgb(102, 117, 127);
}
.sys-icon-101 .path2:before {
  content: "\e96d";
  margin-left: -1em;
  color: rgb(101, 117, 129);
}
.sys-icon-102 .path1:before {
  content: "\e96e";
  color: rgb(102, 117, 127);
}
.sys-icon-102 .path2:before {
  content: "\e96f";
  margin-left: -1em;
  color: rgb(101, 117, 129);
}
.sys-icon-102 .path3:before {
  content: "\e970";
  margin-left: -1em;
  color: rgb(102, 117, 127);
}
.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-at:before {
  content: "\e995";
}
.sys-icon-backward-active:before {
  content: "\e996";
}
.sys-icon-backward-disabled:before {
  content: "\e997";
}
.sys-icon-backward-nomal:before {
  content: "\e998";
}
.sys-icon-backward:before {
  content: "\e999";
}
.sys-icon-backward2-active:before {
  content: "\e99a";
}
.sys-icon-backward2-disabled:before {
  content: "\e99b";
}
.sys-icon-backward2-nomal:before {
  content: "\e99c";
}
.sys-icon-backward2:before {
  content: "\e99d";
}
.sys-icon-banci:before {
  content: "\e99e";
}
.sys-icon-baobiao:before {
  content: "\e99f";
}
.sys-icon-bi-baobiao:before {
  content: "\e9a0";
}
.sys-icon-biandonglishi:before {
  content: "\e9a1";
}
.sys-icon-biandongyuanyin:before {
  content: "\e9a2";
}
.sys-icon-biaozhang:before {
  content: "\e9a3";
}
.sys-icon-biaozhunbiaohang:before {
  content: "\e9a4";
}
.sys-icon-bitian-nomal:before {
  content: "\e9a5";
}
.sys-icon-bukebianji-nomal:before {
  content: "\e9a6";
}
.sys-icon-caidan:before {
  content: "\e9a7";
}
.sys-icon-chajian:before {
  content: "\e9a8";
}
.sys-icon-changgui-nomal-small:before {
  content: "\e9a9";
}
.sys-icon-changgui-nomal:before {
  content: "\e9aa";
}
.sys-icon-Checkbox-active-disabled:before {
  content: "\e9ab";
}
.sys-icon-Checkbox-active:before {
  content: "\e9ac";
}
.sys-icon-Checkbox-disabled:before {
  content: "\e9ad";
}
.sys-icon-Checkbox-hover:before {
  content: "\e9ae";
}
.sys-icon-Checkbox-nomal:before {
  content: "\e9af";
}
.sys-icon-close:before {
  content: "\e9b0";
}
.sys-icon-cuowu-nomal-small:before {
  content: "\e9b1";
}
.sys-icon-cuowu-nomal:before {
  content: "\e9b2";
}
.sys-icon-cus-bangzhu:before {
  content: "\e9b3";
}
.sys-icon-cus-bianji:before {
  content: "\e9b4";
}
.sys-icon-cus-bitian:before {
  content: "\e9b5";
}
.sys-icon-cus-chengshi:before {
  content: "\e9b6";
}
.sys-icon-cus-liebiaoshezhi-nomal:before {
  content: "\e9b7";
}
.sys-icon-cus-renyuan:before {
  content: "\e9b8";
}
.sys-icon-cus-shanchu:before {
  content: "\e9b9";
}
.sys-icon-cus-tubiao-nomal:before {
  content: "\e9ba";
}
.sys-icon-cus-xiala:before {
  content: "\e9bb";
}
.sys-icon-default:before {
  content: "\e9bc";
}
.sys-icon-direction-switch:before {
  content: "\e9bd";
}
.sys-icon-dongtai:before {
  content: "\e9be";
}
.sys-icon-dropdownmax-active:before {
  content: "\e9bf";
}
.sys-icon-dropdownmax-disabled:before {
  content: "\e9c0";
}
.sys-icon-dropdownmax-nomal:before {
  content: "\e9c1";
}
.sys-icon-dropdownmax:before {
  content: "\e9c2";
}
.sys-icon-dropdownmin-active:before {
  content: "\e9c3";
}
.sys-icon-dropdownmin-disabled:before {
  content: "\e9c4";
}
.sys-icon-dropdownmin-nomal:before {
  content: "\e9c5";
}
.sys-icon-dropdownmin:before {
  content: "\e9c6";
}
.sys-icon-duban:before {
  content: "\e9c7";
}
.sys-icon-expression:before {
  content: "\e9c8";
}
.sys-icon-faxinfangan:before {
  content: "\e9c9";
}
.sys-icon-faxinhuodong:before {
  content: "\e9ca";
}
.sys-icon-faxinshuju:before {
  content: "\e9cb";
}
.sys-icon-faxinxiangmu:before {
  content: "\e9cc";
}
.sys-icon-faxinyuangong:before {
  content: "\e9cd";
}
.sys-icon-foldup:before {
  content: "\e9ce";
}
.sys-icon-Forward-active:before {
  content: "\e9cf";
}
.sys-icon-Forward-disabled:before {
  content: "\e9d0";
}
.sys-icon-Forward-nomal:before {
  content: "\e9d1";
}
.sys-icon-forward:before {
  content: "\e9d2";
}
.sys-icon-Forward2-active:before {
  content: "\e9d3";
}
.sys-icon-Forward2-disabled:before {
  content: "\e9d4";
}
.sys-icon-Forward2-nomal:before {
  content: "\e9d5";
}
.sys-icon-forward2:before {
  content: "\e9d6";
}
.sys-icon-gongzuo:before {
  content: "\e9d7";
}
.sys-icon-gongzuolvli:before {
  content: "\e9d8";
}
.sys-icon-gongzuorili:before {
  content: "\e9d9";
}
.sys-icon-gongzuotai:before {
  content: "\e9da";
}
.sys-icon-guanbi-active:before {
  content: "\e9db";
}
.sys-icon-guanbi-disabled:before {
  content: "\e9dc";
}
.sys-icon-guanbi-nomal:before {
  content: "\e9dd";
}
.sys-icon-hand:before {
  content: "\e9de";
}
.sys-icon-huibaoguanxi:before {
  content: "\e9df";
}
.sys-icon-IM-bianji:before {
  content: "\e9e0";
}
.sys-icon-IM-qunzu:before {
  content: "\e9e1";
}
.sys-icon-IM-renwu:before {
  content: "\e9e2";
}
.sys-icon-IM-tianjia:before {
  content: "\e9e3";
}
.sys-icon-IM-xiangmu:before {
  content: "\e9e4";
}
.sys-icon-jianzhijilv:before {
  content: "\e9e5";
}
.sys-icon-jiaoyu:before {
  content: "\e9e6";
}
.sys-icon-jihua:before {
  content: "\e9e7";
}
.sys-icon-jixiao:before {
  content: "\e9e8";
}
.sys-icon-kaohe:before {
  content: "\e9e9";
}
.sys-icon-kaoqindangan:before {
  content: "\e9ea";
}
.sys-icon-kaoqinqijian:before {
  content: "\e9eb";
}
.sys-icon-kaoqinshuju:before {
  content: "\e9ec";
}
.sys-icon-kaoqinxiangmu:before {
  content: "\e9ed";
}
.sys-icon-kaoqinzu:before {
  content: "\e9ee";
}
.sys-icon-laodong:before {
  content: "\e9ef";
}
.sys-icon-lizhiquxiang:before {
  content: "\e9f0";
}
.sys-icon-moren:before {
  content: "\e9f1";
}
.sys-icon-mubiao:before {
  content: "\e9f2";
}
.sys-icon-new-data-flag:before {
  content: "\e9f3";
}
.sys-icon-nianjiaguanli:before {
  content: "\e9f4";
}
.sys-icon-no-data-notice:before {
  content: "\e9f5";
}
.sys-icon-ocean:before {
  content: "\e9f6";
}
.sys-icon-page-switch:before {
  content: "\e9f7";
}
.sys-icon-renzhijilv:before {
  content: "\e9f8";
}
.sys-icon-ribao:before {
  content: "\e9f9";
}
.sys-icon-seqdown-active:before {
  content: "\e9fa";
}
.sys-icon-seqdown-active2:before {
  content: "\e9fb";
}
.sys-icon-sequencedown-disabled:before {
  content: "\e9fc";
}
.sys-icon-sequencedown-disabled2:before {
  content: "\e9fd";
}
.sys-icon-sequencedown-nomal:before {
  content: "\e9fe";
}
.sys-icon-sequencedown-nomal2:before {
  content: "\e9ff";
}
.sys-icon-sequencedown:before {
  content: "\ea00";
}
.sys-icon-sequenceup-disabled:before {
  content: "\ea01";
}
.sys-icon-sequenceup-nomal:before {
  content: "\ea02";
}
.sys-icon-sequp-active:before {
  content: "\ea03";
}
.sys-icon-shenpi:before {
  content: "\ea04";
}
.sys-icon-shiti:before {
  content: "\ea05";
}
.sys-icon-shiyongqixinxi:before {
  content: "\ea06";
}
.sys-icon-shouqi-active:before {
  content: "\ea07";
}
.sys-icon-shouqi-disabled:before {
  content: "\ea08";
}
.sys-icon-shouqi-nomal:before {
  content: "\ea09";
}
.sys-icon-Singlebox-active-disabled:before {
  content: "\ea0a";
}
.sys-icon-Singlebox-active:before {
  content: "\ea0b";
}
.sys-icon-Singlebox-disabled:before {
  content: "\ea0c";
}
.sys-icon-Singlebox-have:before {
  content: "\ea0d";
}
.sys-icon-Singlebox-nomal:before {
  content: "\ea0e";
}
.sys-icon-singlebox:before {
  content: "\ea0f";
}
.sys-icon-sousuo:before {
  content: "\ea10";
}
.sys-icon-souye:before {
  content: "\ea11";
}
.sys-icon-spread:before {
  content: "\ea12";
}
.sys-icon-tishi-nomal-small:before {
  content: "\ea13";
}
.sys-icon-tishi-nomal:before {
  content: "\ea14";
}
.sys-icon-titaIM:before {
  content: "\ea15";
}
.sys-icon-tongshi:before {
  content: "\ea16";
}
.sys-icon-tuozhuai-active:before {
  content: "\ea17";
}
.sys-icon-tuozhuai-disabled:before {
  content: "\ea18";
}
.sys-icon-tuozhuai-nomal:before {
  content: "\ea19";
}
.sys-icon-upload:before {
  content: "\ea1a";
}
.sys-icon-wenhao-nomal-small:before {
  content: "\ea1b";
}
.sys-icon-wenhao-nomal:before {
  content: "\ea1c";
}
.sys-icon-wenjian:before {
  content: "\ea1d";
}
.sys-icon-xiangmu:before {
  content: "\ea1e";
}
.sys-icon-xiangmujingli:before {
  content: "\ea1f";
}
.sys-icon-xiangshangmin-nomal:before {
  content: "\ea20";
}
.sys-icon-xiangxiamin-nomal:before {
  content: "\ea21";
}
.sys-icon-xinchou:before {
  content: "\ea22";
}
.sys-icon-xinchouguanli:before {
  content: "\ea23";
}
.sys-icon-xinzibao:before {
  content: "\ea24";
}
.sys-icon-xinzibaoxiangmu:before {
  content: "\ea25";
}
.sys-icon-xinzibiaozhunbiao:before {
  content: "\ea26";
}
.sys-icon-xinzigoucheng:before {
  content: "\ea27";
}
.sys-icon-xiujia:before {
  content: "\ea28";
}
.sys-icon-yibiao:before {
  content: "\ea29";
}
.sys-icon-yingyong:before {
  content: "\ea2a";
}
.sys-icon-yinhang:before {
  content: "\ea2b";
}
.sys-icon-yuangong:before {
  content: "\ea2c";
}
.sys-icon-yuangongxinzidangan:before {
  content: "\ea2d";
}
.sys-icon-yuyan:before {
  content: "\ea2e";
}
.sys-icon-zaopin:before {
  content: "\ea2f";
}
.sys-icon-zhankai-active:before {
  content: "\ea30";
}
.sys-icon-zhankai-disabled:before {
  content: "\ea31";
}
.sys-icon-zhankai-nomal:before {
  content: "\ea32";
}
.sys-icon-zhengque-nomal-small:before {
  content: "\ea33";
}
.sys-icon-zhengque-nomal:before {
  content: "\ea34";
}
.sys-icon-zhengshu:before {
  content: "\ea35";
}
.sys-icon-zhiceng:before {
  content: "\ea36";
}
.sys-icon-zhideng:before {
  content: "\ea37";
}
.sys-icon-zhiji:before {
  content: "\ea38";
}
.sys-icon-zhiwei:before {
  content: "\ea39";
}
.sys-icon-zhiwu:before {
  content: "\ea3a";
}
.sys-icon-zhiwuxulie:before {
  content: "\ea3b";
}
.sys-icon-zhiye:before {
  content: "\ea3c";
}
.sys-icon-zhuanye:before {
  content: "\ea3d";
}
.sys-icon-zhuyi-nomal-small:before {
  content: "\ea3e";
}
.sys-icon-zhuyi-nomal:before {
  content: "\ea3f";
}
.sys-icon-zuzhi:before {
  content: "\ea40";
}
.sys-icon-zuzhibiangengjilv:before {
  content: "\ea41";
}
.sys-icon-zuzhijiagou:before {
  content: "\ea42";
}
.sys-icon-zuzhileixing:before {
  content: "\ea43";
}
.sys-icon-zuzhiyuangong:before {
  content: "\ea44";
}









/**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;
}


/* 
    pc svg
 */
/*airplane*/

.pc-sys-airplane-svg {
    background: url(#{$pcSvgImgUrl}/airplane.svg);
    background-repeat: no-repeat;
}
/*hand*/
.pc-sys-hand-svg {
    background: url(#{$pcSvgImgUrl}/hand.svg);
    background-repeat: no-repeat;
}


/* arrowdown
*/

.pc-sys-arrowdown-active-svg {
    background: url(#{$pcSvgImgUrl}/arrowdown-active.svg);
    background-repeat: no-repeat;
}

.pc-sys-arrowdown-disabled-svg {
    background: url(#{$pcSvgImgUrl}/arrowdown-disabled.svg);
    background-repeat: no-repeat;
}

.pc-sys-arrowdown-nomal-svg {
    background: url(#{$pcSvgImgUrl}/arrowdown-nomal.svg);
    background-repeat: no-repeat;
}


/* arrowdonw2
*/

.pc-sys-arrowdown2-active-svg {
    background: url(#{$pcSvgImgUrl}/arrowdown2-active.svg);
    background-repeat: no-repeat;
}

.pc-sys-arrowdown2-disabled-svg {
    background: url(#{$pcSvgImgUrl}/arrowdown2-disabled.svg);
    background-repeat: no-repeat;
}

.pc-sys-arrowdown2-nomal-svg {
    background: url(#{$pcSvgImgUrl}/arrowdown2-nomal.svg);
    background-repeat: no-repeat;
}

/*
xiangshang\xiangxia\bukebianji
 */

.pc-sys-xiangshangmin-nomal-svg {
    background: url(#{$pcSvgImgUrl}/xiangshangmin-nomal.svg);
    background-repeat: no-repeat;
}
.pc-sys-xiangxiamin-nomal-svg {
    background: url(#{$pcSvgImgUrl}/xiangxiamin-nomal.svg);
    background-repeat: no-repeat;
}
.pc-sys-bukebianji-nomal-svg {
    background: url(#{$pcSvgImgUrl}/bukebianji-nomal.svg);
    background-repeat: no-repeat;
}


/* arrowdonwM7
*/

.pc-sys-arrowdownM7-active-svg {
    background: url(#{$pcSvgImgUrl}/arrowdownM7-active.svg);
    background-repeat: no-repeat;
}

.pc-sys-arrowdownM7-disabled-svg {
    background: url(#{$pcSvgImgUrl}/arrowdownM7-disabled.svg);
    background-repeat: no-repeat;
}

.pc-sys-arrowdownM7-nomal-svg {
    background: url(#{$pcSvgImgUrl}/arrowdownM7-nomal.svg);
    background-repeat: no-repeat;
}


/* arrowleft
*/

.pc-sys-arrowleft-active-svg {
    background: url(#{$pcSvgImgUrl}/arrowleft-active.svg);
    background-repeat: no-repeat;
}

.pc-sys-arrowleft-disabled-svg {
    background: url(#{$pcSvgImgUrl}/arrowleft-disabled.svg);
    background-repeat: no-repeat;
}

.pc-sys-arrowleft-nomal-svg {
    background: url(#{$pcSvgImgUrl}/arrowleft-nomal.svg);
    background-repeat: no-repeat;
}


/* arrowleftM7
*/

.pc-sys-arrowleftM7-active-svg {
    background: url(#{$pcSvgImgUrl}/arrowleftM7-active.svg);
    background-repeat: no-repeat;
}

.pc-sys-arrowleftM7-disabled-svg {
    background: url(#{$pcSvgImgUrl}/arrowleftM7-disabled.svg);
    background-repeat: no-repeat;
}

.pc-sys-arrowleftM7-nomal-svg {
    background: url(#{$pcSvgImgUrl}/arrowleftM7-nomal.svg);
    background-repeat: no-repeat;
}


/* arrowright
*/

.pc-sys-arrowright-active-svg {
    background: url(#{$pcSvgImgUrl}/arrowright-active.svg);
    background-repeat: no-repeat;
}

.pc-sys-arrowright-disabled-svg {
    background: url(#{$pcSvgImgUrl}/arrowright-disabled.svg);
    background-repeat: no-repeat;
}

.pc-sys-arrowright-nomal-svg {
    background: url(#{$pcSvgImgUrl}/arrowright-nomal.svg);
    background-repeat: no-repeat;
}

/*
cus
 */
.pc-sys-cus-bitian-svg {
    background: url(#{$pcSvgImgUrl}/cus-bitian.svg);
    background-repeat: no-repeat;
}

.pc-sys-cus-bianji-svg {
    background: url(#{$pcSvgImgUrl}/cus-bianji.svg);
    background-repeat: no-repeat;
}

.pc-sys-cus-chengshi-svg {
    background: url(#{$pcSvgImgUrl}/cus-chengshi.svg);
    background-repeat: no-repeat;
}

.pc-sys-cus-renyuan-svg {
    background: url(#{$pcSvgImgUrl}/cus-renyuan.svg);
    background-repeat: no-repeat;
}

.pc-sys-cus-shanchu-svg {
    background: url(#{$pcSvgImgUrl}/cus-shanchu.svg);
    background-repeat: no-repeat;
}
.pc-sys-cus-xiala-svg {
    background: url(#{$pcSvgImgUrl}/cus-xiala.svg);
    background-repeat: no-repeat;
}

.pc-sys-cus-bangzhu-svg {
    background: url(#{$pcSvgImgUrl}/cus-bangzhu.svg);
    background-repeat: no-repeat;
}


/* arrowup
*/

.pc-sys-arrowup-active-svg {
    background: url(#{$pcSvgImgUrl}/arrowup-active.svg);
    background-repeat: no-repeat;
}

.pc-sys-arrowup-disabled-svg {
    background: url(#{$pcSvgImgUrl}/arrowup-disabled.svg);
    background-repeat: no-repeat;
}

.pc-sys-arrowup-nomal-svg {
    background: url(#{$pcSvgImgUrl}/arrowup-nomal.svg);
    background-repeat: no-repeat;
}


/* arrowup2
*/

.pc-sys-arrowup2-active-svg {
    background: url(#{$pcSvgImgUrl}/arrowup2-active.svg);
    background-repeat: no-repeat;
}

.pc-sys-arrowup2-disabled-svg {
    background: url(#{$pcSvgImgUrl}/arrowup2-disabled.svg);
    background-repeat: no-repeat;
}

.pc-sys-arrowup2-nomal-svg {
    background: url(#{$pcSvgImgUrl}/arrowup2-nomal.svg);
    background-repeat: no-repeat;
}


/* at
*/

.pc-sys-at-svg {
    background: url(#{$pcSvgImgUrl}/at.svg);
    background-repeat: no-repeat;
}


/* backward
*/

.pc-sys-backward-active-svg {
    background: url(#{$pcSvgImgUrl}/backward-active.svg);
    background-repeat: no-repeat;
}

.pc-sys-backward-disabled-svg {
    background: url(#{$pcSvgImgUrl}/backward-disabled.svg);
    background-repeat: no-repeat;
}

.pc-sys-backward-nomal-svg {
    background: url(#{$pcSvgImgUrl}/backward-nomal.svg);
    background-repeat: no-repeat;
}


/* backward2
*/

.pc-sys-backward2-active-svg {
    background: url(#{$pcSvgImgUrl}/backward2-active.svg);
    background-repeat: no-repeat;
}

.pc-sys-backward2-disabled-svg {
    background: url(#{$pcSvgImgUrl}/backward2-disabled.svg);
    background-repeat: no-repeat;
}

.pc-sys-backward2-nomal-svg {
    background: url(#{$pcSvgImgUrl}/backward2-nomal.svg);
    background-repeat: no-repeat;
}


/* Checkbox
*/

.pc-sys-Checkbox-active-svg {
    background: url(#{$pcSvgImgUrl}/Checkbox-active.svg);
    background-repeat: no-repeat;
}

.pc-sys-Checkbox-hover-svg {
    background: url(#{$pcSvgImgUrl}/Checkbox-hover.svg);
    background-repeat: no-repeat;
}

.pc-sys-Checkbox-disabled-svg {
    background: url(#{$pcSvgImgUrl}/Checkbox-disabled.svg);
    background-repeat: no-repeat;
}

.pc-sys-Checkbox-nomal-svg {
    background: url(#{$pcSvgImgUrl}/Checkbox-nomal.svg);
    background-repeat: no-repeat;
}

.pc-sys-Checkbox-active-disabled-svg {
    background: url(#{$pcSvgImgUrl}/Checkbox-active-disabled.svg);
    background-repeat: no-repeat;
}

 

/* cuowu
*/

.pc-sys-cuowu-nomal-svg {
    background: url(#{$pcSvgImgUrl}/cuowu-nomal.svg);
    background-repeat: no-repeat;
}


/* direction-switch
*/

.pc-sys-direction-switch-svg {
    background: url(#{$pcSvgImgUrl}/direction-switch.svg);
    background-repeat: no-repeat;
}


/* dropdownmax
*/

.pc-sys-dropdownmax-active-svg {
    background: url(#{$pcSvgImgUrl}/dropdownmax-active.svg);
    background-repeat: no-repeat;
}

.pc-sys-dropdownmax-disabled-svg {
    background: url(#{$pcSvgImgUrl}/dropdownmax-disabled.svg);
    background-repeat: no-repeat;
}

.pc-sys-dropdownmax-nomal-svg {
    background: url(#{$pcSvgImgUrl}/dropdownmax-nomal.svg);
    background-repeat: no-repeat;
}


/* dropdownmin
*/

.pc-sys-dropdownmin-active-svg {
    background: url(#{$pcSvgImgUrl}/dropdownmin-active.svg);
    background-repeat: no-repeat;
}

.pc-sys-dropdownmin-disabled-svg {
    background: url(#{$pcSvgImgUrl}/dropdownmin-disabled.svg);
    background-repeat: no-repeat;
}

.pc-sys-dropdownmin-nomal-svg {
    background: url(#{$pcSvgImgUrl}/dropdownmin-nomal.svg);
    background-repeat: no-repeat;
}


/* expression
*/

.pc-sys-expression-svg {
    background: url(#{$pcSvgImgUrl}/expression.svg);
    background-repeat: no-repeat;
}


/* Forward
*/

.pc-sys-Forward-active-svg {
    background: url(#{$pcSvgImgUrl}/Forward-active.svg);
    background-repeat: no-repeat;
}

.pc-sys-Forward-disabled-svg {
    background: url(#{$pcSvgImgUrl}/Forward-disabled.svg);
    background-repeat: no-repeat;
}

.pc-sys-Forward-nomal-svg {
    background: url(#{$pcSvgImgUrl}/Forward-nomal.svg);
    background-repeat: no-repeat;
}


/* Forward2
*/

.pc-sys-Forward2-active-svg {
    background: url(#{$pcSvgImgUrl}/Forward2-active.svg);
    background-repeat: no-repeat;
}

.pc-sys-Forward2-disabled-svg {
    background: url(#{$pcSvgImgUrl}/Forward2-disabled.svg);
    background-repeat: no-repeat;
}

.pc-sys-Forward2-nomal-svg {
    background: url(#{$pcSvgImgUrl}/Forward2-nomal.svg);
    background-repeat: no-repeat;
}


/* guanbi
*/

.pc-sys-guanbi-active-svg {
    background: url(#{$pcSvgImgUrl}/guanbi-active.svg);
    background-repeat: no-repeat;
}

.pc-sys-guanbi-disabled-svg {
    background: url(#{$pcSvgImgUrl}/guanbi-disabled.svg);
    background-repeat: no-repeat;
}

.pc-sys-guanbi-nomal-svg {
    background: url(#{$pcSvgImgUrl}/guanbi-nomal.svg);
    background-repeat: no-repeat;
}


/* page-switch
*/

.pc-sys-page-switch-svg {
    background: url(#{$pcSvgImgUrl}/page-switch.svg);
    background-repeat: no-repeat;
}


/* sequencedown
*/

.pc-sys-seqdown-active-svg {
    background: url(#{$pcSvgImgUrl}/seqdown-active.svg);
    background-repeat: no-repeat;
}

.pc-sys-sequencedown-disabled-svg {
    background: url(#{$pcSvgImgUrl}/sequencedown-disabled.svg);
    background-repeat: no-repeat;
}

.pc-sys-sequencedown-nomal-svg {
    background: url(#{$pcSvgImgUrl}/sequencedown-nomal.svg);
    background-repeat: no-repeat;
}


/* shouqi
*/

.pc-sys-shouqi-active-svg {
    background: url(#{$pcSvgImgUrl}/shouqi-active.svg);
    background-repeat: no-repeat;
}

.pc-sys-shouqi-disabled-svg {
    background: url(#{$pcSvgImgUrl}/shouqi-disabled.svg);
    background-repeat: no-repeat;
}

.pc-sys-shouqi-nomal-svg {
    background: url(#{$pcSvgImgUrl}/shouqi-nomal.svg);
    background-repeat: no-repeat;
}


/* Singlebox
*/

.pc-sys-Singlebox-active-svg {
    background: url(#{$pcSvgImgUrl}/Singlebox-active.svg);
    background-repeat: no-repeat;
}

.pc-sys-Singlebox-disabled-svg {
    background: url(#{$pcSvgImgUrl}/Singlebox-disabled.svg);
    background-repeat: no-repeat;
}

.pc-sys-Singlebox-nomal-svg {
    background: url(#{$pcSvgImgUrl}/Singlebox-nomal.svg);
    background-repeat: no-repeat;
}

.pc-sys-Singlebox-have-svg {
    background: url(#{$pcSvgImgUrl}/Singlebox-have.svg);
    background-repeat: no-repeat;
}

.pc-sys-Singlebox-active-disabled-svg {
    background: url(#{$pcSvgImgUrl}/Singlebox-active-disabled.svg);
    background-repeat: no-repeat;
}

/* tishi
*/

.pc-sys-tishi-nomal-svg {
    background: url(#{$pcSvgImgUrl}/tishi-nomal.svg);
    background-repeat: no-repeat;
}

/*
tuozhuai
 */
.pc-sys-tuozhuai-active-svg {
    background: url(#{$pcSvgImgUrl}/tuozhuai-active.svg);
    background-repeat: no-repeat;
}
.pc-sys-tuozhuai-disabled-svg {
    background: url(#{$pcSvgImgUrl}/tuozhuai-disabled.svg);
    background-repeat: no-repeat;
}
.pc-sys-tuozhuai-nomal-svg {
    background: url(#{$pcSvgImgUrl}/tuozhuai-nomal.svg);
    background-repeat: no-repeat;
}


/* upload
*/

.pc-sys-upload-svg {
    background: url(#{$pcSvgImgUrl}/upload.svg);
    background-repeat: no-repeat;
}


/* wenhao-nomal
*/

.pc-sys-wenhao-nomal-svg {
    background: url(#{$pcSvgImgUrl}/wenhao-nomal.svg);
    background-repeat: no-repeat;
}


/* zhankai
*/

.pc-sys-zhankai-active-svg {
    background: url(#{$pcSvgImgUrl}/zhankai-active.svg);
    background-repeat: no-repeat;
}

.pc-sys-zhankai-disabled-svg {
    background: url(#{$pcSvgImgUrl}/zhankai-disabled.svg);
    background-repeat: no-repeat;
}

.pc-sys-zhankai-nomal-svg {
    background: url(#{$pcSvgImgUrl}/zhankai-nomal.svg);
    background-repeat: no-repeat;
}


/* zhengque
*/

.pc-sys-zhengque-nomal-svg {
    background: url(#{$pcSvgImgUrl}/zhengque-nomal.svg);
    background-repeat: no-repeat;
}


/* zhuyi
*/

.pc-sys-zhuyi-nomal-svg {
    background: url(#{$pcSvgImgUrl}/zhuyi-nomal.svg);
    background-repeat: no-repeat;
}


/* no data
*/

.pc-sys-no-data-svg {
    background: url(#{$pcSvgImgUrl}/no-data-notice.svg);
    background-repeat: no-repeat;
}


/*
    bitiam
 */

.pc-sys-bitian-nomal-svg {
    background: url(#{$pcSvgImgUrl}/bitian-nomal.svg);
    background-repeat: no-repeat;
}


/*
    cuowu-nomal-small
 */

.pc-sys-cuowu-nomal-small-svg {
    background: url(#{$pcSvgImgUrl}/cuowu-nomal-small.svg);
    background-repeat: no-repeat;
}

/*
    tishi-nomal-small
 */

.pc-sys-tishi-nomal-small-svg {
    background: url(#{$pcSvgImgUrl}/tishi-nomal-small.svg);
    background-repeat: no-repeat;
}

/*
    wenhao-nomal-small
 */

.pc-sys-wenhao-nomal-small-svg {
    background: url(#{$pcSvgImgUrl}/wenhao-nomal-small.svg);
    background-repeat: no-repeat;
}

/*
    zhengque-nomal-small
 */

.pc-sys-zhengque-nomal-small-svg {
    background: url(#{$pcSvgImgUrl}/zhengque-nomal-small.svg);
    background-repeat: no-repeat;
}

/*
    zhuyi-nomal-small
 */

.pc-sys-zhuyi-nomal-small-svg {
    background: url(#{$pcSvgImgUrl}/zhuyi-nomal-small.svg);
    background-repeat: no-repeat;
}

/*
    changgui-nomal-small
 */

.pc-sys-changgui-nomal-small-svg {
    background: url(#{$pcSvgImgUrl}/changgui-nomal-small.svg);
    background-repeat: no-repeat;
}

/*
    changgui-nomal-
 */

.pc-sys-changgui-nomal-svg {
    background: url(#{$pcSvgImgUrl}/changgui-nomal.svg);
    background-repeat: no-repeat;
}


/* 
    m svg
 */


/* arrowdown
*/

.m-sys-arrowdown-active-svg {
    background: url(#{$mSvgImgUrl}/arrowdown-active.svg);
    background-repeat: no-repeat;
}

.m-sys-arrowdown-disabled-svg {
    background: url(#{$mSvgImgUrl}/arrowdown-disabled.svg);
    background-repeat: no-repeat;
}

.m-sys-arrowdown-nomal-svg {
    background: url(#{$mSvgImgUrl}/arrowdown-nomal.svg);
    background-repeat: no-repeat;
}


/* arrowdonw2
*/

.m-sys-arrowdown2-active-svg {
    background: url(#{$mSvgImgUrl}/arrowdown2-active.svg);
    background-repeat: no-repeat;
}

.m-sys-arrowdown2-disabled-svg {
    background: url(#{$mSvgImgUrl}/arrowdown2-disabled.svg);
    background-repeat: no-repeat;
}

.m-sys-arrowdown2-nomal-svg {
    background: url(#{$mSvgImgUrl}/arrowdown2-nomal.svg);
    background-repeat: no-repeat;
}


/* arrowdonwM7
*/

.m-sys-arrowdownM7-active-svg {
    background: url(#{$mSvgImgUrl}/arrowdownM7-active.svg);
    background-repeat: no-repeat;
}

.m-sys-arrowdownM7-disabled-svg {
    background: url(#{$mSvgImgUrl}/arrowdownM7-disabled.svg);
    background-repeat: no-repeat;
}

.m-sys-arrowdownM7-nomal-svg {
    background: url(#{$mSvgImgUrl}/arrowdownM7-nomal.svg);
    background-repeat: no-repeat;
}


/* arrowleft
*/

.m-sys-arrowleft-active-svg {
    background: url(#{$mSvgImgUrl}/arrowleft-active.svg);
    background-repeat: no-repeat;
}

.m-sys-arrowleft-disabled-svg {
    background: url(#{$mSvgImgUrl}/arrowleft-disabled.svg);
    background-repeat: no-repeat;
}

.m-sys-arrowleft-nomal-svg {
    background: url(#{$mSvgImgUrl}/arrowleft-nomal.svg);
    background-repeat: no-repeat;
}


/* arrowleftM7
*/

.m-sys-arrowleftM7-active-svg {
    background: url(#{$mSvgImgUrl}/arrowleftM7-active.svg);
    background-repeat: no-repeat;
}

.m-sys-arrowleftM7-disabled-svg {
    background: url(#{$mSvgImgUrl}/arrowleftM7-disabled.svg);
    background-repeat: no-repeat;
}

.m-sys-arrowleftM7-nomal-svg {
    background: url(#{$mSvgImgUrl}/arrowleftM7-nomal.svg);
    background-repeat: no-repeat;
}


/* arrowright
*/

.m-sys-arrowright-active-svg {
    background: url(#{$mSvgImgUrl}/arrowright-active.svg);
    background-repeat: no-repeat;
}

.m-sys-arrowright-disabled-svg {
    background: url(#{$mSvgImgUrl}/arrowright-disabled.svg);
    background-repeat: no-repeat;
}

.m-sys-arrowright-nomal-svg {
    background: url(#{$mSvgImgUrl}/arrowright-nomal.svg);
    background-repeat: no-repeat;
}


/* arrowup
*/

.m-sys-arrowup-active-svg {
    background: url(#{$mSvgImgUrl}/arrowup-active.svg);
    background-repeat: no-repeat;
}

.m-sys-arrowup-disabled-svg {
    background: url(#{$mSvgImgUrl}/arrowup-disabled.svg);
    background-repeat: no-repeat;
}

.m-sys-arrowup-nomal-svg {
    background: url(#{$mSvgImgUrl}/arrowup-nomal.svg);
    background-repeat: no-repeat;
}


/* arrowup2
*/

.m-sys-arrowup2-active-svg {
    background: url(#{$mSvgImgUrl}/arrowup2-active.svg);
    background-repeat: no-repeat;
}

.m-sys-arrowup2-disabled-svg {
    background: url(#{$mSvgImgUrl}/arrowup2-disabled.svg);
    background-repeat: no-repeat;
}

.m-sys-arrowup2-nomal-svg {
    background: url(#{$mSvgImgUrl}/arrowup2-nomal.svg);
    background-repeat: no-repeat;
}


/* backward
*/

.m-sys-backward-active-svg {
    background: url(#{$mSvgImgUrl}/backward-active.svg);
    background-repeat: no-repeat;
}

.m-sys-backward-disabled-svg {
    background: url(#{$mSvgImgUrl}/backward-disabled.svg);
    background-repeat: no-repeat;
}

.m-sys-backward-nomal-svg {
    background: url(#{$mSvgImgUrl}/backward-nomal.svg);
    background-repeat: no-repeat;
}


/* backward2
*/

.m-sys-backward2-active-svg {
    background: url(#{$mSvgImgUrl}/backward2-active.svg);
    background-repeat: no-repeat;
}

.m-sys-backward2-disabled-svg {
    background: url(#{$mSvgImgUrl}/backward2-disabled.svg);
    background-repeat: no-repeat;
}

.m-sys-backward2-nomal-svg {
    background: url(#{$mSvgImgUrl}/backward2-nomal.svg);
    background-repeat: no-repeat;
}


/* Checkbox
*/

.m-sys-Checkbox-active-svg {
    background: url(#{$mSvgImgUrl}/Checkbox-active.svg);
    background-repeat: no-repeat;
}

.m-sys-Checkbox-hover-svg {
    background: url(#{$mSvgImgUrl}/Checkbox-hover.svg);
    background-repeat: no-repeat;
}

.m-sys-Checkbox-disabled-svg {
    background: url(#{$mSvgImgUrl}/Checkbox-disabled.svg);
    background-repeat: no-repeat;
}

.m-sys-Checkbox-nomal-svg {
    background: url(#{$mSvgImgUrl}/Checkbox-nomal.svg);
    background-repeat: no-repeat;
}


/* cuowu
*/

.m-sys-cuowu-nomal-svg {
    background: url(#{$mSvgImgUrl}/cuowu-nomal.svg);
    background-repeat: no-repeat;
}


/* dropdownmax
*/

.m-sys-dropdownmax-active-svg {
    background: url(#{$mSvgImgUrl}/dropdownmax-active.svg);
    background-repeat: no-repeat;
}

.m-sys-dropdownmax-disabled-svg {
    background: url(#{$mSvgImgUrl}/dropdownmax-disabled.svg);
    background-repeat: no-repeat;
}

.m-sys-dropdownmax-nomal-svg {
    background: url(#{$mSvgImgUrl}/dropdownmax-nomal.svg);
    background-repeat: no-repeat;
}


/* dropdownmin
*/

.m-sys-dropdownmin-active-svg {
    background: url(#{$mSvgImgUrl}/dropdownmin-active.svg);
    background-repeat: no-repeat;
}

.m-sys-dropdownmin-disabled-svg {
    background: url(#{$mSvgImgUrl}/dropdownmin-disabled.svg);
    background-repeat: no-repeat;
}

.m-sys-dropdownmin-nomal-svg {
    background: url(#{$mSvgImgUrl}/dropdownmin-nomal.svg);
    background-repeat: no-repeat;
}


/* Forward
*/

.m-sys-Forward-active-svg {
    background: url(#{$mSvgImgUrl}/Forward-active.svg);
    background-repeat: no-repeat;
}

.m-sys-Forward-disabled-svg {
    background: url(#{$mSvgImgUrl}/Forward-disabled.svg);
    background-repeat: no-repeat;
}

.m-sys-Forward-nomal-svg {
    background: url(#{$mSvgImgUrl}/Forward-nomal.svg);
    background-repeat: no-repeat;
}


/* Forward2
*/

.m-sys-Forward2-active-svg {
    background: url(#{$mSvgImgUrl}/Forward2-active.svg);
    background-repeat: no-repeat;
}

.m-sys-Forward2-disabled-svg {
    background: url(#{$mSvgImgUrl}/Forward2-disabled.svg);
    background-repeat: no-repeat;
}

.m-sys-Forward2-nomal-svg {
    background: url(#{$mSvgImgUrl}/Forward2-nomal.svg);
    background-repeat: no-repeat;
}


/* guanbi
*/

.m-sys-guanbi-active-svg {
    background: url(#{$mSvgImgUrl}/guanbi-active.svg);
    background-repeat: no-repeat;
}

.m-sys-guanbi-disabled-svg {
    background: url(#{$mSvgImgUrl}/guanbi-disabled.svg);
    background-repeat: no-repeat;
}

.m-sys-guanbi-nomal-svg {
    background: url(#{$mSvgImgUrl}/guanbi-nomal.svg);
    background-repeat: no-repeat;
}


/* sequencedown
*/

.m-sys-seqdown-active-svg {
    background: url(#{$mSvgImgUrl}/seqdown-active.svg);
    background-repeat: no-repeat;
}

.m-sys-sequencedown-disabled-svg {
    background: url(#{$mSvgImgUrl}/sequencedown-disabled.svg);
    background-repeat: no-repeat;
}

.m-sys-sequencedown-nomal-svg {
    background: url(#{$mSvgImgUrl}/sequencedown-nomal.svg);
    background-repeat: no-repeat;
}


/* shouqi
*/

.m-sys-shouqi-active-svg {
    background: url(#{$mSvgImgUrl}/shouqi-active.svg);
    background-repeat: no-repeat;
}

.m-sys-shouqi-disabled-svg {
    background: url(#{$mSvgImgUrl}/shouqi-disabled.svg);
    background-repeat: no-repeat;
}

.m-sys-shouqi-nomal-svg {
    background: url(#{$mSvgImgUrl}/shouqi-nomal.svg);
    background-repeat: no-repeat;
}


/* Singlebox
*/

.m-sys-Singlebox-active-svg {
    background: url(#{$mSvgImgUrl}/Singlebox-active.svg);
    background-repeat: no-repeat;
}

.m-sys-Singlebox-disabled-svg {
    background: url(#{$mSvgImgUrl}/Singlebox-disabled.svg);
    background-repeat: no-repeat;
}

.m-sys-Singlebox-nomal-svg {
    background: url(#{$mSvgImgUrl}/Singlebox-nomal.svg);
    background-repeat: no-repeat;
}

.m-sys-Singlebox-have-svg {
    background: url(#{$mSvgImgUrl}/Singlebox-have.svg);
    background-repeat: no-repeat;
}


/* tishi
*/

.m-sys-tishi-nomal-svg {
    background: url(#{$mSvgImgUrl}/tishi-nomal.svg);
    background-repeat: no-repeat;
}


/* wenhao-nomal
*/

.m-sys-wenhao-nomal-svg {
    background: url(#{$mSvgImgUrl}/wenhao-nomal.svg);
    background-repeat: no-repeat;
}


/* zhankai
*/

.m-sys-zhankai-active-svg {
    background: url(#{$mSvgImgUrl}/zhankai-active.svg);
    background-repeat: no-repeat;
}

.m-sys-zhankai-disabled-svg {
    background: url(#{$mSvgImgUrl}/zhankai-disabled.svg);
    background-repeat: no-repeat;
}

.m-sys-zhankai-nomal-svg {
    background: url(#{$mSvgImgUrl}/zhankai-nomal.svg);
    background-repeat: no-repeat;
}


/* zhengque
*/

.m-sys-zhengque-nomal-svg {
    background: url(#{$mSvgImgUrl}/zhengque-nomal.svg);
    background-repeat: no-repeat;
}


/* zhuyi
*/

.m-sys-zhuyi-nomal-svg {
    background: url(#{$mSvgImgUrl}/zhuyi-nomal.svg);
    background-repeat: no-repeat;
}


/* no data
*/

.m-sys-no-data-svg {
    background: url(#{$pcSvgImgUrl}/no-data-notice.svg);
    background-repeat: no-repeat;
}

/*  dongtai
*/

.m-sys-dongtai-svg {
    background: url(#{$mSvgImgUrl}/dongtai.svg);
    background-repeat: no-repeat;
}

/*  gengduo
*/

.m-sys-gengduo-svg {
    background: url(#{$mSvgImgUrl}/gengduo.svg);
    background-repeat: no-repeat;
}

/*  jiaban
*/

.m-sys-jiaban-svg {
    background: url(#{$mSvgImgUrl}/jiaban.svg);
    background-repeat: no-repeat;
}

/*  jixiao
*/

.m-sys-jixiao-svg {
    background: url(#{$mSvgImgUrl}/jixiao.svg);
    background-repeat: no-repeat;
}

/*  kaoqin
*/

.m-sys-kaoqin-svg {
    background: url(#{$mSvgImgUrl}/kaoqin.svg);
    background-repeat: no-repeat;
}

/*  kaoqinrili
*/

.m-sys-kaoqinrili-svg {
    background: url(#{$mSvgImgUrl}/kaoqinrili.svg);
    background-repeat: no-repeat;
}

/*  Ocean
*/

.m-sys-Ocean-svg {
    background: url(#{$mSvgImgUrl}/Ocean.svg);
    background-repeat: no-repeat;
}

/*  qiandao
*/

.m-sys-qiandao-svg {
    background: url(#{$mSvgImgUrl}/qiandao.svg);
    background-repeat: no-repeat;
}

/*  qingjia
*/

.m-sys-qingjia-svg {
    background: url(#{$mSvgImgUrl}/qingjia.svg);
    background-repeat: no-repeat;
}

/*  tuanduichengyuan
*/

.m-sys-tuanduichengyuan-svg {
    background: url(#{$mSvgImgUrl}/tuanduichengyuan.svg);
    background-repeat: no-repeat;
}

/*  wodedangan
*/

.m-sys-wodedangan-svg {
    background: url(#{$mSvgImgUrl}/wodedangan.svg);
    background-repeat: no-repeat;
}

/*  wodegongzi
*/

.m-sys-wodegongzi-svg {
    background: url(#{$mSvgImgUrl}/wodegongzi.svg);
    background-repeat: no-repeat;
}