@icon-url               : "http://at.alicdn.com/t/font_1434092639_4910953";
.ie-rotate(@rotation) {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation);
}
.rotate(@degrees) {
  -webkit-transform: rotate(@degrees);
  -ms-transform: rotate(@degrees); // IE9 only
  -o-transform: rotate(@degrees);
  transform: rotate(@degrees);
}
.animation(@animation) {
  -webkit-animation: @animation;
  -o-animation: @animation;
  animation: @animation;
}
// font-face
// @icon-url： 字体源文件的地址
@font-face {
  font-family: 'anticon';
  src: url('@{icon-url}.eot'); /* IE9*/
  src: url('@{icon-url}.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('@{icon-url}.woff') format('woff'), /* chrome、firefox */
  url('@{icon-url}.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('@{icon-url}.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.rcicon {
  position: relative;
  display: inline-block;
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
  // 更好地渲染字体
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0px;
  -moz-osx-font-smoothing: grayscale;

  &:before {
    display: block;
    font-family: "anticon" !important;
  }
}
// 方向性图标
.rcicon-step-backward:before          {content:"\e662";}
.rcicon-step-forward                  {.ie-rotate(2);}
.rcicon-step-forward:before           {content:"\e662";.rotate(180deg);}
.rcicon-fast-backward:before          {content:"\e62a";}
.rcicon-fast-forward                  {.ie-rotate(2);}
.rcicon-fast-forward:before           {content:"\e62a";.rotate(180deg);}
.rcicon-shrink:before                 {content:"\e65f";}
.rcicon-arrow-salt:before             {content:"\e608";}
.rcicon-caret-down:before             {content:"\e60f";}
.rcicon-caret-left                    {.ie-rotate(1);}
.rcicon-caret-left:before             {content:"\e60f";.rotate(90deg);}
.rcicon-caret-up                      {.ie-rotate(2);}
.rcicon-caret-up:before               {content:"\e60f";.rotate(180deg);}
.rcicon-caret-right                   {.ie-rotate(3);}
.rcicon-caret-right:before            {content:"\e60f";.rotate(270deg);}
.rcicon-caret-circle-right:before     {content:"\e60d";}
.rcicon-caret-circle-left             {.ie-rotate(2);}
.rcicon-caret-circle-left:before      {content:"\e60d";.rotate(180deg);}
.rcicon-caret-circle-o-right:before   {content:"\e60e";}
.rcicon-caret-circle-o-left           {.ie-rotate(2);}
.rcicon-caret-circle-o-left:before    {content:"\e60e";.rotate(180deg);}
.rcicon-circle-right:before           {content:"\e602";}
.rcicon-circle-left                   {.ie-rotate(2);}
.rcicon-circle-left:before            {content:"\e602";.rotate(180deg);}
.rcicon-circle-o-right:before         {content:"\e603";}
.rcicon-circle-o-left                 {.ie-rotate(2);}
.rcicon-circle-o-left:before          {content:"\e603";.rotate(180deg);}
.rcicon-double-right:before           {content:"\e604";}
.rcicon-double-left                   {.ie-rotate(2);}
.rcicon-double-left:before            {content:"\e604";.rotate(180deg);}
.rcicon-verticle-right:before         {content:"\e605";}
.rcicon-verticle-left                 {.ie-rotate(2);}
.rcicon-verticle-left:before          {content:"\e605";.rotate(180deg);}
.rcicon-forward:before                {content:"\e630";}
.rcicon-backward                      {.ie-rotate(2);}
.rcicon-backward:before               {content:"\e630";.rotate(180deg);}
.rcicon-rollback:before               {content:"\e65a";}
.rcicon-retweet:before                {content:"\e659";}

.rcicon-right:before                  {content:"\e611";}
.rcicon-down                          {.ie-rotate(1);}
.rcicon-down:before                   {content:"\e611";.rotate(90deg);}
.rcicon-left                          {.ie-rotate(2);}
.rcicon-left:before                   {content:"\e611";.rotate(180deg);}
.rcicon-up                            {.ie-rotate(3);}
.rcicon-up:before                     {content:"\e611";.rotate(270deg);}

// 提示性图标
.rcicon-question:before               {content:"\e655";}
.rcicon-question-circle:before        {content:"\e656";}
.rcicon-question-circle-o:before      {content:"\e657";}
.rcicon-plus:before                   {content:"\e651";}
.rcicon-plus-circle:before            {content:"\e652";}
.rcicon-plus-circle-o:before          {content:"\e653";}
.rcicon-pause:before                  {content:"\e64c";}
.rcicon-pause-circle:before           {content:"\e64d";}
.rcicon-pause-circle-o:before         {content:"\e64e";}
.rcicon-minus:before                  {content:"\e646";}
.rcicon-minus-circle:before           {content:"\e647";}
.rcicon-minus-circle-o:before         {content:"\e648";}
.rcicon-info-circle:before            {content:"\e637";}
.rcicon-info-circle-o:before          {content:"\e638";}
.rcicon-info:before                   {content:"\e63a";}
.rcicon-exclamation:before            {content:"\e627";}
.rcicon-exclamation-circle:before     {content:"\e628";}
.rcicon-exclamation-circle-o:before   {content:"\e629";}
.rcicon-cross:before                  {content:"\e61e";}
.rcicon-cross-circle:before           {content:"\e61f";}
.rcicon-cross-circle-o:before         {content:"\e620";}
.rcicon-check:before                  {content:"\e613";}
.rcicon-check-circle:before           {content:"\e614";}
.rcicon-check-circle-o:before         {content:"\e615";}
.rcicon-clock-circle:before           {content:"\e616";}
.rcicon-clock-circle-o:before         {content:"\e617";}

// 网站通用图标
.rcicon-lock:before                   {content:"\e641";}
.rcicon-android:before                {content:"\e601";}
.rcicon-apple:before                  {content:"\e606";}
.rcicon-area-chart:before             {content:"\e607";}
.rcicon-bar-chart:before              {content:"\e609";}
.rcicon-bars:before                   {content:"\e60a";}
.rcicon-book:before                   {content:"\e60b";}
.rcicon-calendar:before               {content:"\e60c";}
.rcicon-cloud:before                  {content:"\e618";}
.rcicon-cloud-download:before         {content:"\e619";}
.rcicon-code:before                   {content:"\e61a";}
.rcicon-copy:before                   {content:"\e61c";}
.rcicon-credit-card:before            {content:"\e61d";}
.rcicon-delete:before                 {content:"\e621";}
.rcicon-desktop:before                {content:"\e622";}
.rcicon-download-line:before          {content:"\e623";}
.rcicon-edit:before                   {content:"\e624";}
.rcicon-ellipsis:before               {content:"\e625";}
.rcicon-environment:before            {content:"\e626";}
.rcicon-file:before                   {content:"\e62c";}
.rcicon-file-text:before              {content:"\e62d";}
.rcicon-folder:before                 {content:"\e62e";}
.rcicon-folder-open:before            {content:"\e62f";}
.rcicon-github:before                 {content:"\e631";}
.rcicon-hdd:before                    {content:"\e632";}
.rcicon-frown:before                  {content:"\e633";}
.rcicon-meh:before                    {content:"\e634";}
.rcicon-inbox:before                  {content:"\e635";}
.rcicon-laptop:before                 {content:"\e63d";}
.rcicon-large:before                  {content:"\e63e";}
.rcicon-line-chart:before             {content:"\e63f";}
.rcicon-link:before                   {content:"\e640";}
.rcicon-logout:before                 {content:"\e642";}
.rcicon-mail:before                   {content:"\e643";}
.rcicon-menu-fold:before              {content:"\e644";}
.rcicon-menu-unfold:before            {content:"\e645";}
.rcicon-mobile:before                 {content:"\e649";}
.rcicon-notification:before           {content:"\e64a";}
.rcicon-paper-clip:before             {content:"\e64b";}
.rcicon-picture:before                {content:"\e64f";}
.rcicon-pie-chart:before              {content:"\e650";}
.rcicon-poweroff:before               {content:"\e654";}
.rcicon-reload:before                 {content:"\e658";}
.rcicon-search:before                 {content:"\e65b";}
.rcicon-setting:before                {content:"\e65c";}
.rcicon-share-alt:before              {content:"\e65d";}
.rcicon-shopping-cart:before          {content:"\e65e";}
.rcicon-smile:before                  {content:"\e661";}
.rcicon-tablet:before                 {content:"\e664";}
.rcicon-tag:before                    {content:"\e665";}
.rcicon-tags:before                   {content:"\e666";}
.rcicon-to-top:before                  {content:"\e667";}
.rcicon-unlock:before                 {content:"\e668";}
.rcicon-upload:before                 {content:"\e669";}
.rcicon-user:before                   {content:"\e66a";}
.rcicon-video-camera:before           {content:"\e66b";}
.rcicon-windows:before                {content:"\e66c";}
.rcicon-loading:before {
  display: inline-block;
  .animation(loadingCircle 1.0s infinite linear);
  content:"\e610";
}

:root {
  .rcicon-step-forward,
  .rcicon-fast-forward,
  .rcicon-left,
  .rcicon-up,
  .rcicon-down,
  .rcicon-caret-left,
  .rcicon-caret-up,
  .rcicon-caret-right,
  .rcicon-caret-circle-left,
  .rcicon-caret-circle-o-left,
  .rcicon-circle-left,
  .rcicon-circle-o-left,
  .rcicon-double-left,
  .rcicon-verticle-left,
  .rcicon-backward {
    filter: none;
  }
}