//$fla-spacing: 20px;//设置间距
//$fla-sprite-dimensions: true;//自动计算宽高
//$fla-layout: vertical;//vertical/horizontal/diagonal/smart        // 默认布局方式为vertical
//@import "compass/utilities/sprites";    // 加载compass sprites模块
//@import "fla/*.png";                    // 导入fla目录下所有png图片
//@include all-fla-sprites;                // 输出所有的雪碧图css
//@include transition-property(all);
//@include transition-duration(0.5s);

//sprite
.icon-sprite, .icon-Commission, .icon-arrow_r, .icon-big_arrow_r, .icon-fire, .icon-leaf, .icon-setting, .icon-share {
  background-image: url('../images/icon-s09a0426188.png');
  background-repeat: no-repeat;
  background-size: 44px/$ppr;
}

.icon-Commission {
  background-position: 0 0;
  height: 26px/$ppr;
  width: 30px/$ppr;
}

.icon-arrow_r {
  background-position: 0 -36px/$ppr;
  height: 25px/$ppr;
  width: 14px/$ppr;
}

.icon-big_arrow_r {
  background-position: 0 -71px/$ppr;
  height: 34px/$ppr;
  width: 34px/$ppr;
}

.icon-fire {
  background-position: 0 -115px/$ppr;
  height: 28px/$ppr;
  width: 23px/$ppr;
}

.icon-leaf {
  background-position: 0 -153px/$ppr;
  height: 29px/$ppr;
  width: 27px/$ppr;
}

.icon-setting {
  background-position: 0 -192px/$ppr;
  height: 44px/$ppr;
  width: 44px/$ppr;
}

.icon-share {
  background-position: 0 -246px/$ppr;
  height: 32px/$ppr;
  width: 35px/$ppr;
}

.cloud-sprite, .cloud-1, .cloud-2, .cloud-3, .cloud-mo, .cloud-rm {
  background-image: url('../images/cloud-sd714e2d10b.png');
  background-repeat: no-repeat;
  background-size: 150px/$ppr;
}

.cloud-1 {
  background-position: 0 0;
  height: 43px/$ppr;
  width: 65px/$ppr;
}

.cloud-2 {
  background-position: 0 -53px/$ppr;
  height: 32px/$ppr;
  width: 48px/$ppr;
}

.cloud-3 {
  background-position: 0 -95px/$ppr;
  height: 70px/$ppr;
  width: 113px/$ppr;
}

.cloud-mo {
  background-position: 0 -175px/$ppr;
  height: 79px/$ppr;
  width: 46px/$ppr;
}

.cloud-rm {
  background-position: 0 -264px/$ppr;
  height: 125px/$ppr;
  width: 150px/$ppr;
}

.fx-sprite, .fx-f1, .fx-f2, .fx-f3, .fx-f4, .fx-f5, .fx-f6, .fx-f7, .fx-f8 {
  background-image: url('../images/fx-s9575979fdc.png');
  background-repeat: no-repeat;
  background-size: 65px/$ppr;
}

.fx-f1 {
  background-position: 0 0;
  height: 52px/$ppr;
  width: 51px/$ppr;
}

.fx-f2 {
  background-position: 0 -62px/$ppr;
  height: 52px/$ppr;
  width: 65px/$ppr;
}

.fx-f3 {
  background-position: 0 -124px/$ppr;
  height: 51px/$ppr;
  width: 52px/$ppr;
}

.fx-f4 {
  background-position: 0 -185px/$ppr;
  height: 42px/$ppr;
  width: 46px/$ppr;
}

.fx-f5 {
  background-position: 0 -237px/$ppr;
  height: 52px/$ppr;
  width: 52px/$ppr;
}

.fx-f6 {
  background-position: 0 -299px/$ppr;
  height: 52px/$ppr;
  width: 52px/$ppr;
}

.fx-f7 {
  background-position: 0 -361px/$ppr;
  height: 52px/$ppr;
  width: 46px/$ppr;
}

.fx-f8 {
  background-position: 0 -423px/$ppr;
  height: 46px/$ppr;
  width: 50px/$ppr;
}

.fla-sprite, .fla-f1, .fla-f2, .fla-f3, .fla-top1, .fla-top2, .fla-top3 {
  background-image: url('../images/fla-scda8d3742d.png');
  background-repeat: no-repeat;
  background-size: 41px/$ppr;
}

.fla-f1 {
  background-position: 0 0;
  height: 48px/$ppr;
  width: 40px/$ppr;
}

.fla-f2 {
  background-position: 0 -68px/$ppr;
  height: 20px/$ppr;
  width: 41px/$ppr;
}

.fla-f3 {
  background-position: 0 -108px/$ppr;
  height: 28px/$ppr;
  width: 15px/$ppr;
}

.fla-top1 {
  background-position: 0 -156px/$ppr;
  height: 60px/$ppr;
  width: 36px/$ppr;
}

.fla-top2 {
  background-position: 0 -236px/$ppr;
  height: 62px/$ppr;
  width: 36px/$ppr;
}

.fla-top3 {
  background-position: 0 -318px/$ppr;
  height: 64px/$ppr;
  width: 37px/$ppr;
}