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

.iconfont {
  font-family:"iconfont" !important;
  font-size:0.64rem;
  color: #fff;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.icon--:before { content: "\e67e"; }

.icon--1:before { content: "\e67f"; }

.icon--2:before { content: "\e680"; }

.icon--3:before { content: "\e681"; }

.icon--4:before { content: "\e682"; }

.icon--5:before { content: "\e683"; }

.icon--6:before { content: "\e684"; }

.icon--7:before { content: "\e685"; }

.icon--8:before { content: "\e686"; }

.icon--9:before { content: "\e687"; }

.icon--10:before { content: "\e688"; }

.icon--11:before { content: "\e689"; }

.icon--12:before { content: "\e68a"; }

.icon--13:before { content: "\e68b"; }

.icon--14:before { content: "\e68c"; }

.icon--15:before { content: "\e68d"; }

.icon--16:before { content: "\e68e"; }

.icon--17:before { content: "\e68f"; }

.icon--18:before { content: "\e690"; }

.icon--19:before { content: "\e691"; }

.icon--20:before { content: "\e692"; }

.icon--21:before { content: "\e693"; }

.icon--22:before { content: "\e694"; }

.icon--23:before { content: "\e695"; }

.icon--24:before { content: "\e696"; }

.icon--25:before { content: "\e697"; }

.icon--26:before { content: "\e698"; }

.abc:before{
  content:"\e67e";
}