mapaler
/
PADDashFormation
Not watched
1
0
Fork 0
Code
Releases 163 Wiki evaluate Activity
Issues 0 Pull Requests 0 Datasets Model Cloudbrain HPC
You can not select more than 25 topics Topics must start with a chinese character,a letter or number, can include dashes ('-') and can be up to 35 characters long.
Tree: bf45af298e
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'bf45af298e'
${ noResults }
PADDashFormation/style-monsterimages.css

1249 lines
56 kB
Raw Blame History 

  1. @charset "utf-8";

  2. /*怪物边框*/

  3. .property{ /*主属性*/

  4. 	background-position-y: 0;

  5. }

  6. .property[data-property='-1'],

  7. .subproperty[data-property='-1']

  8. {

  9. 	background: none; /*无*/

  10. }

  11. .property[data-property='0'],

  12. .subproperty[data-property='0']

  13. {

  14. 	background-position-x: calc(-102px * 0); /*火*/

  15. }

  16. .property[data-property='1'],

  17. .subproperty[data-property='1']

  18. {

  19. 	background-position-x: calc(-102px * 1); /*水*/

  20. }

  21. .property[data-property='2'],

  22. .subproperty[data-property='2']

  23. {

  24. 	background-position-x: calc(-102px * 2); /*木*/

  25. }

  26. .property[data-property='3'],

  27. .subproperty[data-property='3']

  28. {

  29. 	background-position-x: calc(-102px * 3); /*光*/

  30. }

  31. .property[data-property='4'],

  32. .subproperty[data-property='4']

  33. {

  34. 	background-position-x: calc(-102px * 4); /*暗*/

  35. }

  36. .property[data-property='6']

  37. {

  38. 	background-image: url(images/CARDFRAMEW.PNG);

  39. 	background-position: 0 0;

  40. }

  41. .subproperty{ /*副属性*/

  42. 	background-position-y: -104px;

  43. }

  44. /*宠物头像所用的图片*/

  45. .monster[data-cards-pic-idx='1']{background-image: url(images/cards_ja/CARDS_001.PNG);}

  46. .monster[data-cards-pic-idx='2']{background-image: url(images/cards_ja/CARDS_002.PNG);}

  47. .monster[data-cards-pic-idx='3']{background-image: url(images/cards_ja/CARDS_003.PNG);}

  48. .monster[data-cards-pic-idx='4']{background-image: url(images/cards_ja/CARDS_004.PNG);}

  49. .monster[data-cards-pic-idx='5']{background-image: url(images/cards_ja/CARDS_005.PNG);}

  50. .monster[data-cards-pic-idx='6']{background-image: url(images/cards_ja/CARDS_006.PNG);}

  51. .monster[data-cards-pic-idx='7']{background-image: url(images/cards_ja/CARDS_007.PNG);}

  52. .monster[data-cards-pic-idx='8']{background-image: url(images/cards_ja/CARDS_008.PNG);}

  53. .monster[data-cards-pic-idx='9']{background-image: url(images/cards_ja/CARDS_009.PNG);}

  54. .monster[data-cards-pic-idx='10']{background-image: url(images/cards_ja/CARDS_010.PNG);}

  55. .monster[data-cards-pic-idx='11']{background-image: url(images/cards_ja/CARDS_011.PNG);}

  56. .monster[data-cards-pic-idx='12']{background-image: url(images/cards_ja/CARDS_012.PNG);}

  57. .monster[data-cards-pic-idx='13']{background-image: url(images/cards_ja/CARDS_013.PNG);}

  58. .monster[data-cards-pic-idx='14']{background-image: url(images/cards_ja/CARDS_014.PNG);}

  59. .monster[data-cards-pic-idx='15']{background-image: url(images/cards_ja/CARDS_015.PNG);}

  60. .monster[data-cards-pic-idx='16']{background-image: url(images/cards_ja/CARDS_016.PNG);}

  61. .monster[data-cards-pic-idx='17']{background-image: url(images/cards_ja/CARDS_017.PNG);}

  62. .monster[data-cards-pic-idx='18']{background-image: url(images/cards_ja/CARDS_018.PNG);}

  63. .monster[data-cards-pic-idx='19']{background-image: url(images/cards_ja/CARDS_019.PNG);}

  64. .monster[data-cards-pic-idx='20']{background-image: url(images/cards_ja/CARDS_020.PNG);}

  65. .monster[data-cards-pic-idx='21']{background-image: url(images/cards_ja/CARDS_021.PNG);}

  66. .monster[data-cards-pic-idx='22']{background-image: url(images/cards_ja/CARDS_022.PNG);}

  67. .monster[data-cards-pic-idx='23']{background-image: url(images/cards_ja/CARDS_023.PNG);}

  68. .monster[data-cards-pic-idx='24']{background-image: url(images/cards_ja/CARDS_024.PNG);}

  69. .monster[data-cards-pic-idx='25']{background-image: url(images/cards_ja/CARDS_025.PNG);}

  70. .monster[data-cards-pic-idx='26']{background-image: url(images/cards_ja/CARDS_026.PNG);}

  71. .monster[data-cards-pic-idx='27']{background-image: url(images/cards_ja/CARDS_027.PNG);}

  72. .monster[data-cards-pic-idx='28']{background-image: url(images/cards_ja/CARDS_028.PNG);}

  73. .monster[data-cards-pic-idx='29']{background-image: url(images/cards_ja/CARDS_029.PNG);}

  74. .monster[data-cards-pic-idx='30']{background-image: url(images/cards_ja/CARDS_030.PNG);}

  75. .monster[data-cards-pic-idx='31']{background-image: url(images/cards_ja/CARDS_031.PNG);}

  76. .monster[data-cards-pic-idx='32']{background-image: url(images/cards_ja/CARDS_032.PNG);}

  77. .monster[data-cards-pic-idx='33']{background-image: url(images/cards_ja/CARDS_033.PNG);}

  78. .monster[data-cards-pic-idx='34']{background-image: url(images/cards_ja/CARDS_034.PNG);}

  79. .monster[data-cards-pic-idx='35']{background-image: url(images/cards_ja/CARDS_035.PNG);}

  80. .monster[data-cards-pic-idx='36']{background-image: url(images/cards_ja/CARDS_036.PNG);}

  81. .monster[data-cards-pic-idx='37']{background-image: url(images/cards_ja/CARDS_037.PNG);}

  82. .monster[data-cards-pic-idx='38']{background-image: url(images/cards_ja/CARDS_038.PNG);}

  83. .monster[data-cards-pic-idx='39']{background-image: url(images/cards_ja/CARDS_039.PNG);}

  84. .monster[data-cards-pic-idx='40']{background-image: url(images/cards_ja/CARDS_040.PNG);}

  85. .monster[data-cards-pic-idx='41']{background-image: url(images/cards_ja/CARDS_041.PNG);}

  86. .monster[data-cards-pic-idx='42']{background-image: url(images/cards_ja/CARDS_042.PNG);}

  87. .monster[data-cards-pic-idx='43']{background-image: url(images/cards_ja/CARDS_043.PNG);}

  88. .monster[data-cards-pic-idx='44']{background-image: url(images/cards_ja/CARDS_044.PNG);}

  89. .monster[data-cards-pic-idx='45']{background-image: url(images/cards_ja/CARDS_045.PNG);}

  90. .monster[data-cards-pic-idx='46']{background-image: url(images/cards_ja/CARDS_046.PNG);}

  91. .monster[data-cards-pic-idx='47']{background-image: url(images/cards_ja/CARDS_047.PNG);}

  92. .monster[data-cards-pic-idx='48']{background-image: url(images/cards_ja/CARDS_048.PNG);}

  93. .monster[data-cards-pic-idx='49']{background-image: url(images/cards_ja/CARDS_049.PNG);}

  94. .monster[data-cards-pic-idx='50']{background-image: url(images/cards_ja/CARDS_050.PNG);}

  95. .monster[data-cards-pic-idx='51']{background-image: url(images/cards_ja/CARDS_051.PNG);}

  96. .monster[data-cards-pic-idx='52']{background-image: url(images/cards_ja/CARDS_052.PNG);}

  97. .monster[data-cards-pic-idx='53']{background-image: url(images/cards_ja/CARDS_053.PNG);}

  98. .monster[data-cards-pic-idx='54']{background-image: url(images/cards_ja/CARDS_054.PNG);}

  99. .monster[data-cards-pic-idx='55']{background-image: url(images/cards_ja/CARDS_055.PNG);}

  100. .monster[data-cards-pic-idx='56']{background-image: url(images/cards_ja/CARDS_056.PNG);}

  101. .monster[data-cards-pic-idx='57']{background-image: url(images/cards_ja/CARDS_057.PNG);}

  102. .monster[data-cards-pic-idx='58']{background-image: url(images/cards_ja/CARDS_058.PNG);}

  103. .monster[data-cards-pic-idx='59']{background-image: url(images/cards_ja/CARDS_059.PNG);}

  104. .monster[data-cards-pic-idx='60']{background-image: url(images/cards_ja/CARDS_060.PNG);}

  105. .monster[data-cards-pic-idx='61']{background-image: url(images/cards_ja/CARDS_061.PNG);}

  106. .monster[data-cards-pic-idx='62']{background-image: url(images/cards_ja/CARDS_062.PNG);}

  107. .monster[data-cards-pic-idx='63']{background-image: url(images/cards_ja/CARDS_063.PNG);}

  108. .monster[data-cards-pic-idx='64']{background-image: url(images/cards_ja/CARDS_064.PNG);}

  109. .monster[data-cards-pic-idx='65']{background-image: url(images/cards_ja/CARDS_065.PNG);}

  110. .monster[data-cards-pic-idx='66']{background-image: url(images/cards_ja/CARDS_066.PNG);}

  111. .monster[data-cards-pic-idx='67']{background-image: url(images/cards_ja/CARDS_067.PNG);}

  112. .monster[data-cards-pic-idx='68']{background-image: url(images/cards_ja/CARDS_068.PNG);}

  113. .monster[data-cards-pic-idx='69']{background-image: url(images/cards_ja/CARDS_069.PNG);}

  114. .monster[data-cards-pic-idx='70']{background-image: url(images/cards_ja/CARDS_070.PNG);}

  115. .monster[data-cards-pic-idx='71']{background-image: url(images/cards_ja/CARDS_071.PNG);}

  116. .monster[data-cards-pic-idx='72']{background-image: url(images/cards_ja/CARDS_072.PNG);}

  117. .monster[data-cards-pic-idx='73']{background-image: url(images/cards_ja/CARDS_073.PNG);}

  118. .monster[data-cards-pic-idx='74']{background-image: url(images/cards_ja/CARDS_074.PNG);}

  119. .monster[data-cards-pic-idx='75']{background-image: url(images/cards_ja/CARDS_075.PNG);}

  120. .monster[data-cards-pic-idx='76']{background-image: url(images/cards_ja/CARDS_076.PNG);}

  121. .monster[data-cards-pic-idx='77']{background-image: url(images/cards_ja/CARDS_077.PNG);}

  122. .monster[data-cards-pic-idx='78']{background-image: url(images/cards_ja/CARDS_078.PNG);}

  123. .monster[data-cards-pic-idx='79']{background-image: url(images/cards_ja/CARDS_079.PNG);}

  124. .monster[data-cards-pic-idx='80']{background-image: url(images/cards_ja/CARDS_080.PNG);}

  125. .monster[data-cards-pic-idx='81']{background-image: url(images/cards_ja/CARDS_081.PNG);}

  126. .monster[data-cards-pic-idx='82']{background-image: url(images/cards_ja/CARDS_082.PNG);}

  127. .monster[data-cards-pic-idx='83']{background-image: url(images/cards_ja/CARDS_083.PNG);}

  128. .monster[data-cards-pic-idx='84']{background-image: url(images/cards_ja/CARDS_084.PNG);}

  129. .monster[data-cards-pic-idx='85']{background-image: url(images/cards_ja/CARDS_085.PNG);}

  130. .monster[data-cards-pic-idx='86']{background-image: url(images/cards_ja/CARDS_086.PNG);}

  131. .monster[data-cards-pic-idx='87']{background-image: url(images/cards_ja/CARDS_087.PNG);}

  132. .monster[data-cards-pic-idx='88']{background-image: url(images/cards_ja/CARDS_088.PNG);}

  133. .monster[data-cards-pic-idx='89']{background-image: url(images/cards_ja/CARDS_089.PNG);}

  134. .monster[data-cards-pic-idx='90']{background-image: url(images/cards_ja/CARDS_090.PNG);}

  135. .monster[data-cards-pic-idx='91']{background-image: url(images/cards_ja/CARDS_091.PNG);}

  136. .monster[data-cards-pic-idx='92']{background-image: url(images/cards_ja/CARDS_092.PNG);}

  137. .monster[data-cards-pic-idx='93']{background-image: url(images/cards_ja/CARDS_093.PNG);}

  138. .monster[data-cards-pic-idx='94']{background-image: url(images/cards_ja/CARDS_094.PNG);}

  139. .monster[data-cards-pic-idx='95']{background-image: url(images/cards_ja/CARDS_095.PNG);}

  140. .monster[data-cards-pic-idx='96']{background-image: url(images/cards_ja/CARDS_096.PNG);}

  141. .monster[data-cards-pic-idx='97']{background-image: url(images/cards_ja/CARDS_097.PNG);}

  142. .monster[data-cards-pic-idx='98']{background-image: url(images/cards_ja/CARDS_098.PNG);}

  143. .monster[data-cards-pic-idx='99']{background-image: url(images/cards_ja/CARDS_099.PNG);}

  144. /*美服*/

  145. .ds-en .monster[data-cards-pic-idx='1']{background-image: url(images/cards_en/CARDS_001.PNG);}

  146. .ds-en .monster[data-cards-pic-idx='2']{background-image: url(images/cards_en/CARDS_002.PNG);}

  147. .ds-en .monster[data-cards-pic-idx='3']{background-image: url(images/cards_en/CARDS_003.PNG);}

  148. .ds-en .monster[data-cards-pic-idx='4']{background-image: url(images/cards_en/CARDS_004.PNG);}

  149. .ds-en .monster[data-cards-pic-idx='5']{background-image: url(images/cards_en/CARDS_005.PNG);}

  150. .ds-en .monster[data-cards-pic-idx='6']{background-image: url(images/cards_en/CARDS_006.PNG);}

  151. .ds-en .monster[data-cards-pic-idx='7']{background-image: url(images/cards_en/CARDS_007.PNG);}

  152. .ds-en .monster[data-cards-pic-idx='8']{background-image: url(images/cards_en/CARDS_008.PNG);}

  153. .ds-en .monster[data-cards-pic-idx='9']{background-image: url(images/cards_en/CARDS_009.PNG);}

  154. .ds-en .monster[data-cards-pic-idx='10']{background-image: url(images/cards_en/CARDS_010.PNG);}

  155. .ds-en .monster[data-cards-pic-idx='11']{background-image: url(images/cards_en/CARDS_011.PNG);}

  156. .ds-en .monster[data-cards-pic-idx='12']{background-image: url(images/cards_en/CARDS_012.PNG);}

  157. .ds-en .monster[data-cards-pic-idx='13']{background-image: url(images/cards_en/CARDS_013.PNG);}

  158. .ds-en .monster[data-cards-pic-idx='14']{background-image: url(images/cards_en/CARDS_014.PNG);}

  159. .ds-en .monster[data-cards-pic-idx='15']{background-image: url(images/cards_en/CARDS_015.PNG);}

  160. .ds-en .monster[data-cards-pic-idx='16']{background-image: url(images/cards_en/CARDS_016.PNG);}

  161. .ds-en .monster[data-cards-pic-idx='17']{background-image: url(images/cards_en/CARDS_017.PNG);}

  162. .ds-en .monster[data-cards-pic-idx='18']{background-image: url(images/cards_en/CARDS_018.PNG);}

  163. .ds-en .monster[data-cards-pic-idx='19']{background-image: url(images/cards_en/CARDS_019.PNG);}

  164. .ds-en .monster[data-cards-pic-idx='20']{background-image: url(images/cards_en/CARDS_020.PNG);}

  165. .ds-en .monster[data-cards-pic-idx='21']{background-image: url(images/cards_en/CARDS_021.PNG);}

  166. .ds-en .monster[data-cards-pic-idx='22']{background-image: url(images/cards_en/CARDS_022.PNG);}

  167. .ds-en .monster[data-cards-pic-idx='23']{background-image: url(images/cards_en/CARDS_023.PNG);}

  168. .ds-en .monster[data-cards-pic-idx='24']{background-image: url(images/cards_en/CARDS_024.PNG);}

  169. .ds-en .monster[data-cards-pic-idx='25']{background-image: url(images/cards_en/CARDS_025.PNG);}

  170. .ds-en .monster[data-cards-pic-idx='26']{background-image: url(images/cards_en/CARDS_026.PNG);}

  171. .ds-en .monster[data-cards-pic-idx='27']{background-image: url(images/cards_en/CARDS_027.PNG);}

  172. .ds-en .monster[data-cards-pic-idx='28']{background-image: url(images/cards_en/CARDS_028.PNG);}

  173. .ds-en .monster[data-cards-pic-idx='29']{background-image: url(images/cards_en/CARDS_029.PNG);}

  174. .ds-en .monster[data-cards-pic-idx='30']{background-image: url(images/cards_en/CARDS_030.PNG);}

  175. .ds-en .monster[data-cards-pic-idx='31']{background-image: url(images/cards_en/CARDS_031.PNG);}

  176. .ds-en .monster[data-cards-pic-idx='32']{background-image: url(images/cards_en/CARDS_032.PNG);}

  177. .ds-en .monster[data-cards-pic-idx='33']{background-image: url(images/cards_en/CARDS_033.PNG);}

  178. .ds-en .monster[data-cards-pic-idx='34']{background-image: url(images/cards_en/CARDS_034.PNG);}

  179. .ds-en .monster[data-cards-pic-idx='35']{background-image: url(images/cards_en/CARDS_035.PNG);}

  180. .ds-en .monster[data-cards-pic-idx='36']{background-image: url(images/cards_en/CARDS_036.PNG);}

  181. .ds-en .monster[data-cards-pic-idx='37']{background-image: url(images/cards_en/CARDS_037.PNG);}

  182. .ds-en .monster[data-cards-pic-idx='38']{background-image: url(images/cards_en/CARDS_038.PNG);}

  183. .ds-en .monster[data-cards-pic-idx='39']{background-image: url(images/cards_en/CARDS_039.PNG);}

  184. .ds-en .monster[data-cards-pic-idx='40']{background-image: url(images/cards_en/CARDS_040.PNG);}

  185. .ds-en .monster[data-cards-pic-idx='41']{background-image: url(images/cards_en/CARDS_041.PNG);}

  186. .ds-en .monster[data-cards-pic-idx='42']{background-image: url(images/cards_en/CARDS_042.PNG);}

  187. .ds-en .monster[data-cards-pic-idx='43']{background-image: url(images/cards_en/CARDS_043.PNG);}

  188. .ds-en .monster[data-cards-pic-idx='44']{background-image: url(images/cards_en/CARDS_044.PNG);}

  189. .ds-en .monster[data-cards-pic-idx='45']{background-image: url(images/cards_en/CARDS_045.PNG);}

  190. .ds-en .monster[data-cards-pic-idx='46']{background-image: url(images/cards_en/CARDS_046.PNG);}

  191. .ds-en .monster[data-cards-pic-idx='47']{background-image: url(images/cards_en/CARDS_047.PNG);}

  192. .ds-en .monster[data-cards-pic-idx='48']{background-image: url(images/cards_en/CARDS_048.PNG);}

  193. .ds-en .monster[data-cards-pic-idx='49']{background-image: url(images/cards_en/CARDS_049.PNG);}

  194. .ds-en .monster[data-cards-pic-idx='50']{background-image: url(images/cards_en/CARDS_050.PNG);}

  195. .ds-en .monster[data-cards-pic-idx='51']{background-image: url(images/cards_en/CARDS_051.PNG);}

  196. .ds-en .monster[data-cards-pic-idx='52']{background-image: url(images/cards_en/CARDS_052.PNG);}

  197. .ds-en .monster[data-cards-pic-idx='53']{background-image: url(images/cards_en/CARDS_053.PNG);}

  198. .ds-en .monster[data-cards-pic-idx='54']{background-image: url(images/cards_en/CARDS_054.PNG);}

  199. .ds-en .monster[data-cards-pic-idx='55']{background-image: url(images/cards_en/CARDS_055.PNG);}

  200. .ds-en .monster[data-cards-pic-idx='56']{background-image: url(images/cards_en/CARDS_056.PNG);}

  201. .ds-en .monster[data-cards-pic-idx='57']{background-image: url(images/cards_en/CARDS_057.PNG);}

  202. .ds-en .monster[data-cards-pic-idx='58']{background-image: url(images/cards_en/CARDS_058.PNG);}

  203. .ds-en .monster[data-cards-pic-idx='59']{background-image: url(images/cards_en/CARDS_059.PNG);}

  204. .ds-en .monster[data-cards-pic-idx='60']{background-image: url(images/cards_en/CARDS_060.PNG);}

  205. .ds-en .monster[data-cards-pic-idx='61']{background-image: url(images/cards_en/CARDS_061.PNG);}

  206. .ds-en .monster[data-cards-pic-idx='62']{background-image: url(images/cards_en/CARDS_062.PNG);}

  207. .ds-en .monster[data-cards-pic-idx='63']{background-image: url(images/cards_en/CARDS_063.PNG);}

  208. .ds-en .monster[data-cards-pic-idx='64']{background-image: url(images/cards_en/CARDS_064.PNG);}

  209. .ds-en .monster[data-cards-pic-idx='65']{background-image: url(images/cards_en/CARDS_065.PNG);}

  210. .ds-en .monster[data-cards-pic-idx='66']{background-image: url(images/cards_en/CARDS_066.PNG);}

  211. .ds-en .monster[data-cards-pic-idx='67']{background-image: url(images/cards_en/CARDS_067.PNG);}

  212. .ds-en .monster[data-cards-pic-idx='68']{background-image: url(images/cards_en/CARDS_068.PNG);}

  213. .ds-en .monster[data-cards-pic-idx='69']{background-image: url(images/cards_en/CARDS_069.PNG);}

  214. .ds-en .monster[data-cards-pic-idx='70']{background-image: url(images/cards_en/CARDS_070.PNG);}

  215. .ds-en .monster[data-cards-pic-idx='71']{background-image: url(images/cards_en/CARDS_071.PNG);}

  216. .ds-en .monster[data-cards-pic-idx='72']{background-image: url(images/cards_en/CARDS_072.PNG);}

  217. .ds-en .monster[data-cards-pic-idx='73']{background-image: url(images/cards_en/CARDS_073.PNG);}

  218. .ds-en .monster[data-cards-pic-idx='74']{background-image: url(images/cards_en/CARDS_074.PNG);}

  219. .ds-en .monster[data-cards-pic-idx='75']{background-image: url(images/cards_en/CARDS_075.PNG);}

  220. .ds-en .monster[data-cards-pic-idx='76']{background-image: url(images/cards_en/CARDS_076.PNG);}

  221. .ds-en .monster[data-cards-pic-idx='77']{background-image: url(images/cards_en/CARDS_077.PNG);}

  222. .ds-en .monster[data-cards-pic-idx='78']{background-image: url(images/cards_en/CARDS_078.PNG);}

  223. .ds-en .monster[data-cards-pic-idx='79']{background-image: url(images/cards_en/CARDS_079.PNG);}

  224. .ds-en .monster[data-cards-pic-idx='80']{background-image: url(images/cards_en/CARDS_080.PNG);}

  225. .ds-en .monster[data-cards-pic-idx='81']{background-image: url(images/cards_en/CARDS_081.PNG);}

  226. .ds-en .monster[data-cards-pic-idx='82']{background-image: url(images/cards_en/CARDS_082.PNG);}

  227. .ds-en .monster[data-cards-pic-idx='83']{background-image: url(images/cards_en/CARDS_083.PNG);}

  228. .ds-en .monster[data-cards-pic-idx='84']{background-image: url(images/cards_en/CARDS_084.PNG);}

  229. .ds-en .monster[data-cards-pic-idx='85']{background-image: url(images/cards_en/CARDS_085.PNG);}

  230. .ds-en .monster[data-cards-pic-idx='86']{background-image: url(images/cards_en/CARDS_086.PNG);}

  231. .ds-en .monster[data-cards-pic-idx='87']{background-image: url(images/cards_en/CARDS_087.PNG);}

  232. .ds-en .monster[data-cards-pic-idx='88']{background-image: url(images/cards_en/CARDS_088.PNG);}

  233. .ds-en .monster[data-cards-pic-idx='89']{background-image: url(images/cards_en/CARDS_089.PNG);}

  234. .ds-en .monster[data-cards-pic-idx='90']{background-image: url(images/cards_en/CARDS_090.PNG);}

  235. .ds-en .monster[data-cards-pic-idx='91']{background-image: url(images/cards_en/CARDS_091.PNG);}

  236. .ds-en .monster[data-cards-pic-idx='92']{background-image: url(images/cards_en/CARDS_092.PNG);}

  237. .ds-en .monster[data-cards-pic-idx='93']{background-image: url(images/cards_en/CARDS_093.PNG);}

  238. .ds-en .monster[data-cards-pic-idx='94']{background-image: url(images/cards_en/CARDS_094.PNG);}

  239. .ds-en .monster[data-cards-pic-idx='95']{background-image: url(images/cards_en/CARDS_095.PNG);}

  240. .ds-en .monster[data-cards-pic-idx='96']{background-image: url(images/cards_en/CARDS_096.PNG);}

  241. .ds-en .monster[data-cards-pic-idx='97']{background-image: url(images/cards_en/CARDS_097.PNG);}

  242. .ds-en .monster[data-cards-pic-idx='98']{background-image: url(images/cards_en/CARDS_098.PNG);}

  243. .ds-en .monster[data-cards-pic-idx='99']{background-image: url(images/cards_en/CARDS_099.PNG);}

  244. /*韩服*/

  245. .ds-ko .monster[data-cards-pic-idx='1']{background-image: url(images/cards_ko/CARDS_001.PNG);}

  246. .ds-ko .monster[data-cards-pic-idx='2']{background-image: url(images/cards_ko/CARDS_002.PNG);}

  247. .ds-ko .monster[data-cards-pic-idx='3']{background-image: url(images/cards_ko/CARDS_003.PNG);}

  248. .ds-ko .monster[data-cards-pic-idx='4']{background-image: url(images/cards_ko/CARDS_004.PNG);}

  249. .ds-ko .monster[data-cards-pic-idx='5']{background-image: url(images/cards_ko/CARDS_005.PNG);}

  250. .ds-ko .monster[data-cards-pic-idx='6']{background-image: url(images/cards_ko/CARDS_006.PNG);}

  251. .ds-ko .monster[data-cards-pic-idx='7']{background-image: url(images/cards_ko/CARDS_007.PNG);}

  252. .ds-ko .monster[data-cards-pic-idx='8']{background-image: url(images/cards_ko/CARDS_008.PNG);}

  253. .ds-ko .monster[data-cards-pic-idx='9']{background-image: url(images/cards_ko/CARDS_009.PNG);}

  254. .ds-ko .monster[data-cards-pic-idx='10']{background-image: url(images/cards_ko/CARDS_010.PNG);}

  255. .ds-ko .monster[data-cards-pic-idx='11']{background-image: url(images/cards_ko/CARDS_011.PNG);}

  256. .ds-ko .monster[data-cards-pic-idx='12']{background-image: url(images/cards_ko/CARDS_012.PNG);}

  257. .ds-ko .monster[data-cards-pic-idx='13']{background-image: url(images/cards_ko/CARDS_013.PNG);}

  258. .ds-ko .monster[data-cards-pic-idx='14']{background-image: url(images/cards_ko/CARDS_014.PNG);}

  259. .ds-ko .monster[data-cards-pic-idx='15']{background-image: url(images/cards_ko/CARDS_015.PNG);}

  260. .ds-ko .monster[data-cards-pic-idx='16']{background-image: url(images/cards_ko/CARDS_016.PNG);}

  261. .ds-ko .monster[data-cards-pic-idx='17']{background-image: url(images/cards_ko/CARDS_017.PNG);}

  262. .ds-ko .monster[data-cards-pic-idx='18']{background-image: url(images/cards_ko/CARDS_018.PNG);}

  263. .ds-ko .monster[data-cards-pic-idx='19']{background-image: url(images/cards_ko/CARDS_019.PNG);}

  264. .ds-ko .monster[data-cards-pic-idx='20']{background-image: url(images/cards_ko/CARDS_020.PNG);}

  265. .ds-ko .monster[data-cards-pic-idx='21']{background-image: url(images/cards_ko/CARDS_021.PNG);}

  266. .ds-ko .monster[data-cards-pic-idx='22']{background-image: url(images/cards_ko/CARDS_022.PNG);}

  267. .ds-ko .monster[data-cards-pic-idx='23']{background-image: url(images/cards_ko/CARDS_023.PNG);}

  268. .ds-ko .monster[data-cards-pic-idx='24']{background-image: url(images/cards_ko/CARDS_024.PNG);}

  269. .ds-ko .monster[data-cards-pic-idx='25']{background-image: url(images/cards_ko/CARDS_025.PNG);}

  270. .ds-ko .monster[data-cards-pic-idx='26']{background-image: url(images/cards_ko/CARDS_026.PNG);}

  271. .ds-ko .monster[data-cards-pic-idx='27']{background-image: url(images/cards_ko/CARDS_027.PNG);}

  272. .ds-ko .monster[data-cards-pic-idx='28']{background-image: url(images/cards_ko/CARDS_028.PNG);}

  273. .ds-ko .monster[data-cards-pic-idx='29']{background-image: url(images/cards_ko/CARDS_029.PNG);}

  274. .ds-ko .monster[data-cards-pic-idx='30']{background-image: url(images/cards_ko/CARDS_030.PNG);}

  275. .ds-ko .monster[data-cards-pic-idx='31']{background-image: url(images/cards_ko/CARDS_031.PNG);}

  276. .ds-ko .monster[data-cards-pic-idx='32']{background-image: url(images/cards_ko/CARDS_032.PNG);}

  277. .ds-ko .monster[data-cards-pic-idx='33']{background-image: url(images/cards_ko/CARDS_033.PNG);}

  278. .ds-ko .monster[data-cards-pic-idx='34']{background-image: url(images/cards_ko/CARDS_034.PNG);}

  279. .ds-ko .monster[data-cards-pic-idx='35']{background-image: url(images/cards_ko/CARDS_035.PNG);}

  280. .ds-ko .monster[data-cards-pic-idx='36']{background-image: url(images/cards_ko/CARDS_036.PNG);}

  281. .ds-ko .monster[data-cards-pic-idx='37']{background-image: url(images/cards_ko/CARDS_037.PNG);}

  282. .ds-ko .monster[data-cards-pic-idx='38']{background-image: url(images/cards_ko/CARDS_038.PNG);}

  283. .ds-ko .monster[data-cards-pic-idx='39']{background-image: url(images/cards_ko/CARDS_039.PNG);}

  284. .ds-ko .monster[data-cards-pic-idx='40']{background-image: url(images/cards_ko/CARDS_040.PNG);}

  285. .ds-ko .monster[data-cards-pic-idx='41']{background-image: url(images/cards_ko/CARDS_041.PNG);}

  286. .ds-ko .monster[data-cards-pic-idx='42']{background-image: url(images/cards_ko/CARDS_042.PNG);}

  287. .ds-ko .monster[data-cards-pic-idx='43']{background-image: url(images/cards_ko/CARDS_043.PNG);}

  288. .ds-ko .monster[data-cards-pic-idx='44']{background-image: url(images/cards_ko/CARDS_044.PNG);}

  289. .ds-ko .monster[data-cards-pic-idx='45']{background-image: url(images/cards_ko/CARDS_045.PNG);}

  290. .ds-ko .monster[data-cards-pic-idx='46']{background-image: url(images/cards_ko/CARDS_046.PNG);}

  291. .ds-ko .monster[data-cards-pic-idx='47']{background-image: url(images/cards_ko/CARDS_047.PNG);}

  292. .ds-ko .monster[data-cards-pic-idx='48']{background-image: url(images/cards_ko/CARDS_048.PNG);}

  293. .ds-ko .monster[data-cards-pic-idx='49']{background-image: url(images/cards_ko/CARDS_049.PNG);}

  294. .ds-ko .monster[data-cards-pic-idx='50']{background-image: url(images/cards_ko/CARDS_050.PNG);}

  295. .ds-ko .monster[data-cards-pic-idx='51']{background-image: url(images/cards_ko/CARDS_051.PNG);}

  296. .ds-ko .monster[data-cards-pic-idx='52']{background-image: url(images/cards_ko/CARDS_052.PNG);}

  297. .ds-ko .monster[data-cards-pic-idx='53']{background-image: url(images/cards_ko/CARDS_053.PNG);}

  298. .ds-ko .monster[data-cards-pic-idx='54']{background-image: url(images/cards_ko/CARDS_054.PNG);}

  299. .ds-ko .monster[data-cards-pic-idx='55']{background-image: url(images/cards_ko/CARDS_055.PNG);}

  300. .ds-ko .monster[data-cards-pic-idx='56']{background-image: url(images/cards_ko/CARDS_056.PNG);}

  301. .ds-ko .monster[data-cards-pic-idx='57']{background-image: url(images/cards_ko/CARDS_057.PNG);}

  302. .ds-ko .monster[data-cards-pic-idx='58']{background-image: url(images/cards_ko/CARDS_058.PNG);}

  303. .ds-ko .monster[data-cards-pic-idx='59']{background-image: url(images/cards_ko/CARDS_059.PNG);}

  304. .ds-ko .monster[data-cards-pic-idx='60']{background-image: url(images/cards_ko/CARDS_060.PNG);}

  305. .ds-ko .monster[data-cards-pic-idx='61']{background-image: url(images/cards_ko/CARDS_061.PNG);}

  306. .ds-ko .monster[data-cards-pic-idx='62']{background-image: url(images/cards_ko/CARDS_062.PNG);}

  307. .ds-ko .monster[data-cards-pic-idx='63']{background-image: url(images/cards_ko/CARDS_063.PNG);}

  308. .ds-ko .monster[data-cards-pic-idx='64']{background-image: url(images/cards_ko/CARDS_064.PNG);}

  309. .ds-ko .monster[data-cards-pic-idx='65']{background-image: url(images/cards_ko/CARDS_065.PNG);}

  310. .ds-ko .monster[data-cards-pic-idx='66']{background-image: url(images/cards_ko/CARDS_066.PNG);}

  311. .ds-ko .monster[data-cards-pic-idx='67']{background-image: url(images/cards_ko/CARDS_067.PNG);}

  312. .ds-ko .monster[data-cards-pic-idx='68']{background-image: url(images/cards_ko/CARDS_068.PNG);}

  313. .ds-ko .monster[data-cards-pic-idx='69']{background-image: url(images/cards_ko/CARDS_069.PNG);}

  314. .ds-ko .monster[data-cards-pic-idx='70']{background-image: url(images/cards_ko/CARDS_070.PNG);}

  315. .ds-ko .monster[data-cards-pic-idx='71']{background-image: url(images/cards_ko/CARDS_071.PNG);}

  316. .ds-ko .monster[data-cards-pic-idx='72']{background-image: url(images/cards_ko/CARDS_072.PNG);}

  317. .ds-ko .monster[data-cards-pic-idx='73']{background-image: url(images/cards_ko/CARDS_073.PNG);}

  318. .ds-ko .monster[data-cards-pic-idx='74']{background-image: url(images/cards_ko/CARDS_074.PNG);}

  319. .ds-ko .monster[data-cards-pic-idx='75']{background-image: url(images/cards_ko/CARDS_075.PNG);}

  320. .ds-ko .monster[data-cards-pic-idx='76']{background-image: url(images/cards_ko/CARDS_076.PNG);}

  321. .ds-ko .monster[data-cards-pic-idx='77']{background-image: url(images/cards_ko/CARDS_077.PNG);}

  322. .ds-ko .monster[data-cards-pic-idx='78']{background-image: url(images/cards_ko/CARDS_078.PNG);}

  323. .ds-ko .monster[data-cards-pic-idx='79']{background-image: url(images/cards_ko/CARDS_079.PNG);}

  324. .ds-ko .monster[data-cards-pic-idx='80']{background-image: url(images/cards_ko/CARDS_080.PNG);}

  325. .ds-ko .monster[data-cards-pic-idx='81']{background-image: url(images/cards_ko/CARDS_081.PNG);}

  326. .ds-ko .monster[data-cards-pic-idx='82']{background-image: url(images/cards_ko/CARDS_082.PNG);}

  327. .ds-ko .monster[data-cards-pic-idx='83']{background-image: url(images/cards_ko/CARDS_083.PNG);}

  328. .ds-ko .monster[data-cards-pic-idx='84']{background-image: url(images/cards_ko/CARDS_084.PNG);}

  329. .ds-ko .monster[data-cards-pic-idx='85']{background-image: url(images/cards_ko/CARDS_085.PNG);}

  330. .ds-ko .monster[data-cards-pic-idx='86']{background-image: url(images/cards_ko/CARDS_086.PNG);}

  331. .ds-ko .monster[data-cards-pic-idx='87']{background-image: url(images/cards_ko/CARDS_087.PNG);}

  332. .ds-ko .monster[data-cards-pic-idx='88']{background-image: url(images/cards_ko/CARDS_088.PNG);}

  333. .ds-ko .monster[data-cards-pic-idx='89']{background-image: url(images/cards_ko/CARDS_089.PNG);}

  334. .ds-ko .monster[data-cards-pic-idx='90']{background-image: url(images/cards_ko/CARDS_090.PNG);}

  335. .ds-ko .monster[data-cards-pic-idx='91']{background-image: url(images/cards_ko/CARDS_091.PNG);}

  336. .ds-ko .monster[data-cards-pic-idx='92']{background-image: url(images/cards_ko/CARDS_092.PNG);}

  337. .ds-ko .monster[data-cards-pic-idx='93']{background-image: url(images/cards_ko/CARDS_093.PNG);}

  338. .ds-ko .monster[data-cards-pic-idx='94']{background-image: url(images/cards_ko/CARDS_094.PNG);}

  339. .ds-ko .monster[data-cards-pic-idx='95']{background-image: url(images/cards_ko/CARDS_095.PNG);}

  340. .ds-ko .monster[data-cards-pic-idx='96']{background-image: url(images/cards_ko/CARDS_096.PNG);}

  341. .ds-ko .monster[data-cards-pic-idx='97']{background-image: url(images/cards_ko/CARDS_097.PNG);}

  342. .ds-ko .monster[data-cards-pic-idx='98']{background-image: url(images/cards_ko/CARDS_098.PNG);}

  343. .ds-ko .monster[data-cards-pic-idx='99']{background-image: url(images/cards_ko/CARDS_099.PNG);}

  344. /*.en-only.monster[data-cards-pic-idx='54']{background-image: url(images/cards/en/CARDS_054.PNG);}

  345. .en-only.monster[data-cards-pic-idx='55']{background-image: url(images/cards/en/CARDS_055.PNG);}*/

  346. /*宠物在图中编号对应的坐标*/

  347. .monster[data-cards-pic-x='0']{background-position-x:calc(-102px * 0);}

  348. .monster[data-cards-pic-x='1']{background-position-x:calc(-102px * 1);}

  349. .monster[data-cards-pic-x='2']{background-position-x:calc(-102px * 2);}

  350. .monster[data-cards-pic-x='3']{background-position-x:calc(-102px * 3);}

  351. .monster[data-cards-pic-x='4']{background-position-x:calc(-102px * 4);}

  352. .monster[data-cards-pic-x='5']{background-position-x:calc(-102px * 5);}

  353. .monster[data-cards-pic-x='6']{background-position-x:calc(-102px * 6);}

  354. .monster[data-cards-pic-x='7']{background-position-x:calc(-102px * 7);}

  355. .monster[data-cards-pic-x='8']{background-position-x:calc(-102px * 8);}

  356. .monster[data-cards-pic-x='9']{background-position-x:calc(-102px * 9);}

  357. .monster[data-cards-pic-y='0']{background-position-y:calc(-102px * 0);}

  358. .monster[data-cards-pic-y='1']{background-position-y:calc(-102px * 1);}

  359. .monster[data-cards-pic-y='2']{background-position-y:calc(-102px * 2);}

  360. .monster[data-cards-pic-y='3']{background-position-y:calc(-102px * 3);}

  361. .monster[data-cards-pic-y='4']{background-position-y:calc(-102px * 4);}

  362. .monster[data-cards-pic-y='5']{background-position-y:calc(-102px * 5);}

  363. .monster[data-cards-pic-y='6']{background-position-y:calc(-102px * 6);}

  364. .monster[data-cards-pic-y='7']{background-position-y:calc(-102px * 7);}

  365. .monster[data-cards-pic-y='8']{background-position-y:calc(-102px * 8);}

  366. .monster[data-cards-pic-y='9']{background-position-y:calc(-102px * 9);}

  367. /*觉醒、类型、潜觉*/

  368. .awoken-icon,

  369. .type-icon,

  370. icon.type

  371. {

  372. 	display:inline-block;

  373. 	width:32px;height:32px;

  374. 	vertical-align: middle;

  375. 	background-repeat: no-repeat;

  376. }

  377. /*觉醒*/

  378. .awoken-icon{

  379. 	background-image: url(images/awoken.png);

  380. 	background-position-x: 0;

  381. }

  382. .awoken-icon[data-awoken-icon='0']{/*问号*/

  383. 	background-position-y:calc(-32px * 0);

  384. }

  385. .awoken-icon[data-awoken-icon='1']{/*HP+*/

  386. 	background-position-y:calc(-32px * 1);

  387. }

  388. .awoken-icon[data-awoken-icon='2']{/*攻击+*/

  389. 	background-position-y:calc(-32px * 2);

  390. }

  391. .awoken-icon[data-awoken-icon='3']{/*回复+*/

  392. 	background-position-y:calc(-32px * 3);

  393. }

  394. .awoken-icon[data-awoken-icon='4']{/*火盾*/

  395. 	background-position-y:calc(-32px * 4);

  396. }

  397. .awoken-icon[data-awoken-icon='5']{/*水盾*/

  398. 	background-position-y:calc(-32px * 5);

  399. }

  400. .awoken-icon[data-awoken-icon='6']{/*木盾*/

  401. 	background-position-y:calc(-32px * 6);

  402. }

  403. .awoken-icon[data-awoken-icon='7']{/*光盾*/

  404. 	background-position-y:calc(-32px * 7);

  405. }

  406. .awoken-icon[data-awoken-icon='8']{/*暗盾*/

  407. 	background-position-y:calc(-32px * 8);

  408. }

  409. .awoken-icon[data-awoken-icon='9']{/*自回*/

  410. 	background-position-y:calc(-32px * 9);

  411. }

  412. .awoken-icon[data-awoken-icon='10']{/*防封*/

  413. 	background-position-y:calc(-32px * 10);

  414. }

  415. .awoken-icon[data-awoken-icon='11']{/*防暗*/

  416. 	background-position-y:calc(-32px * 11);

  417. }

  418. .awoken-icon[data-awoken-icon='12']{/*防废*/

  419. 	background-position-y:calc(-32px * 12);

  420. }

  421. .awoken-icon[data-awoken-icon='13']{/*防毒*/

  422. 	background-position-y:calc(-32px * 13);

  423. }

  424. .awoken-icon[data-awoken-icon='14']{/*火+*/

  425. 	background-position-y:calc(-32px * 14);

  426. }

  427. .awoken-icon[data-awoken-icon='15']{/*水+*/

  428. 	background-position-y:calc(-32px * 15);

  429. }

  430. .awoken-icon[data-awoken-icon='16']{/*木+*/

  431. 	background-position-y:calc(-32px * 16);

  432. }

  433. .awoken-icon[data-awoken-icon='17']{/*光+*/

  434. 	background-position-y:calc(-32px * 17);

  435. }

  436. .awoken-icon[data-awoken-icon='18']{/*暗+*/

  437. 	background-position-y:calc(-32px * 18);

  438. }

  439. .awoken-icon[data-awoken-icon='19']{/*手指*/

  440. 	background-position-y:calc(-32px * 19);

  441. }

  442. .awoken-icon[data-awoken-icon='20']{/*心解*/

  443. 	background-position-y:calc(-32px * 20);

  444. }

  445. .awoken-icon[data-awoken-icon='21']{/*SB*/

  446. 	background-position-y:calc(-32px * 21);

  447. }

  448. .awoken-icon[data-awoken-icon='22']{/*火横*/

  449. 	background-position-y:calc(-32px * 22);

  450. }

  451. .awoken-icon[data-awoken-icon='23']{/*水横*/

  452. 	background-position-y:calc(-32px * 23);

  453. }

  454. .awoken-icon[data-awoken-icon='24']{/*木横*/

  455. 	background-position-y:calc(-32px * 24);

  456. }

  457. .awoken-icon[data-awoken-icon='25']{/*光横*/

  458. 	background-position-y:calc(-32px * 25);

  459. }

  460. .awoken-icon[data-awoken-icon='26']{/*暗横*/

  461. 	background-position-y:calc(-32px * 26);

  462. }

  463. .awoken-icon[data-awoken-icon='27']{/*U*/

  464. 	background-position-y:calc(-32px * 27);

  465. }

  466. .awoken-icon[data-awoken-icon='28']{/*SX*/

  467. 	background-position-y:calc(-32px * 28);

  468. }

  469. .awoken-icon[data-awoken-icon='29']{/*心+*/

  470. 	background-position-y:calc(-32px * 29);

  471. }

  472. .awoken-icon[data-awoken-icon='30']{/*协力*/

  473. 	background-position-y:calc(-32px * 30);

  474. }

  475. .awoken-icon[data-awoken-icon='31']{/*龙杀*/

  476. 	background-position-y:calc(-32px * 31);

  477. }

  478. .awoken-icon[data-awoken-icon='32']{/*神杀*/

  479. 	background-position-y:calc(-32px * 32);

  480. }

  481. .awoken-icon[data-awoken-icon='33']{/*恶魔杀*/

  482. 	background-position-y:calc(-32px * 33);

  483. }

  484. .awoken-icon[data-awoken-icon='34']{/*机杀*/

  485. 	background-position-y:calc(-32px * 34);

  486. }

  487. .awoken-icon[data-awoken-icon='35']{/*平衡杀*/

  488. 	background-position-y:calc(-32px * 35);

  489. }

  490. .awoken-icon[data-awoken-icon='36']{/*攻击杀*/

  491. 	background-position-y:calc(-32px * 36);

  492. }

  493. .awoken-icon[data-awoken-icon='37']{/*体力杀*/

  494. 	background-position-y:calc(-32px * 37);

  495. }

  496. .awoken-icon[data-awoken-icon='38']{/*回复杀*/

  497. 	background-position-y:calc(-32px * 38);

  498. }

  499. .awoken-icon[data-awoken-icon='39']{/*进化杀*/

  500. 	background-position-y:calc(-32px * 39);

  501. }

  502. .awoken-icon[data-awoken-icon='40']{/*觉醒杀*/

  503. 	background-position-y:calc(-32px * 40);

  504. }

  505. .awoken-icon[data-awoken-icon='41']{/*强化杀*/

  506. 	background-position-y:calc(-32px * 41);

  507. }

  508. .awoken-icon[data-awoken-icon='42']{/*卖钱杀*/

  509. 	background-position-y:calc(-32px * 42);

  510. }

  511. .awoken-icon[data-awoken-icon='43']{/*7c*/

  512. 	background-position-y:calc(-32px * 43);

  513. }

  514. .awoken-icon[data-awoken-icon='44']{/*5色破防*/

  515. 	background-position-y:calc(-32px * 44);

  516. }

  517. .awoken-icon[data-awoken-icon='45']{/*心追*/

  518. 	background-position-y:calc(-32px * 45);

  519. }

  520. .awoken-icon[data-awoken-icon='46']{/*全体HP*/

  521. 	background-position-y:calc(-32px * 46);

  522. }

  523. .awoken-icon[data-awoken-icon='47']{/*全体回复*/

  524. 	background-position-y:calc(-32px * 47);

  525. }

  526. .awoken-icon[data-awoken-icon='48']{/*破无效*/

  527. 	background-position-y:calc(-32px * 48);

  528. }

  529. .awoken-icon[data-awoken-icon='49']{/*武器觉醒*/

  530. 	background-position-y:calc(-32px * 49);

  531. }

  532. .awoken-icon[data-awoken-icon='50']{/*方块心追*/

  533. 	background-position-y:calc(-32px * 50);

  534. }

  535. .awoken-icon[data-awoken-icon='51']{/*5色溜*/

  536. 	background-position-y:calc(-32px * 51);

  537. }

  538. .awoken-icon[data-awoken-icon='52']{/*大防封*/

  539. 	background-position-y:calc(-32px * 52);

  540. }

  541. .awoken-icon[data-awoken-icon='53']{/*大手指*/

  542. 	background-position-y:calc(-32px * 53);

  543. }

  544. .awoken-icon[data-awoken-icon='54']{/*防云*/

  545. 	background-position-y:calc(-32px * 54);

  546. }

  547. .awoken-icon[data-awoken-icon='55']{/*防封条*/

  548. 	background-position-y:calc(-32px * 55);

  549. }

  550. .awoken-icon[data-awoken-icon='56']{/*大SB*/

  551. 	background-position-y:calc(-32px * 56);

  552. }

  553. .awoken-icon[data-awoken-icon='57']{/*满血强化*/

  554. 	background-position-y:calc(-32px * 57);

  555. }

  556. .awoken-icon[data-awoken-icon='58']{/*下半血强化*/

  557. 	background-position-y:calc(-32px * 58);

  558. }

  559. .awoken-icon[data-awoken-icon='59']{/*L盾*/

  560. 	background-position-y:calc(-32px * 59);

  561. }

  562. .awoken-icon[data-awoken-icon='60']{/*L解锁*/

  563. 	background-position-y:calc(-32px * 60);

  564. }

  565. .awoken-icon[data-awoken-icon='61']{/*10c*/

  566. 	background-position-y:calc(-32px * 61);

  567. }

  568. .awoken-icon[data-awoken-icon='62']{/*c珠*/

  569. 	background-position-y:calc(-32px * 62);

  570. }

  571. .awoken-icon[data-awoken-icon='63']{/*语音*/

  572. 	background-position-y:calc(-32px * 63);

  573. }

  574. .awoken-icon[data-awoken-icon='64']{/*奖励增加*/

  575. 	background-position-y:calc(-32px * 64);

  576. }

  577. .awoken-icon[data-awoken-icon='65']{/*HP-*/

  578. 	background-position-y:calc(-32px * 65);

  579. }

  580. .awoken-icon[data-awoken-icon='66']{/*攻击-*/

  581. 	background-position-y:calc(-32px * 66);

  582. }

  583. .awoken-icon[data-awoken-icon='67']{/*回复-*/

  584. 	background-position-y:calc(-32px * 67);

  585. }

  586. .awoken-icon[data-awoken-icon='68']{/*大防暗*/

  587. 	background-position-y:calc(-32px * 68);

  588. }

  589. .awoken-icon[data-awoken-icon='69']{/*大防废*/

  590. 	background-position-y:calc(-32px * 69);

  591. }

  592. .awoken-icon[data-awoken-icon='70']{/*大防毒*/

  593. 	background-position-y:calc(-32px * 70);

  594. }

  595. .awoken-icon[data-awoken-icon='71']{/*掉废*/

  596. 	background-position-y:calc(-32px * 71);

  597. }

  598. .awoken-icon[data-awoken-icon='72']{/*掉毒*/

  599. 	background-position-y:calc(-32px * 72);

  600. }

  601. .awoken-icon[data-awoken-icon='73']{/*2串火*/

  602. 	background-position-y:calc(-32px * 73);

  603. }

  604. .awoken-icon[data-awoken-icon='74']{/*2串水*/

  605. 	background-position-y:calc(-32px * 74);

  606. }

  607. .awoken-icon[data-awoken-icon='75']{/*2串木*/

  608. 	background-position-y:calc(-32px * 75);

  609. }

  610. .awoken-icon[data-awoken-icon='76']{/*2串光*/

  611. 	background-position-y:calc(-32px * 76);

  612. }

  613. .awoken-icon[data-awoken-icon='77']{/*2串暗*/

  614. 	background-position-y:calc(-32px * 77);

  615. }

  616. .awoken-icon[data-awoken-icon='78']{/*十字*/

  617. 	background-position-y:calc(-32px * 78);

  618. }

  619. .awoken-icon[data-awoken-icon='79']{/*3色*/

  620. 	background-position-y:calc(-32px * 79);

  621. }

  622. .awoken-icon[data-awoken-icon='80']{/*4色*/

  623. 	background-position-y:calc(-32px * 80);

  624. }

  625. .awoken-icon[data-awoken-icon='81']{/*5色*/

  626. 	background-position-y:calc(-32px * 81);

  627. }

  628. .awoken-icon[data-awoken-icon='82']{/*12珠*/

  629. 	background-position-y:calc(-32px * 82);

  630. }

  631. .awoken-icon[data-awoken-icon='83']{/*附加神类型*/

  632. 	background-position-y:calc(-32px * 83);

  633. }

  634. .awoken-icon[data-awoken-icon='84']{/*附加龙类型*/

  635. 	background-position-y:calc(-32px * 84);

  636. }

  637. .awoken-icon[data-awoken-icon='85']{/*附加恶魔类型*/

  638. 	background-position-y:calc(-32px * 85);

  639. }

  640. .awoken-icon[data-awoken-icon='86']{/*附加机械类型*/

  641. 	background-position-y:calc(-32px * 86);

  642. }

  643. .awoken-icon[data-awoken-icon='87']{/*附加平衡类型*/

  644. 	background-position-y:calc(-32px * 87);

  645. }

  646. .awoken-icon[data-awoken-icon='88']{/*附加攻击类型*/

  647. 	background-position-y:calc(-32px * 88);

  648. }

  649. .awoken-icon[data-awoken-icon='89']{/*附加体力类型*/

  650. 	background-position-y:calc(-32px * 89);

  651. }

  652. .awoken-icon[data-awoken-icon='90']{/*附加回复类型*/

  653. 	background-position-y:calc(-32px * 90);

  654. }

  655. .awoken-icon[data-awoken-icon='91']{/*附加火属性*/

  656. 	background-position-y:calc(-32px * 91);

  657. }

  658. .awoken-icon[data-awoken-icon='92']{/*附加水属性*/

  659. 	background-position-y:calc(-32px * 92);

  660. }

  661. .awoken-icon[data-awoken-icon='93']{/*附加木属性*/

  662. 	background-position-y:calc(-32px * 93);

  663. }

  664. .awoken-icon[data-awoken-icon='94']{/*附加光属性*/

  665. 	background-position-y:calc(-32px * 94);

  666. }

  667. .awoken-icon[data-awoken-icon='95']{/*附加暗属性*/

  668. 	background-position-y:calc(-32px * 95);

  669. }

  670. .awoken-icon[data-awoken-icon='96']{/*大U*/

  671. 	background-position-y:calc(-32px * 96);

  672. }

  673. .awoken-icon[data-awoken-icon='97']{/*大5色溜*/

  674. 	background-position-y:calc(-32px * 97);

  675. }

  676. .awoken-icon[data-awoken-icon='98']{/*大自回*/

  677. 	background-position-y:calc(-32px * 98);

  678. }

  679. .awoken-icon[data-awoken-icon='99']{/*大火+*/

  680. 	background-position-y:calc(-32px * 99);

  681. }

  682. .awoken-icon[data-awoken-icon='100']{/*大水+*/

  683. 	background-position-y:calc(-32px * 100);

  684. }

  685. .awoken-icon[data-awoken-icon='101']{/*大木+*/

  686. 	background-position-y:calc(-32px * 101);

  687. }

  688. .awoken-icon[data-awoken-icon='102']{/*大光+*/

  689. 	background-position-y:calc(-32px * 102);

  690. }

  691. .awoken-icon[data-awoken-icon='103']{/*大暗+*/

  692. 	background-position-y:calc(-32px * 103);

  693. }

  694. .awoken-icon[data-awoken-icon='104']{/*大心+*/

  695. 	background-position-y:calc(-32px * 104);

  696. }

  697. /*类型*/

  698. .type-icon,

  699. icon.type

  700. {

  701. 	background-image: url(images/type.png);

  702. 	background-position-x: 0;

  703. 	background-position-y: 32px; /*默认不显示*/

  704. }

  705. .type-icon[data-type-icon='0'],

  706. .type[data-type-icon='0']

  707. {/*进化用*/

  708. 	background-position-y:calc(-32px * 0);

  709. }

  710. .type-icon[data-type-icon='1'],

  711. .type[data-type-icon='1']

  712. {/*平衡*/

  713. 	background-position-y:calc(-32px * 1);

  714. }

  715. .type-icon[data-type-icon='2'],

  716. .type[data-type-icon='2']

  717. {/*体力*/

  718. 	background-position-y:calc(-32px * 2);

  719. }

  720. .type-icon[data-type-icon='3'],

  721. .type[data-type-icon='3']

  722. {/*回复*/

  723. 	background-position-y:calc(-32px * 3);

  724. }

  725. .type-icon[data-type-icon='4'],

  726. .type[data-type-icon='4']

  727. {/*龙*/

  728. 	background-position-y:calc(-32px * 4);

  729. }

  730. .type-icon[data-type-icon='5'],

  731. .type[data-type-icon='5']

  732. {/*神*/

  733. 	background-position-y:calc(-32px * 5);

  734. }

  735. .type-icon[data-type-icon='6'],

  736. .type[data-type-icon='6']

  737. {/*攻击*/

  738. 	background-position-y:calc(-32px * 6);

  739. }

  740. .type-icon[data-type-icon='7'],

  741. .type[data-type-icon='7']

  742. {/*恶魔*/

  743. 	background-position-y:calc(-32px * 7);

  744. }

  745. .type-icon[data-type-icon='8'],

  746. .type[data-type-icon='8']

  747. {/*机械*/

  748. 	background-position-y:calc(-32px * 8);

  749. }

  750. .type-icon[data-type-icon='9'],

  751. .type[data-type-icon='9']

  752. {/*特别保护*/

  753. 	background-position-y:calc(-32px * 9);

  754. }

  755. .type-icon[data-type-icon='12'],

  756. .type[data-type-icon='12']

  757. {/*能力觉醒用*/

  758. 	background-position-y:calc(-32px * 12);

  759. }

  760. .type-icon[data-type-icon='14'],

  761. .type[data-type-icon='14']

  762. {/*强化合成用*/

  763. 	background-position-y:calc(-32px * 14);

  764. }

  765. .type-icon[data-type-icon='15'],

  766. .type[data-type-icon='15']

  767. {/*贩卖用*/

  768. 	background-position-y:calc(-32px * 15);

  769. }

  770. /*潜在觉醒*/

  771. .latent-icon{

  772. 	background: rgba(33,28,21,0.5);

  773. 	border: 2px ridge rgba(82,82,60,0.5);

  774. 	box-shadow:inset 0 2px 1px -1px rgba(0,0,0,0.5);

  775. 	border-radius: 5px;

  776. 	box-sizing: border-box;

  777. 	display: flex;

  778. 	flex-direction: row;

  779. 	justify-content: center; /*从下往上*/

  780. 	align-items: center; /*靠右*/

  781. }

  782. .latent-icon::before,

  783. .latent-icon::after /*目前x1.5暂时只有日服支持，美服支持后删除.ds-ja*/

  784. {

  785. 	margin: -2px;

  786. 	display: inline-block;

  787. 	width: 32px;

  788. 	height: 32px;

  789. 	background-image: url(images/icon-latent.png);

  790. 	background-repeat: no-repeat;

  791. }

  792. .latent-icon::before{

  793. 	content: "";

  794. }

  795. /*7格开始没有id的，显示锁*/

  796. .latent-ul>.latent-icon:nth-of-type(n+7):not([data-latent-icon]):before {

  797. 	background-position-x: -32px;

  798. }

  799. .latent-icon[data-latent-icon]{

  800. 	background: linear-gradient(#4499EE 33%,  #2277EE 80%);

  801. 	border-color: #CCEEFF;

  802. 	box-shadow: black 1px 1px 1px,black 0px 1px 2px inset;

  803. }

  804. .latent-icon[data-latent-icon]::before{

  805. 	background-position-x: 0;

  806. }

  807. .latent-icon[data-latent-icon='1']::before{ /*HP*/

  808. 	background-position-y: calc(-32px * 1);

  809. }

  810. .latent-icon[data-latent-icon='2']::before{ /*攻击*/

  811. 	background-position-y: calc(-32px * 2);

  812. }

  813. .latent-icon[data-latent-icon='3']::before{ /*回复*/

  814. 	background-position-y: calc(-32px * 3);

  815. }

  816. .latent-icon[data-latent-icon='4']::before{ /*手指*/

  817. 	background-position-y: calc(-32px * 4);

  818. }

  819. .latent-icon[data-latent-icon='5']::before{ /*自回*/

  820. 	background-position-y: calc(-32px * 5);

  821. }

  822. .latent-icon[data-latent-icon='6']::before{ /*火盾*/

  823. 	background-position-y: calc(-32px * 6);

  824. }

  825. .latent-icon[data-latent-icon='7']::before{ /*水盾*/

  826. 	background-position-y: calc(-32px * 7);

  827. }

  828. .latent-icon[data-latent-icon='8']::before{ /*木盾*/

  829. 	background-position-y: calc(-32px * 8);

  830. }

  831. .latent-icon[data-latent-icon='9']::before{ /*光盾*/

  832. 	background-position-y: calc(-32px * 9);

  833. }

  834. .latent-icon[data-latent-icon='10']::before{ /*暗盾*/

  835. 	background-position-y: calc(-32px * 10);

  836. }

  837. .latent-icon[data-latent-icon='11']::before{ /*防坐*/

  838. 	background-position-y: calc(-32px * 11);

  839. }

  840. .latent-icon[data-latent-icon='12']::before{ /*三维*/

  841. 	background-position-y: calc(-32px * 12);

  842. }

  843. .latent-icon[data-latent-icon='13']::before{ /*不被换队长*/

  844. 	background-position-y: calc(-32px * 13);

  845. }

  846. .latent-icon[data-latent-icon='14']::before{ /*不掉废*/

  847. 	background-position-y: calc(-32px * 14);

  848. }

  849. .latent-icon[data-latent-icon='15']::before{ /*不掉毒*/

  850. 	background-position-y: calc(-32px * 15);

  851. }

  852. .latent-icon[data-latent-icon='16']::before{ /*进化杀*/

  853. 	background-position-y: calc(-32px * 16);

  854. }

  855. .latent-icon[data-latent-icon='17']::before{ /*觉醒杀*/

  856. 	background-position-y: calc(-32px * 17);

  857. }

  858. .latent-icon[data-latent-icon='18']::before{ /*强化杀*/

  859. 	background-position-y: calc(-32px * 18);

  860. }

  861. .latent-icon[data-latent-icon='19']::before{ /*卖钱杀*/

  862. 	background-position-y: calc(-32px * 19);

  863. }

  864. .latent-icon[data-latent-icon='20']::before{ /*神杀*/

  865. 	background-position-y: calc(-32px * 20);

  866. }

  867. .latent-icon[data-latent-icon='21']::before{ /*龙杀*/

  868. 	background-position-y: calc(-32px * 21);

  869. }

  870. .latent-icon[data-latent-icon='22']::before{ /*恶魔杀*/

  871. 	background-position-y: calc(-32px * 22);

  872. }

  873. .latent-icon[data-latent-icon='23']::before{ /*机械杀*/

  874. 	background-position-y: calc(-32px * 23);

  875. }

  876. .latent-icon[data-latent-icon='24']::before{ /*平衡杀*/

  877. 	background-position-y: calc(-32px * 24);

  878. }

  879. .latent-icon[data-latent-icon='25']::before{ /*攻击杀*/

  880. 	background-position-y: calc(-32px * 25);

  881. }

  882. .latent-icon[data-latent-icon='26']::before{ /*体力杀*/

  883. 	background-position-y: calc(-32px * 26);

  884. }

  885. .latent-icon[data-latent-icon='27']::before{ /*回复杀*/

  886. 	background-position-y: calc(-32px * 27);

  887. }

  888. .latent-icon[data-latent-icon='28']::before{ /*大HP*/

  889. 	background-position-y: calc(-32px * 28);

  890. }

  891. .latent-icon[data-latent-icon='29']::before{ /*大攻击*/

  892. 	background-position-y: calc(-32px * 29);

  893. }

  894. .latent-icon[data-latent-icon='30']::before{ /*大回复*/

  895. 	background-position-y: calc(-32px * 30);

  896. }

  897. .latent-icon[data-latent-icon='31']::before{ /*大手指*/

  898. 	background-position-y: calc(-32px * 31);

  899. }

  900. .latent-icon[data-latent-icon='32']::before{ /*大火盾*/

  901. 	background-position-y: calc(-32px * 32);

  902. }

  903. .latent-icon[data-latent-icon='33']::before{ /*大水盾*/

  904. 	background-position-y: calc(-32px * 33);

  905. }

  906. .latent-icon[data-latent-icon='34']::before{ /*大木盾*/

  907. 	background-position-y: calc(-32px * 34);

  908. }

  909. .latent-icon[data-latent-icon='35']::before{ /*大光盾*/

  910. 	background-position-y: calc(-32px * 35);

  911. }

  912. .latent-icon[data-latent-icon='36']::before{ /*大暗盾*/

  913. 	background-position-y: calc(-32px * 36);

  914. }

  915. .latent-icon[data-latent-icon='37']::before{ /*6色破无效*/

  916. 	background-position-y: calc(-32px * 37);

  917. }

  918. .latent-icon[data-latent-icon='38']::before{ /*3色破属吸*/

  919. 	background-position-y: calc(-32px * 38);

  920. }

  921. .latent-icon[data-latent-icon='39']::before{ /*C珠破吸*/

  922. 	background-position-y: calc(-32px * 39);

  923. }

  924. .latent-icon[data-latent-icon='40']::before{ /*心横解转转*/

  925. 	background-position-y: calc(-32px * 40);

  926. }

  927. .latent-icon[data-latent-icon='41']::before{ /*U解禁消*/

  928. 	background-position-y: calc(-32px * 41);

  929. }

  930. .latent-icon[data-latent-icon='42']::before{ /*伤害上限解除*/

  931. 	background-position-y: calc(-32px * 42);

  932. }

  933. .latent-icon[data-latent-icon='43']::before{ /*HP++*/

  934. 	background-position-y: calc(-32px * 43);

  935. }

  936. .latent-icon[data-latent-icon='44']::before{ /*攻击++*/

  937. 	background-position-y: calc(-32px * 44);

  938. }

  939. .latent-icon[data-latent-icon='45']::before{ /*回复++*/

  940. 	background-position-y: calc(-32px * 45);

  941. }

  942. .latent-icon[data-latent-icon='46']::before{ /*心追解云封*/

  943. 	background-position-y: calc(-32px * 46);

  944. }

  945. .latent-icon[data-latent-icon='47']::before{ /*心L大SB*/

  946. 	background-position-y: calc(-32px * 47);

  947. }

  948. /* 队伍界面特殊的 三维潜觉 */

  949. .latent-ul-div .latent-ul .latent-icon[data-latent-icon='12']::before

  950. {

  951. 	margin-left: -5px;

  952. 	width: 76px;

  953. 	background-position-x: -32px;

  954. }

  955. /* 潜觉编辑界面，多显示一个需求觉醒 */

  956. .m-latent-allowable-ul .latent-icon[data-latent-icon='39'],

  957. .m-latent-allowable-ul .latent-icon[data-latent-icon='40'],

  958. .m-latent-allowable-ul .latent-icon[data-latent-icon='41'],

  959. .m-latent-allowable-ul .latent-icon[data-latent-icon='46'],

  960. .m-latent-allowable-ul .latent-icon[data-latent-icon='47']{

  961. 	grid-column: span 2;

  962. }

  963. .m-latent-allowable-ul .latent-icon[data-latent-icon='39']::after,

  964. .m-latent-allowable-ul .latent-icon[data-latent-icon='40']::after,

  965. .m-latent-allowable-ul .latent-icon[data-latent-icon='41']::after,

  966. .m-latent-allowable-ul .latent-icon[data-latent-icon='46']::after,

  967. .m-latent-allowable-ul .latent-icon[data-latent-icon='47']::after{ /*C珠破吸*/

  968. 	content: "";

  969. 	background-image: url(images/awoken.png);

  970. 	margin-left: 6px;

  971. }

  972. .m-latent-allowable-ul .latent-icon[data-latent-icon='39']::after{ /*C珠破吸*/

  973. 	background-position-y: calc(-32px * 62);

  974. }

  975. .m-latent-allowable-ul .latent-icon[data-latent-icon='40']::after{ /*心横解转转*/

  976. 	background-position-y: calc(-32px * 20);

  977. }

  978. .m-latent-allowable-ul .latent-icon[data-latent-icon='41']::after{ /*U解禁消*/

  979. 	background-position-y: calc(-32px * 27);

  980. }

  981. .m-latent-allowable-ul .latent-icon[data-latent-icon='46']::after{ /*心追解云封*/

  982. 	background-position-y: calc(-32px * 45);

  983. }

  984. .m-latent-allowable-ul .latent-icon[data-latent-icon='47']::after{ /*心L大SB*/

  985. 	background-position-y: calc(-32px * 59);

  986. }

  987. 

  988. /* 额外有 x1.5 的 6格觉醒 */

  989. .level-super-break .latent-icon[data-latent-icon='13']::after,

  990. .level-super-break .latent-icon[data-latent-icon='37']::after,

  991. .level-super-break .latent-icon[data-latent-icon='38']::after,

  992. .level-super-break .latent-icon[data-latent-icon='39']::after,

  993. .level-super-break .latent-icon[data-latent-icon='40']::after,

  994. .level-super-break .latent-icon[data-latent-icon='41']::after,

  995. .level-super-break .latent-icon[data-latent-icon='46']::after,

  996. .level-super-break .latent-icon[data-latent-icon='47']::after

  997. {

  998. 	content: "";

  999. 	background-position-x: -32px;

  1000. 	background-position-y: calc(-32px * 42);

  1001. }

  1002. /* 徽章背景 */

  1003. .badge{

  1004. 	background-image: url(images/badge-bg.png);

  1005. 	width: 53px;

  1006. 	height: 41px;

  1007. 	line-height: 41px;

  1008. 	text-align: center;

  1009. 	margin-right: 5px;

  1010. }

  1011. .badge::before{

  1012. 	content: "";

  1013. 	display: inline-block;

  1014. 	vertical-align: middle;

  1015. 	background-repeat: no-repeat;

  1016. 	background-image: url(images/badge.png);

  1017. 	width: 36px; height: 30px;

  1018. 	background-position-x: 0;

  1019. }

  1020. .badge[data-badge-icon='0']::before{

  1021. 	background-position-y:calc(-30px * 0);

  1022. }

  1023. .badge[data-badge-icon='1']::before{

  1024. 	background-position-y:calc(-30px * 1);

  1025. }

  1026. .badge[data-badge-icon='2']::before{

  1027. 	background-position-y:calc(-30px * 2);

  1028. }

  1029. .badge[data-badge-icon='3']::before{

  1030. 	background-position-y:calc(-30px * 3);

  1031. }

  1032. .badge[data-badge-icon='4']::before{

  1033. 	background-position-y:calc(-30px * 4);

  1034. }

  1035. .badge[data-badge-icon='5']::before{

  1036. 	background-position-y:calc(-30px * 5);

  1037. }

  1038. .badge[data-badge-icon='6']::before{

  1039. 	background-position-y:calc(-30px * 6);

  1040. }

  1041. .badge[data-badge-icon='7']::before{

  1042. 	background-position-y:calc(-30px * 7);

  1043. }

  1044. .badge[data-badge-icon='8']::before{

  1045. 	background-position-y:calc(-30px * 8);

  1046. }

  1047. .badge[data-badge-icon='9']::before{

  1048. 	background-position-y:calc(-30px * 9);

  1049. }

  1050. .badge[data-badge-icon='10']::before{

  1051. 	background-position-y:calc(-30px * 10);

  1052. }

  1053. .badge[data-badge-icon='11']::before{

  1054. 	background-position-y:calc(-30px * 11);

  1055. }

  1056. .badge[data-badge-icon='12']::before{

  1057. 	background-position-y:calc(-30px * 12);

  1058. }

  1059. .badge[data-badge-icon='13']::before{

  1060. 	background-position-y:calc(-30px * 13);

  1061. }

  1062. .badge[data-badge-icon='14']::before{

  1063. 	background-position-y:calc(-30px * 14);

  1064. }

  1065. .badge[data-badge-icon='15']::before{

  1066. 	background-position-y:calc(-30px * 15);

  1067. }

  1068. .badge[data-badge-icon='16']::before{

  1069. 	background-position-y:calc(-30px * 16);

  1070. }

  1071. .badge[data-badge-icon='17']::before{

  1072. 	background-position-y:calc(-30px * 17);

  1073. }

  1074. .badge[data-badge-icon='18']::before{

  1075. 	background-position-y:calc(-30px * 18);

  1076. }

  1077. .badge[data-badge-icon='19']::before{

  1078. 	background-position-y:calc(-30px * 19);

  1079. }

  1080. .badge[data-badge-icon='20']::before{

  1081. 	background-position-y:calc(-30px * 20);

  1082. }

  1083. .badge[data-badge-icon='21']::before{

  1084. 	background-position-y:calc(-30px * 21);

  1085. }

  1086. .badge[data-badge-icon='22']::before{

  1087. 	background-position-y:calc(-30px * 22);

  1088. }

  1089. .badge[data-badge-icon='23']::before{

  1090. 	background-position-y:calc(-30px * 23);

  1091. }

  1092. .badge[data-badge-icon='50']::before{

  1093. 	background-position-x: -36px;

  1094. 	background-position-y: 0;

  1095. }

  1096. 

  1097. /*属性图片*/

  1098. .attr

  1099. {

  1100. 	display: inline-block;

  1101. 	width: 36px;

  1102. 	height: 36px;

  1103. 	line-height: 36px;

  1104. 	background-image: url(images/attrs.png);

  1105. 	background-position-y:calc(36px);

  1106. 	background-repeat: no-repeat;

  1107. 	vertical-align: bottom;

  1108. }

  1109. .attr[data-attr-icon='any'],

  1110. .attr[data-attr-icon='self']

  1111. {

  1112. 	background-position-x: -36px;

  1113. 	background-position-y:calc(-36px * 0);

  1114. }

  1115. .attr[data-attr-icon='fixed']

  1116. {

  1117. 	background-position-x: -36px;

  1118. 	background-position-y:calc(-36px * 1);

  1119. }

  1120. 

  1121. .attr[data-attr-icon='-1']

  1122. {

  1123. 	width: auto;

  1124. }

  1125. .attr[data-attr-icon='0']

  1126. {

  1127. 	background-position-y:calc(-36px * 0);

  1128. }

  1129. .attr[data-attr-icon='1']

  1130. {

  1131. 	background-position-y:calc(-36px * 1);

  1132. }

  1133. .attr[data-attr-icon='2']

  1134. {

  1135. 	background-position-y:calc(-36px * 2);

  1136. }

  1137. .attr[data-attr-icon='3']

  1138. {

  1139. 	background-position-y:calc(-36px * 3);

  1140. }

  1141. .attr[data-attr-icon='4']

  1142. {

  1143. 	background-position-y:calc(-36px * 4);

  1144. }

  1145. .attr[data-attr-icon='5']

  1146. {

  1147. 	background-position-y:calc(-36px * 5);

  1148. }

  1149. .attr[data-attr-icon='6']

  1150. {

  1151. 	background-position-y:calc(-36px * 6);

  1152. }

  1153. 

  1154. /*珠子图片*/

  1155. .orb,

  1156. .orb::before,

  1157. .orb::after

  1158. {

  1159. 	display: inline-block;

  1160. 	width: 36px;

  1161. 	height: 36px;

  1162. 	background-image: url(images/icon-orbs.png);

  1163. 	background-position-y: 36px;

  1164. 	background-repeat: no-repeat;

  1165. 	vertical-align: bottom;

  1166. }

  1167. .orb::before,

  1168. .orb::after

  1169. {

  1170. 	background-position-x: -36px;

  1171. 	position: absolute;

  1172. 	left: 0;

  1173. 	right: 0;

  1174. }

  1175. .orb.enhanced::after

  1176. {

  1177. 	content: "";

  1178. 	background-position-y:calc(-36px * 0);

  1179. }

  1180. .orb.locked::before

  1181. {

  1182. 	content: "";

  1183. 	background-position-y:calc(-36px * 1);

  1184. }

  1185. .orb.drop::before

  1186. {

  1187. 	content: "";

  1188. 	background-position-y:calc(-36px * 2);

  1189. }

  1190. .orb.bound

  1191. {

  1192. 	filter:brightness(0.8);

  1193. }

  1194. .orb.bound::before

  1195. {

  1196. 	content: "";

  1197. 	background-position-y:calc(-36px * 3);

  1198. 	animation: hidden-visible-animate 0.8s infinite ease-out alternate;

  1199. }

  1200. 

  1201. .orb[data-orb-icon='_5color']

  1202. {

  1203. 	background-image: url(images/icon-skills.png);

  1204. 	background-position-y:calc(-36px * 24);

  1205. }

  1206. .orb[data-orb-icon='-1']

  1207. {

  1208. 	width: auto;

  1209. }

  1210. .orb[data-orb-icon='0']

  1211. {

  1212. 	background-position-y:calc(-36px * 0);

  1213. }

  1214. .orb[data-orb-icon='1']

  1215. {

  1216. 	background-position-y:calc(-36px * 1);

  1217. }

  1218. .orb[data-orb-icon='2']

  1219. {

  1220. 	background-position-y:calc(-36px * 2);

  1221. }

  1222. .orb[data-orb-icon='3']

  1223. {

  1224. 	background-position-y:calc(-36px * 3);

  1225. }

  1226. .orb[data-orb-icon='4']

  1227. {

  1228. 	background-position-y:calc(-36px * 4);

  1229. }

  1230. .orb[data-orb-icon='5']

  1231. {

  1232. 	background-position-y:calc(-36px * 5);

  1233. }

  1234. .orb[data-orb-icon='6']

  1235. {

  1236. 	background-position-y:calc(-36px * 6);

  1237. }

  1238. .orb[data-orb-icon='7']

  1239. {

  1240. 	background-position-y:calc(-36px * 7);

  1241. }

  1242. .orb[data-orb-icon='8']

  1243. {

  1244. 	background-position-y:calc(-36px * 8);

  1245. }

  1246. .orb[data-orb-icon='9']

  1247. {

  1248. 	background-position-y:calc(-36px * 9);

  1249. }