@font-face {
    font-family: 'layui-icon';
    src: url('QuarkIcon.eot'); /* IE9 */
    src: url('QuarkIcon.eot?#iefix') format('embedded-opentype') /* IE6-IE8 */,
		url('QuarkIcon.woff2') format('woff2') /* chrome、firefox */,
		url('QuarkIcon.woff') format('woff') /* chrome、firefox */,
		url('QuarkIcon.ttf') format('truetype') /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */,
		url('QuarkIcon.svg#QuarkIcon') format('svg') /* iOS 4.1- */;
  }

  .font_family{
    font-family: 'layui-icon';
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .custom-icon-file_del::before {
    content: "\e11e";
  }

  .custom-icon-add::before {
    content: "\e11f";
  }

  .custom-icon-certified::before {
    content: "\e103";
  }

  .custom-icon-img_show::before {
    content: "\e027";
  }

  .custom-icon-upload::before {
    content: "\e09e";
  }

  .custom-icon-delete::before {
    content: "\e004";
  }

  .custom-icon-save::before {
    content: "\e06a";
  }

  .custom-icon-edit::before {
    content: "\e021";
  }