$pcSvgImgUrl:   "./../images/pc/sysicon" !default;
$pcFontUrl :  "./../images/pc/fonts/v14" !default;
$mSvgImgUrl:   "./../images/m/sysicon" !default;
$mFontUrl :  "./../images/m/fonts" !default;
// @import "change-skin.scss";
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */

template, /* 1 */
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/* Forms
   ========================================================================== */

/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */

optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

ul, li {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

.clearfix{
  zoom:1;
}

.clearfix{
  &:before,
  &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}

iframe {
  border: none;
}

@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;
}