/* -----------------------------------------------------
   created with https://www.codeandweb.com/texturepacker 
   -----------------------------------------------------
   $TexturePacker:SmartUpdate:b44c463829b891460558004d2bd7b491:3085b15acb25126a9979615d6c89371e:a0.57a47bd584294068153f124afdf45cb$
   -----------------------------------------------------

   usage: <span class="{-spritename-} sprite"></span>

   replace {-spritename-} with the sprite you like to use

*/

.sprite_i {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url('https://static.web.sdo.com/gmys/20190301_yxm/ico_i.png?a97efafaa99026b140f6e8bcd0d3a9b7');background-size: 10.26rem 0.57rem;}
.sprite_i.on{display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url('https://static.web.sdo.com/gmys/20190301_yxm/ico_ion.png?a97efafaa99026b140f6e8bcd0d3a9b7');background-size: 2.16rem 4.44rem;}
.ck_i1 {width:0.57rem; height:0.57rem; background-position: -0rem -0rem}
.ck_i2 {width:0.57rem; height:0.57rem; background-position: -0.57rem -0rem}
.ck_i3 {width:0.57rem; height:0.57rem; background-position: -1.14rem -0rem}
.ck_i4 {width:0.57rem; height:0.57rem; background-position: -1.71rem -0rem}
.ck_i5 {width:0.57rem; height:0.57rem; background-position: -2.28rem -0rem}
.ck_i6 {width:0.57rem; height:0.57rem; background-position: -2.85rem -0rem}
.ck_i7 {width:0.57rem; height:0.57rem; background-position: -3.42rem -0rem}
.ck_i8 {width:0.57rem; height:0.57rem; background-position: -3.99rem -0rem}
.ck_i9 {width:0.57rem; height:0.57rem; background-position: -4.56rem -0rem}
.yx_i1 {width:0.57rem; height:0.57rem; background-position: -5.13rem -0rem}
.yx_i2 {width:0.57rem; height:0.57rem; background-position: -5.70rem -0rem}
.yx_i3 {width:0.57rem; height:0.57rem; background-position: -6.27rem -0rem}
.yx_i4 {width:0.57rem; height:0.57rem; background-position: -6.84rem -0rem}
.yx_i5 {width:0.57rem; height:0.57rem; background-position: -7.41rem -0rem}
.yx_i6 {width:0.57rem; height:0.57rem; background-position: -7.98rem -0rem}
.yx_i7 {width:0.57rem; height:0.57rem; background-position: -8.55rem -0rem}
.yx_i8 {width:0.57rem; height:0.57rem; background-position: -9.12rem -0rem}
.yx_i9 {width:0.57rem; height:0.57rem; background-position: -9.69rem -0rem}

.ck_i1.on {width:0.72rem; height:0.74rem; background-position: -0rem -0rem}
.ck_i2.on {width:0.72rem; height:0.74rem; background-position: -0.72rem -0rem}
.ck_i3.on {width:0.72rem; height:0.74rem; background-position: -1.44rem -0rem}
.ck_i4.on {width:0.72rem; height:0.74rem; background-position: -0rem -0.74rem}
.ck_i5.on {width:0.72rem; height:0.74rem; background-position: -0.72rem -0.74rem}
.ck_i6.on {width:0.72rem; height:0.74rem; background-position: -1.44rem -0.74rem}
.ck_i7.on {width:0.72rem; height:0.74rem; background-position: -0rem -1.48rem}
.ck_i8.on {width:0.72rem; height:0.74rem; background-position: -0.72rem -1.48rem}
.ck_i9.on {width:0.72rem; height:0.74rem; background-position: -1.44rem -1.48rem}
.yx_i1.on {width:0.72rem; height:0.74rem; background-position: -0rem -2.22rem}
.yx_i2.on {width:0.72rem; height:0.74rem; background-position: -0.72rem -2.22rem}
.yx_i3.on {width:0.72rem; height:0.74rem; background-position: -1.44rem -2.22rem}
.yx_i4.on {width:0.72rem; height:0.74rem; background-position: -0rem -2.96rem}
.yx_i5.on {width:0.72rem; height:0.74rem; background-position: -0.72rem -2.96rem}
.yx_i6.on {width:0.72rem; height:0.74rem; background-position: -1.44rem -2.96rem}
.yx_i7.on {width:0.72rem; height:0.74rem; background-position: -0rem -3.70rem}
.yx_i8.on {width:0.72rem; height:0.74rem; background-position: -0.72rem -3.70rem}
.yx_i9.on {width:0.72rem; height:0.74rem; background-position: -1.44rem -3.70rem}