@font-face {
  font-family: "iconfont";
  src: url('../fonts/iconfont.eot');
  /* IE9*/
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/iconfont.woff') format('woff'), /* chrome��firefox */ url('../fonts/iconfont.ttf') format('truetype'), /* chrome��firefox��opera��Safari, Android, iOS 4.2+*/ url('../fonts/iconfont.svg#iconfont') format('svg');
  /* iOS 4.1- */
}
*[data-role=c0] {
  content: "\e61e";
  font-family: "iconfont";
}
*[data-role=c0]:before {
  content: "\e61e";
}
*[data-role=c0][icon-pos=top]:before {
  display: block;
  content: "\e61e";
  text-align: center;
}
*[data-role=c0][icon-pos=right]:before {
  content: "";
}
*[data-role=c0][icon-pos=right]:after {
  content: "\e61e";
  font-family: iconfont;
}
*[data-role=c0][icon-pos=bottom]:before {
  content: "";
}
*[data-role=c0][icon-pos=bottom]:after {
  content: "\e61e";
  font-family: iconfont;
  display: block;
  text-align: center;
}
*[data-role=c1] {
  content: "\e612";
  font-family: "iconfont";
}
*[data-role=c1]:before {
  content: "\e612";
}
*[data-role=c1][icon-pos=top]:before {
  display: block;
  content: "\e612";
  text-align: center;
}
*[data-role=c1][icon-pos=right]:before {
  content: "";
}
*[data-role=c1][icon-pos=right]:after {
  content: "\e612";
  font-family: iconfont;
}
*[data-role=c1][icon-pos=bottom]:before {
  content: "";
}
*[data-role=c1][icon-pos=bottom]:after {
  content: "\e612";
  font-family: iconfont;
  display: block;
  text-align: center;
}
*[data-role=c2] {
  content: "\e603";
  font-family: "iconfont";
}
*[data-role=c2]:before {
  content: "\e603";
}
*[data-role=c2][icon-pos=top]:before {
  display: block;
  content: "\e603";
  text-align: center;
}
*[data-role=c2][icon-pos=right]:before {
  content: "";
}
*[data-role=c2][icon-pos=right]:after {
  content: "\e603";
  font-family: iconfont;
}
*[data-role=c2][icon-pos=bottom]:before {
  content: "";
}
*[data-role=c2][icon-pos=bottom]:after {
  content: "\e603";
  font-family: iconfont;
  display: block;
  text-align: center;
}
*[data-role=c3] {
  content: "\e6a3";
  font-family: "iconfont";
}
*[data-role=c3]:before {
  content: "\e6a3";
}
*[data-role=c3][icon-pos=top]:before {
  display: block;
  content: "\e6a3";
  text-align: center;
}
*[data-role=c3][icon-pos=right]:before {
  content: "";
}
*[data-role=c3][icon-pos=right]:after {
  content: "\e6a3";
  font-family: iconfont;
}
*[data-role=c3][icon-pos=bottom]:before {
  content: "";
}
*[data-role=c3][icon-pos=bottom]:after {
  content: "\e6a3";
  font-family: iconfont;
  display: block;
  text-align: center;
}
*[data-role=c4] {
  content: "\e671";
  font-family: "iconfont";
}
*[data-role=c4]:before {
  content: "\e671";
}
*[data-role=c4][icon-pos=top]:before {
  display: block;
  content: "\e671";
  text-align: center;
}
*[data-role=c4][icon-pos=right]:before {
  content: "";
}
*[data-role=c4][icon-pos=right]:after {
  content: "\e671";
  font-family: iconfont;
}
*[data-role=c4][icon-pos=bottom]:before {
  content: "";
}
*[data-role=c4][icon-pos=bottom]:after {
  content: "\e671";
  font-family: iconfont;
  display: block;
  text-align: center;
}