/******************
 项目字体图标设置
 *****************/
@font-face {
  font-family: 'xsimple-icon';
  src: url('../assets/fonts/xsimple.otf') format('truetype');
}
[class*="xs-icon"]:before{
  font-family: 'xsimple-icon' !important;
  font-size: 1.05rem;
}

.xs-icon{
  &-back:before {
    content: "\A001";
  }
  &-add:before {
    content: "\A025";
  }
  &-to-detail:before {
    content: "\4010";
  }
  &-start-talking:before {
    content: "\4001";
  }
  &-good:before {
    content: "\4047";
  }
  &-good-filled:before {
    content: "\4048";
  }
  &-comment:before {
    content: "\4046";
  }
  &-message:before {
    content: "\A003";
  }
  &-add-photo:before {
    content: "\A181";
    color: #d6d6d6;
    font-size: 53px;
  }
  &-delete:before {
    content: "\A116";
    font-size: 16px;
  }
  &-word:before {
    content: '\4049';
    color: #31a7fc;
  }
  &-excel:before {
    content: '\4050';
    color: #3fbeba;
  }
  &-ppt:before {
    content: '\4051';
    color: #e66f42;
  }
  &-pdf:before {
    content: '\4052';
    color: #ef6670;
  }
  &-zip:before {
    content: '\4053';
    color: #bf4134;
  }
  &-audio:before {
    content: '\4055';
    color: #80cf53;
  }
  &-vedio:before {
    content: '\4056';
    color: #2ab7f9;
  }
  &-not-other:before {
    content: '\4054';
    color: #c1c1c1;
  }
  &-search:before {
    content: "\A010";
  }
}