很多的重构,包括怪物头像

This commit is contained in:
枫谷剑仙 2020-03-19 21:59:44 +08:00
parent 3b1bf482ba
commit 95ef7e03ef
6 changed files with 529 additions and 520 deletions

View File

@ -1,26 +1,26 @@
var languageList = [
{
name:"English",i18n:"en",searchlist:["en","ja"],
guideURL:"http://www.puzzledragonx.com/en/monster.asp?n=$1"
guideURL:id=>`http://www.puzzledragonx.com/en/monster.asp?n=${id}` //or (id,name)=>`http://www.puzzledragonx.com/en/search.asp?q=${name}`
},
{
name:"中文(繁體)",i18n:"zh-TW",searchlist:["cht","ja"],
guideURL:"http://pad.skyozora.com/pets/$1"
guideURL:id=>`http://pad.skyozora.com/pets/${id}`
},
{
name:"中文(简体)技能解析",i18n:"zh-CN",searchlist:["chs","ja"],
guideURL:"http://pad.skyozora.com/pets/$1"
guideURL:id=>`http://pad.skyozora.com/pets/${id}`
},
{
name:"中文(简体)原版技能",i18n:"zh",searchlist:["chs","ja"],
guideURL:"http://pad.skyozora.com/pets/$1"
guideURL:id=>`http://pad.skyozora.com/pets/${id}`
},
{
name:"日本語",i18n:"ja",searchlist:["ja"],
guideURL:"https://pd.appbank.net/m$1" //or https://altema.jp/pazudora/monster/$1
guideURL:id=>`https://pd.appbank.net/m${id}` //or id=>`https://pd.appbank.net/m${id}`
},
{
name:"한국어",i18n:"ko",searchlist:["ko","ja"],
guideURL:"http://www.thisisgame.com/pad/info/monster/detail.php?code=$1"
guideURL:id=>`http://www.thisisgame.com/pad/info/monster/detail.php?code=${id}`
},
];

136
script.js
View File

@ -3,15 +3,18 @@ var Skills; //技能数据
var currentLanguage; //当前语言
var currentDataSource; //当前数据
const teamBigBoxs = []; //储存全部teamBigBox
const allMembers = []; //储存所有成员,包含辅助
var interchangeSvg; //储存划线的SVG
var controlBox; //储存整个controlBox
var statusLine; //储存状态栏
var formationBox; //储存整个formationBox
var teamBigBoxs = []; //储存全部teamBigBox
var allMembers = []; //储存所有成员,包含辅助
var editBox; //储存整个editBox
var showSearch; //整个程序都可以用的显示搜索函数
const className_displayNone = "display-none";
//数组去重
/* https://www.cnblogs.com/baiyangyuanzi/p/6726258.html
* 实现思路获取没重复的最右一值放入新数组
@ -747,12 +750,12 @@ function initialize()
editBox.latentBox = null;
editBox.memberIdx = []; //储存队伍数组下标
editBox.show = function(){
this.classList.remove("display-none");
this.classList.remove(className_displayNone);
formationBox.classList.add("blur-bg");
controlBox.classList.add("blur-bg");
};
editBox.hide = function(){
this.classList.add("display-none");
this.classList.add(className_displayNone);
formationBox.classList.remove("blur-bg");
controlBox.classList.remove("blur-bg");
};
@ -811,7 +814,7 @@ function initialize()
searchOpen.onclick = function(){
s_includeSuperAwoken.onclick();
s_canAssist.onclick();
searchBox.classList.toggle("display-none");
searchBox.classList.toggle(className_displayNone);
};
const s_attr1s = Array.from(searchBox.querySelectorAll(".attrs .attr-list-1 .attr-radio"));
@ -844,9 +847,9 @@ function initialize()
const s_includeSuperAwoken = searchBox.querySelector("#include-super-awoken"); //搜索超觉醒
s_includeSuperAwoken.onclick = function(){
if (this.checked)
s_sawokenDiv.classList.add("display-none");
s_sawokenDiv.classList.add(className_displayNone);
else
s_sawokenDiv.classList.remove("display-none");
s_sawokenDiv.classList.remove(className_displayNone);
};
function search_awokenAdd1()
@ -915,10 +918,10 @@ function initialize()
//将搜索结果显示出来(也可用于其他的搜索)
showSearch = function(searchArr){
editBox.show();
searchBox.classList.remove("display-none");
searchBox.classList.remove(className_displayNone);
const createCardHead = editBox.createCardHead;
searchMonList.classList.add("display-none");
searchMonList.classList.add(className_displayNone);
searchMonList.innerHTML = ""; //清空旧的
if (searchArr.length>0)
{
@ -930,7 +933,7 @@ function initialize()
headsArray.forEach(head=>fragment.appendChild(head));
searchMonList.appendChild(fragment);
}
searchMonList.classList.remove("display-none");
searchMonList.classList.remove(className_displayNone);
};
const startSearch = function(cards){
const attr1Filter = s_attr1s.filter(returnCheckedInput).map(returnInputValue);
@ -959,7 +962,8 @@ function initialize()
const typesFilter = s_types.filter(returnCheckedInput).map(returnInputValue).map(Str2Int);
const sawokensFilter = s_sawokens.filter(returnCheckedInput).map(returnInputValue).map(Str2Int);
const awokensFilter = s_awokensCounts.filter(btn=>parseInt(btn.innerHTML,10)>0).map(btn=>{
return {id:parseInt(btn.value,10),num:parseInt(btn.innerHTML,10)};
const awokenIndex = parseInt(btn.parentNode.querySelector(".awoken-icon").getAttribute("data-awoken-icon"),10);
return {id:awokenIndex,num:parseInt(btn.innerHTML,10)};
});
const searchResult = searchCards(cards,
attr1,attr2,
@ -977,7 +981,7 @@ function initialize()
startSearch(Cards);
};
searchClose.onclick = function(){
searchBox.classList.add("display-none");
searchBox.classList.add(className_displayNone);
};
searchClear.onclick = function(){ //清空搜索选项
s_attr1s[0].checked = true;
@ -1023,12 +1027,12 @@ function initialize()
//对搜索到的Cards重新排序
function reSortCards()
{
searchMonList.classList.add("display-none");
searchMonList.classList.add(className_displayNone);
let fragment = document.createDocumentFragment(); //创建节点用的临时空间
const headsArray = sortHeadsArray(searchMonList.originalHeads);
headsArray.forEach(head=>fragment.appendChild(head));
searchMonList.appendChild(fragment);
searchMonList.classList.remove("display-none");
searchMonList.classList.remove(className_displayNone);
}
s_sortList.onchange = reSortCards;
s_sortReverse.onchange = reSortCards;
@ -1171,16 +1175,16 @@ function initialize()
if (latent[ai] != undefined) //有的潜觉
{
monEditLatents[ai].setAttribute("data-latent-icon", latent[ai]);
monEditLatents[ai].classList.remove("display-none");
monEditLatents[ai].classList.remove(className_displayNone);
}
else if(ai < showLatentCount) //空格
{
monEditLatents[ai].removeAttribute("data-latent-icon");
monEditLatents[ai].classList.remove("display-none");
monEditLatents[ai].classList.remove(className_displayNone);
}
else //不显示的部分
{
monEditLatents[ai].classList.add("display-none");
monEditLatents[ai].classList.add(className_displayNone);
}
}
};
@ -1222,7 +1226,7 @@ function initialize()
//可选觉醒的添加
function addLatent(){
if (this.classList.contains("unselected-latent")) return; //不能选的觉醒直接退出
const lIdx = parseInt(this.value); //潜觉的序号
const lIdx = parseInt(this.getAttribute("data-latent-icon"),10); //潜觉的序号
const usedHoleN = usedHole(editBox.latent); //使用了的格子
const maxLatentCount = getMaxLatentCount(editBox.mid); //最大潜觉数量
if (lIdx >= 12 && usedHoleN<=(maxLatentCount-2) || //如果能添加2格的觉醒
@ -1340,7 +1344,7 @@ function initialize()
editBox.hide();
};
window.onkeydown = function(e){
if (!editBox.classList.contains("display-none"))
if (!editBox.classList.contains(className_displayNone))
{
if (e.keyCode == 27)
{ //按下ESC时自动关闭编辑窗
@ -1580,28 +1584,30 @@ function changeid(mon,monDom,latentDom)
parentNode.classList.add("delay");
parentNode.classList.remove("null");
parentNode.appendChild(fragment);
if (latentDom) latentDom.classList.add("display-none");
if (latentDom) latentDom.classList.add(className_displayNone);
return;
}else if (monId==0) //如果是空
{
parentNode.classList.add("null");
parentNode.classList.remove("delay");
parentNode.appendChild(fragment);
if (latentDom) latentDom.classList.add("display-none");
if (latentDom) latentDom.classList.add(className_displayNone);
return;
}else if (monId>-1) //如果提供了id
{
parentNode.classList.remove("null");
parentNode.classList.remove("delay");
monDom.className = "monster";
monDom.classList.add("pet-cards-" + Math.ceil(monId/100)); //添加图片编号
monDom.setAttribute("data-cards-pic-idx",Math.ceil(monId/100)); //添加图片编号
const idxInPage = (monId-1) % 100; //获取当前页面的总序号
monDom.classList.add("pet-cards-index-x-" + idxInPage % 10); //添加X方向序号
monDom.classList.add("pet-cards-index-y-" + parseInt(idxInPage / 10)); //添加Y方向序号
monDom.querySelector(".property").className = "property property-" + card.attrs[0]; //主属性
monDom.querySelector(".subproperty").className = "subproperty subproperty-" + card.attrs[1]; //副属性
monDom.setAttribute("data-cards-pic-x", idxInPage % 10); //添加X方向序号
monDom.setAttribute("data-cards-pic-y", Math.floor(idxInPage / 10)); //添加Y方向序号
monDom.querySelector(".property").setAttribute("data-property", card.attrs[0]); //主属性
monDom.querySelector(".subproperty").setAttribute("data-property", card.attrs[1]); //副属性
monDom.title = "No." + monId + " " + (card.otLangName ? (card.otLangName[currentLanguage.searchlist[0]] || card.name) : card.name);
monDom.href = monId.toString().replace(/^(\d+)$/ig,currentLanguage.guideURL);
monDom.href = currentLanguage.guideURL(monId, card.name);
if (card.canAssist)
monDom.classList.add("allowable-assist");
else
@ -1636,11 +1642,11 @@ function changeid(mon,monDom,latentDom)
const awokenIcon = monDom.querySelector(".awoken-count");
if (mon.awoken == 0 || card.awakenings.length < 1 || !awokenIcon) //没觉醒
{
awokenIcon.classList.add("display-none");
awokenIcon.classList.add(className_displayNone);
awokenIcon.innerHTML = "";
}else
{
awokenIcon.classList.remove("display-none");
awokenIcon.classList.remove(className_displayNone);
awokenIcon.innerHTML = mon.awoken;
if (mon.awoken == card.awakenings.length)
{
@ -1656,12 +1662,12 @@ function changeid(mon,monDom,latentDom)
{
if (mon.sawoken != undefined && mon.sawoken>=0 && card.superAwakenings.length)
{
sawoken.classList.remove("display-none");
sawoken.classList.remove(className_displayNone);
const sawokenIcon = sawoken.querySelector(".awoken-icon");
sawokenIcon.setAttribute("data-awoken-icon",card.superAwakenings[mon.sawoken]);
}else
{
sawoken.classList.add("display-none");
sawoken.classList.add(className_displayNone);
}
}
const m_id = monDom.querySelector(".id");
@ -1676,18 +1682,18 @@ function changeid(mon,monDom,latentDom)
const plusCount = plusArr[0]+plusArr[1]+plusArr[2];
if (plusCount <= 0)
{
plusDom.classList.add("display-none");
plusDom.classList.add(className_displayNone);
}else if (plusCount >= 297)
{
plusDom.classList.add("has297");
plusDom.classList.remove("display-none");
plusDom.classList.remove(className_displayNone);
}else
{
plusDom.querySelector(".hp").innerHTML = plusArr[0];
plusDom.querySelector(".atk").innerHTML = plusArr[1];
plusDom.querySelector(".rcv").innerHTML = plusArr[2];
plusDom.classList.remove("has297");
plusDom.classList.remove("display-none");
plusDom.classList.remove(className_displayNone);
}
}
if (latentDom)
@ -1702,10 +1708,10 @@ function changeid(mon,monDom,latentDom)
});
if (latent.length < 1)
{
latentDom.classList.add("display-none");
latentDom.classList.add(className_displayNone);
}else
{
latentDom.classList.remove("display-none");
latentDom.classList.remove(className_displayNone);
const usedHoleN = usedHole(latent); //使用的格子数
const maxLatentCount = getMaxLatentCount(mon.id); //最大潜觉数量
@ -1715,22 +1721,22 @@ function changeid(mon,monDom,latentDom)
if (latent[ai]) //有的潜觉
{
latentDoms[ai].setAttribute("data-latent-icon", latent[ai]);
latentDoms[ai].classList.remove("display-none");
latentDoms[ai].classList.remove(className_displayNone);
}
else if(ai<showLatentCount) //空格
{
latentDoms[ai].removeAttribute("data-latent-icon");
latentDoms[ai].classList.remove("display-none");
latentDoms[ai].classList.remove(className_displayNone);
}
else //不显示的部分
{
latentDoms[ai].classList.add("display-none");
latentDoms[ai].classList.add(className_displayNone);
}
}
}
}else
{
latentDom.classList.add("display-none");
latentDom.classList.add(className_displayNone);
}
}
@ -1740,10 +1746,10 @@ function changeid(mon,monDom,latentDom)
//const skill = Skills[card.activeSkillId];
if (card.activeSkillId == 0)
{
skillCdDom.classList.add("display-none");
skillCdDom.classList.add(className_displayNone);
}else
{
skillCdDom.classList.remove("display-none");
skillCdDom.classList.remove(className_displayNone);
}
}
@ -1809,13 +1815,13 @@ function editMon(teamNum,isAssist,indexInTeam)
{
editBox.latent = mon.latent ? mon.latent.concat() : [];
editBox.refreshLatent(editBox.latent, mon.id);
btnDelay.classList.add("display-none");
rowMonLatent.classList.remove("display-none");
btnDelay.classList.add(className_displayNone);
rowMonLatent.classList.remove(className_displayNone);
editBoxTitle.classList.remove("edit-box-title-assist");
}else
{
btnDelay.classList.remove("display-none");
rowMonLatent.classList.add("display-none");
btnDelay.classList.remove(className_displayNone);
rowMonLatent.classList.add(className_displayNone);
editBoxTitle.classList.add("edit-box-title-assist");
}
editBox.reCalculateExp();
@ -1857,20 +1863,20 @@ function editBoxChangeMonId(id)
mSeriesId.setAttribute("data-seriesId",card.seriesId);
if (card.seriesId == 0)
{
mSeriesId.classList.add("display-none");
mSeriesId.classList.add(className_displayNone);
}else
{
mSeriesId.classList.remove("display-none");
mSeriesId.classList.remove(className_displayNone);
}
const mCollabId = monInfoBox.querySelector(".monster-collabId");
mCollabId.innerHTML = card.collabId;
mCollabId.setAttribute("data-collabId",card.collabId);
if (card.collabId == 0)
{
mCollabId.classList.add("display-none");
mCollabId.classList.add(className_displayNone);
}else
{
mCollabId.classList.remove("display-none");
mCollabId.classList.remove(className_displayNone);
}
const mAltName = monInfoBox.querySelector(".monster-altName");
mAltName.innerHTML = card.altName;
@ -1878,10 +1884,10 @@ function editBoxChangeMonId(id)
if (card.altName.length == 0)
{ //当没有合作名
mAltName.classList.add("display-none");
mAltName.classList.add(className_displayNone);
}else
{
mAltName.classList.remove("display-none");
mAltName.classList.remove(className_displayNone);
}
const evoCardUl = settingBox.querySelector(".row-mon-id .evo-card-list");
@ -1915,10 +1921,10 @@ function editBoxChangeMonId(id)
{
mType[ti].setAttribute("data-type-name",card.types[ti]);
mType[ti].querySelector(".type-icon").setAttribute("data-type-icon",card.types[ti]);
mType[ti].classList.remove("display-none");
mType[ti].classList.remove(className_displayNone);
}else
{
mType[ti].classList.add("display-none");
mType[ti].classList.add(className_displayNone);
}
}
@ -1962,10 +1968,10 @@ function editBoxChangeMonId(id)
mSAwoken[ai].classList.add(`display-none`);
}
}
monEditSAwokensRow.classList.remove("display-none");
monEditSAwokensRow.classList.remove(className_displayNone);
}else
{
monEditSAwokensRow.classList.add("display-none");
monEditSAwokensRow.classList.add(className_displayNone);
}
monEditSAwokensRow.querySelector("#sawoken-choice--1").click(); //选中隐藏的空超觉
@ -1976,10 +1982,10 @@ function editBoxChangeMonId(id)
const monEditLv110 = settingBox.querySelector(".m-level-btn-110");
if (card.limitBreakIncr)
{
monEditLv110.classList.remove("display-none");
monEditLv110.classList.remove(className_displayNone);
}else
{
monEditLv110.classList.add("display-none");
monEditLv110.classList.add(className_displayNone);
}
const rowPlus = settingBox.querySelector(".row-mon-plus");
const rowLatent = settingBox.querySelector(".row-mon-latent");
@ -2150,9 +2156,9 @@ function refreshTeamAwokenCount(awokenDom,team){
const countDom = ali.querySelector(".count");
countDom.innerHTML = number;
if (number)
ali.classList.remove("display-none");
ali.classList.remove(className_displayNone);
else
ali.classList.add("display-none");
ali.classList.add(className_displayNone);
}
for (let ai=1;ai<=72;ai++)
{
@ -2189,9 +2195,9 @@ function refreshFormationAwokenCount(awokenDom,teams){
const countDom = ali.querySelector(".count");
countDom.innerHTML = number;
if (number)
ali.classList.remove("display-none");
ali.classList.remove(className_displayNone);
else
ali.classList.add("display-none");
ali.classList.add(className_displayNone);
}
for (let ai=1;ai<=72;ai++)
@ -2240,11 +2246,11 @@ function refreshAbility(abilityDom,team,idx){
[hpDom,atkDom,rcvDom].forEach(function(div,ai){
if (mainAbility)
{
div.classList.remove("display-none");
div.classList.remove(className_displayNone);
div.innerHTML = memberData.ability[ai];
}else
{
div.classList.add("display-none");
div.classList.add(className_displayNone);
div.innerHTML = 0;
}
});

210
solo.html
View File

@ -435,78 +435,78 @@ var formation = new Formation(teamsCount,6);
<input type="checkbox" name="include-super-awoken" class="config-checkbox-ipt" id="include-super-awoken"><label class="config-checkbox-lbl include-super-awoken-label" for="include-super-awoken"><div class="config-checkbox-lbl-cicle"></div></label>
</div>
<ul class="awoken-ul">
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="43" value="43"></button><button class="count" value="43">0</button></li><!--7c-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="61" value="61"></button><button class="count" value="61">0</button></li><!--10c-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="58" value="58"></button><button class="count" value="58">0</button></li><!--下半血强化-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="48" value="48"></button><button class="count" value="48">0</button></li><!--破无效-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="19" value="19"></button><button class="count" value="19">0</button></li><!--手指-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="21" value="21"></button><button class="count" value="21">0</button></li><!--SB-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="45" value="45"></button><button class="count" value="45">0</button></li><!--心追-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="49" value="49"></button><button class="count" value="49">0</button></li><!--武器觉醒-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="52" value="52"></button><button class="count" value="52">0</button></li><!--大防封-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="11" value="11"></button><button class="count" value="11">0</button></li><!--防暗-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="12" value="12"></button><button class="count" value="12">0</button></li><!--防废-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="13" value="13"></button><button class="count" value="13">0</button></li><!--防毒-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="54" value="54"></button><button class="count" value="54">0</button></li><!--防云-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="55" value="55"></button><button class="count" value="55">0</button></li><!--防封条-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="1" value="1"></button><button class="count" value="1">0</button></li><!--HP+-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="2" value="2"></button><button class="count" value="2">0</button></li><!--攻击+-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="3" value="3"></button><button class="count" value="3">0</button></li><!--回复+-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="4" value="4"></button><button class="count" value="4">0</button></li><!--火盾-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="5" value="5"></button><button class="count" value="5">0</button></li><!--水盾-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="6" value="6"></button><button class="count" value="6">0</button></li><!--木盾-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="7" value="7"></button><button class="count" value="7">0</button></li><!--光盾-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="8" value="8"></button><button class="count" value="8">0</button></li><!--暗盾-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="9" value="9"></button><button class="count" value="9">0</button></li><!--自回-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="10" value="10"></button><button class="count" value="10">0</button></li><!--防封-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="14" value="14"></button><button class="count" value="14">0</button></li><!--火+-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="15" value="15"></button><button class="count" value="15">0</button></li><!--水+-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="16" value="16"></button><button class="count" value="16">0</button></li><!--木+-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="17" value="17"></button><button class="count" value="17">0</button></li><!--光+-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="18" value="18"></button><button class="count" value="18">0</button></li><!--暗+-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="20" value="20"></button><button class="count" value="20">0</button></li><!--心解-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="22" value="22"></button><button class="count" value="22">0</button></li><!--火横-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="23" value="23"></button><button class="count" value="23">0</button></li><!--水横-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="24" value="24"></button><button class="count" value="24">0</button></li><!--木横-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="25" value="25"></button><button class="count" value="25">0</button></li><!--光横-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="26" value="26"></button><button class="count" value="26">0</button></li><!--暗横-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="27" value="27"></button><button class="count" value="27">0</button></li><!--U-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="28" value="28"></button><button class="count" value="28">0</button></li><!--SX-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="29" value="29"></button><button class="count" value="29">0</button></li><!--心+-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="30" value="30"></button><button class="count" value="30">0</button></li><!--协力-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="31" value="31"></button><button class="count" value="31">0</button></li><!--龙杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="32" value="32"></button><button class="count" value="32">0</button></li><!--神杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="33" value="33"></button><button class="count" value="33">0</button></li><!--恶魔杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="34" value="34"></button><button class="count" value="34">0</button></li><!--机杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="35" value="35"></button><button class="count" value="35">0</button></li><!--平衡杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="36" value="36"></button><button class="count" value="36">0</button></li><!--攻击杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="37" value="37"></button><button class="count" value="37">0</button></li><!--体力杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="38" value="38"></button><button class="count" value="38">0</button></li><!--回复杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="39" value="39"></button><button class="count" value="39">0</button></li><!--进化杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="40" value="40"></button><button class="count" value="40">0</button></li><!--觉醒杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="41" value="41"></button><button class="count" value="41">0</button></li><!--强化杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="42" value="42"></button><button class="count" value="42">0</button></li><!--卖钱杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="44" value="44"></button><button class="count" value="44">0</button></li><!--5色破防-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="46" value="46"></button><button class="count" value="46">0</button></li><!--全体HP-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="47" value="47"></button><button class="count" value="47">0</button></li><!--全体回复-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="50" value="50"></button><button class="count" value="50">0</button></li><!--方块心追-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="51" value="51"></button><button class="count" value="51">0</button></li><!--5色溜-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="53" value="53"></button><button class="count" value="53">0</button></li><!--大手指-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="56" value="56"></button><button class="count" value="56">0</button></li><!--大SB-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="57" value="57"></button><button class="count" value="57">0</button></li><!--满血强化-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="59" value="59"></button><button class="count" value="59">0</button></li><!--L盾-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="60" value="60"></button><button class="count" value="60">0</button></li><!--L解锁-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="62" value="62"></button><button class="count" value="62">0</button></li><!--c珠-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="63" value="63"></button><button class="count" value="63">0</button></li><!--语音-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="64" value="64"></button><button class="count" value="64">0</button></li><!--奖励增加-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="65" value="65"></button><button class="count" value="65">0</button></li><!--HP--->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="66" value="66"></button><button class="count" value="66">0</button></li><!--攻击--->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="67" value="67"></button><button class="count" value="67">0</button></li><!--回复--->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="68" value="68"></button><button class="count" value="68">0</button></li><!--大防暗-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="69" value="69"></button><button class="count" value="69">0</button></li><!--大防废-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="70" value="70"></button><button class="count" value="70">0</button></li><!--大防毒-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="71" value="71"></button><button class="count" value="71">0</button></li><!--掉废-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="72" value="72"></button><button class="count" value="72">0</button></li><!--掉毒-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="43"></button><button class="count">0</button></li><!--7c-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="61"></button><button class="count">0</button></li><!--10c-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="58"></button><button class="count">0</button></li><!--下半血强化-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="48"></button><button class="count">0</button></li><!--破无效-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="19"></button><button class="count">0</button></li><!--手指-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="21"></button><button class="count">0</button></li><!--SB-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="45"></button><button class="count">0</button></li><!--心追-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="49"></button><button class="count">0</button></li><!--武器觉醒-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="52"></button><button class="count">0</button></li><!--大防封-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="11"></button><button class="count">0</button></li><!--防暗-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="12"></button><button class="count">0</button></li><!--防废-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="13"></button><button class="count">0</button></li><!--防毒-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="54"></button><button class="count">0</button></li><!--防云-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="55"></button><button class="count">0</button></li><!--防封条-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="1"></button><button class="count">0</button></li><!--HP+-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="2"></button><button class="count">0</button></li><!--攻击+-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="3"></button><button class="count">0</button></li><!--回复+-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="4"></button><button class="count">0</button></li><!--火盾-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="5"></button><button class="count">0</button></li><!--水盾-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="6"></button><button class="count">0</button></li><!--木盾-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="7"></button><button class="count">0</button></li><!--光盾-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="8"></button><button class="count">0</button></li><!--暗盾-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="9"></button><button class="count">0</button></li><!--自回-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="10"></button><button class="count">0</button></li><!--防封-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="14"></button><button class="count">0</button></li><!--火+-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="15"></button><button class="count">0</button></li><!--水+-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="16"></button><button class="count">0</button></li><!--木+-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="17"></button><button class="count">0</button></li><!--光+-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="18"></button><button class="count">0</button></li><!--暗+-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="20"></button><button class="count">0</button></li><!--心解-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="22"></button><button class="count">0</button></li><!--火横-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="23"></button><button class="count">0</button></li><!--水横-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="24"></button><button class="count">0</button></li><!--木横-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="25"></button><button class="count">0</button></li><!--光横-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="26"></button><button class="count">0</button></li><!--暗横-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="27"></button><button class="count">0</button></li><!--U-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="28"></button><button class="count">0</button></li><!--SX-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="29"></button><button class="count">0</button></li><!--心+-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="30"></button><button class="count">0</button></li><!--协力-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="31"></button><button class="count">0</button></li><!--龙杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="32"></button><button class="count">0</button></li><!--神杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="33"></button><button class="count">0</button></li><!--恶魔杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="34"></button><button class="count">0</button></li><!--机杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="35"></button><button class="count">0</button></li><!--平衡杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="36"></button><button class="count">0</button></li><!--攻击杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="37"></button><button class="count">0</button></li><!--体力杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="38"></button><button class="count">0</button></li><!--回复杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="39"></button><button class="count">0</button></li><!--进化杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="40"></button><button class="count">0</button></li><!--觉醒杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="41"></button><button class="count">0</button></li><!--强化杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="42"></button><button class="count">0</button></li><!--卖钱杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="44"></button><button class="count">0</button></li><!--5色破防-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="46"></button><button class="count">0</button></li><!--全体HP-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="47"></button><button class="count">0</button></li><!--全体回复-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="50"></button><button class="count">0</button></li><!--方块心追-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="51"></button><button class="count">0</button></li><!--5色溜-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="53"></button><button class="count">0</button></li><!--大手指-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="56"></button><button class="count">0</button></li><!--大SB-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="57"></button><button class="count">0</button></li><!--满血强化-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="59"></button><button class="count">0</button></li><!--L盾-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="60"></button><button class="count">0</button></li><!--L解锁-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="62"></button><button class="count">0</button></li><!--c珠-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="63"></button><button class="count">0</button></li><!--语音-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="64"></button><button class="count">0</button></li><!--奖励增加-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="65"></button><button class="count">0</button></li><!--HP--->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="66"></button><button class="count">0</button></li><!--攻击--->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="67"></button><button class="count">0</button></li><!--回复--->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="68"></button><button class="count">0</button></li><!--大防暗-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="69"></button><button class="count">0</button></li><!--大防废-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="70"></button><button class="count">0</button></li><!--大防毒-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="71"></button><button class="count">0</button></li><!--掉废-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="72"></button><button class="count">0</button></li><!--掉毒-->
</ul>
</div>
<div class="sawoken-div"><!--超觉醒-->
@ -709,39 +709,39 @@ var formation = new Formation(teamsCount,6);
<li class="latent-icon"></li>
</ul>
<ul class="m-latent-allowable-ul">
<li class="latent-icon" data-latent-icon="1" value="1"></li><!--HP-->
<li class="latent-icon" data-latent-icon="2" value="2"></li><!--攻击-->
<li class="latent-icon" data-latent-icon="3" value="3"></li><!--回复-->
<li class="latent-icon" data-latent-icon="4" value="4"></li><!--手指-->
<li class="latent-icon" data-latent-icon="5" value="5"></li><!--自回-->
<li class="latent-icon" data-latent-icon="6" value="6"></li><!--火盾-->
<li class="latent-icon" data-latent-icon="7" value="7"></li><!--水盾-->
<li class="latent-icon" data-latent-icon="8" value="8"></li><!--木盾-->
<li class="latent-icon" data-latent-icon="9" value="9"></li><!--光盾-->
<li class="latent-icon" data-latent-icon="10" value="10"></li><!--暗盾-->
<li class="latent-icon" data-latent-icon="11" value="11"></li><!--防坐-->
<li class="latent-icon" data-latent-icon="12" value="12"></li><!--三维-->
<li class="latent-icon" data-latent-icon="13" value="13"></li><!--进化杀-->
<li class="latent-icon" data-latent-icon="14" value="14"></li><!--觉醒杀-->
<li class="latent-icon" data-latent-icon="15" value="15"></li><!--强化杀-->
<li class="latent-icon" data-latent-icon="16" value="16"></li><!--卖钱杀-->
<li class="latent-icon" data-latent-icon="17" value="17"></li><!--神杀-->
<li class="latent-icon" data-latent-icon="18" value="18"></li><!--龙杀-->
<li class="latent-icon" data-latent-icon="19" value="19"></li><!--恶魔杀-->
<li class="latent-icon" data-latent-icon="20" value="20"></li><!--机械杀-->
<li class="latent-icon" data-latent-icon="21" value="21"></li><!--平衡杀-->
<li class="latent-icon" data-latent-icon="22" value="22"></li><!--攻击杀-->
<li class="latent-icon" data-latent-icon="23" value="23"></li><!--体力杀-->
<li class="latent-icon" data-latent-icon="24" value="24"></li><!--回复杀-->
<li class="latent-icon" data-latent-icon="25" value="25"></li><!--大HP-->
<li class="latent-icon" data-latent-icon="26" value="26"></li><!--大攻击-->
<li class="latent-icon" data-latent-icon="27" value="27"></li><!--大回复-->
<li class="latent-icon" data-latent-icon="28" value="28"></li><!--大手指-->
<li class="latent-icon" data-latent-icon="29" value="29"></li><!--大火盾-->
<li class="latent-icon" data-latent-icon="30" value="30"></li><!--大水盾-->
<li class="latent-icon" data-latent-icon="31" value="31"></li><!--大木盾-->
<li class="latent-icon" data-latent-icon="32" value="32"></li><!--大光盾-->
<li class="latent-icon" data-latent-icon="33" value="33"></li><!--大暗盾-->
<li class="latent-icon" data-latent-icon="1"></li><!--HP-->
<li class="latent-icon" data-latent-icon="2"></li><!--攻击-->
<li class="latent-icon" data-latent-icon="3"></li><!--回复-->
<li class="latent-icon" data-latent-icon="4"></li><!--手指-->
<li class="latent-icon" data-latent-icon="5"></li><!--自回-->
<li class="latent-icon" data-latent-icon="6"></li><!--火盾-->
<li class="latent-icon" data-latent-icon="7"></li><!--水盾-->
<li class="latent-icon" data-latent-icon="8"></li><!--木盾-->
<li class="latent-icon" data-latent-icon="9"></li><!--光盾-->
<li class="latent-icon" data-latent-icon="10"></li><!--暗盾-->
<li class="latent-icon" data-latent-icon="11"></li><!--防坐-->
<li class="latent-icon" data-latent-icon="12"></li><!--三维-->
<li class="latent-icon" data-latent-icon="13"></li><!--进化杀-->
<li class="latent-icon" data-latent-icon="14"></li><!--觉醒杀-->
<li class="latent-icon" data-latent-icon="15"></li><!--强化杀-->
<li class="latent-icon" data-latent-icon="16"></li><!--卖钱杀-->
<li class="latent-icon" data-latent-icon="17"></li><!--神杀-->
<li class="latent-icon" data-latent-icon="18"></li><!--龙杀-->
<li class="latent-icon" data-latent-icon="19"></li><!--恶魔杀-->
<li class="latent-icon" data-latent-icon="20"></li><!--机械杀-->
<li class="latent-icon" data-latent-icon="21"></li><!--平衡杀-->
<li class="latent-icon" data-latent-icon="22"></li><!--攻击杀-->
<li class="latent-icon" data-latent-icon="23"></li><!--体力杀-->
<li class="latent-icon" data-latent-icon="24"></li><!--回复杀-->
<li class="latent-icon" data-latent-icon="25"></li><!--大HP-->
<li class="latent-icon" data-latent-icon="26"></li><!--大攻击-->
<li class="latent-icon" data-latent-icon="27"></li><!--大回复-->
<li class="latent-icon" data-latent-icon="28"></li><!--大手指-->
<li class="latent-icon" data-latent-icon="29"></li><!--大火盾-->
<li class="latent-icon" data-latent-icon="30"></li><!--大水盾-->
<li class="latent-icon" data-latent-icon="31"></li><!--大木盾-->
<li class="latent-icon" data-latent-icon="32"></li><!--大光盾-->
<li class="latent-icon" data-latent-icon="33"></li><!--大暗盾-->
</ul>
</div>
<div class="setting-row row-mon-skill">

View File

@ -3,368 +3,368 @@
.property{ /*主属性*/
background-position-y: 0;
}
.property--1{
.property[data-property='-1']{
background: none; /*无*/
}
.property-0{
.property[data-property='0']{
background-position-x: 0; /*火*/
}
.property-1{
.property[data-property='1']{
background-position-x: -102px; /*水*/
}
.property-2{
.property[data-property='2']{
background-position-x: -204px; /*木*/
}
.property-3{
.property[data-property='3']{
background-position-x: -306px; /*光*/
}
.property-4{
.property[data-property='4']{
background-position-x: -408px; /*暗*/
}
.subproperty{ /*副属性*/
background-position-y: -104px;
}
.subproperty--1{
.subproperty[data-property='-1']{
background: none; /*无*/
}
.subproperty-0{
.subproperty[data-property='0']{
background-position-x: 0; /*火*/
}
.subproperty-1{
.subproperty[data-property='1']{
background-position-x: -102px; /*水*/
}
.subproperty-2{
.subproperty[data-property='2']{
background-position-x: -204px; /*木*/
}
.subproperty-3{
.subproperty[data-property='3']{
background-position-x: -306px; /*光*/
}
.subproperty-4{
.subproperty[data-property='4']{
background-position-x: -408px; /*暗*/
}
/*宠物头像所用的图片*/
.pet-cards-1{background-image: url(images/cards_ja/CARDS_001.PNG);}
.pet-cards-2{background-image: url(images/cards_ja/CARDS_002.PNG);}
.pet-cards-3{background-image: url(images/cards_ja/CARDS_003.PNG);}
.pet-cards-4{background-image: url(images/cards_ja/CARDS_004.PNG);}
.pet-cards-5{background-image: url(images/cards_ja/CARDS_005.PNG);}
.pet-cards-6{background-image: url(images/cards_ja/CARDS_006.PNG);}
.pet-cards-7{background-image: url(images/cards_ja/CARDS_007.PNG);}
.pet-cards-8{background-image: url(images/cards_ja/CARDS_008.PNG);}
.pet-cards-9{background-image: url(images/cards_ja/CARDS_009.PNG);}
.pet-cards-10{background-image: url(images/cards_ja/CARDS_010.PNG);}
.pet-cards-11{background-image: url(images/cards_ja/CARDS_011.PNG);}
.pet-cards-12{background-image: url(images/cards_ja/CARDS_012.PNG);}
.pet-cards-13{background-image: url(images/cards_ja/CARDS_013.PNG);}
.pet-cards-14{background-image: url(images/cards_ja/CARDS_014.PNG);}
.pet-cards-15{background-image: url(images/cards_ja/CARDS_015.PNG);}
.pet-cards-16{background-image: url(images/cards_ja/CARDS_016.PNG);}
.pet-cards-17{background-image: url(images/cards_ja/CARDS_017.PNG);}
.pet-cards-18{background-image: url(images/cards_ja/CARDS_018.PNG);}
.pet-cards-19{background-image: url(images/cards_ja/CARDS_019.PNG);}
.pet-cards-20{background-image: url(images/cards_ja/CARDS_020.PNG);}
.pet-cards-21{background-image: url(images/cards_ja/CARDS_021.PNG);}
.pet-cards-22{background-image: url(images/cards_ja/CARDS_022.PNG);}
.pet-cards-23{background-image: url(images/cards_ja/CARDS_023.PNG);}
.pet-cards-24{background-image: url(images/cards_ja/CARDS_024.PNG);}
.pet-cards-25{background-image: url(images/cards_ja/CARDS_025.PNG);}
.pet-cards-26{background-image: url(images/cards_ja/CARDS_026.PNG);}
.pet-cards-27{background-image: url(images/cards_ja/CARDS_027.PNG);}
.pet-cards-28{background-image: url(images/cards_ja/CARDS_028.PNG);}
.pet-cards-29{background-image: url(images/cards_ja/CARDS_029.PNG);}
.pet-cards-30{background-image: url(images/cards_ja/CARDS_030.PNG);}
.pet-cards-31{background-image: url(images/cards_ja/CARDS_031.PNG);}
.pet-cards-32{background-image: url(images/cards_ja/CARDS_032.PNG);}
.pet-cards-33{background-image: url(images/cards_ja/CARDS_033.PNG);}
.pet-cards-34{background-image: url(images/cards_ja/CARDS_034.PNG);}
.pet-cards-35{background-image: url(images/cards_ja/CARDS_035.PNG);}
.pet-cards-36{background-image: url(images/cards_ja/CARDS_036.PNG);}
.pet-cards-37{background-image: url(images/cards_ja/CARDS_037.PNG);}
.pet-cards-38{background-image: url(images/cards_ja/CARDS_038.PNG);}
.pet-cards-39{background-image: url(images/cards_ja/CARDS_039.PNG);}
.pet-cards-40{background-image: url(images/cards_ja/CARDS_040.PNG);}
.pet-cards-41{background-image: url(images/cards_ja/CARDS_041.PNG);}
.pet-cards-42{background-image: url(images/cards_ja/CARDS_042.PNG);}
.pet-cards-43{background-image: url(images/cards_ja/CARDS_043.PNG);}
.pet-cards-44{background-image: url(images/cards_ja/CARDS_044.PNG);}
.pet-cards-45{background-image: url(images/cards_ja/CARDS_045.PNG);}
.pet-cards-46{background-image: url(images/cards_ja/CARDS_046.PNG);}
.pet-cards-47{background-image: url(images/cards_ja/CARDS_047.PNG);}
.pet-cards-48{background-image: url(images/cards_ja/CARDS_048.PNG);}
.pet-cards-49{background-image: url(images/cards_ja/CARDS_049.PNG);}
.pet-cards-50{background-image: url(images/cards_ja/CARDS_050.PNG);}
.pet-cards-51{background-image: url(images/cards_ja/CARDS_051.PNG);}
.pet-cards-52{background-image: url(images/cards_ja/CARDS_052.PNG);}
.pet-cards-53{background-image: url(images/cards_ja/CARDS_053.PNG);}
.pet-cards-54{background-image: url(images/cards_ja/CARDS_054.PNG);}
.pet-cards-55{background-image: url(images/cards_ja/CARDS_055.PNG);}
.pet-cards-56{background-image: url(images/cards_ja/CARDS_056.PNG);}
.pet-cards-57{background-image: url(images/cards_ja/CARDS_057.PNG);}
.pet-cards-58{background-image: url(images/cards_ja/CARDS_058.PNG);}
.pet-cards-59{background-image: url(images/cards_ja/CARDS_059.PNG);}
.pet-cards-60{background-image: url(images/cards_ja/CARDS_060.PNG);}
.pet-cards-61{background-image: url(images/cards_ja/CARDS_061.PNG);}
.pet-cards-62{background-image: url(images/cards_ja/CARDS_062.PNG);}
.pet-cards-63{background-image: url(images/cards_ja/CARDS_063.PNG);}
.pet-cards-64{background-image: url(images/cards_ja/CARDS_064.PNG);}
.pet-cards-65{background-image: url(images/cards_ja/CARDS_065.PNG);}
.pet-cards-66{background-image: url(images/cards_ja/CARDS_066.PNG);}
.pet-cards-67{background-image: url(images/cards_ja/CARDS_067.PNG);}
.pet-cards-68{background-image: url(images/cards_ja/CARDS_068.PNG);}
.pet-cards-69{background-image: url(images/cards_ja/CARDS_069.PNG);}
.pet-cards-70{background-image: url(images/cards_ja/CARDS_070.PNG);}
.pet-cards-71{background-image: url(images/cards_ja/CARDS_071.PNG);}
.pet-cards-72{background-image: url(images/cards_ja/CARDS_072.PNG);}
.pet-cards-73{background-image: url(images/cards_ja/CARDS_073.PNG);}
.pet-cards-74{background-image: url(images/cards_ja/CARDS_074.PNG);}
.pet-cards-75{background-image: url(images/cards_ja/CARDS_075.PNG);}
.pet-cards-76{background-image: url(images/cards_ja/CARDS_076.PNG);}
.pet-cards-77{background-image: url(images/cards_ja/CARDS_077.PNG);}
.pet-cards-78{background-image: url(images/cards_ja/CARDS_078.PNG);}
.pet-cards-79{background-image: url(images/cards_ja/CARDS_079.PNG);}
.pet-cards-80{background-image: url(images/cards_ja/CARDS_080.PNG);}
.pet-cards-81{background-image: url(images/cards_ja/CARDS_081.PNG);}
.pet-cards-82{background-image: url(images/cards_ja/CARDS_082.PNG);}
.pet-cards-83{background-image: url(images/cards_ja/CARDS_083.PNG);}
.pet-cards-84{background-image: url(images/cards_ja/CARDS_084.PNG);}
.pet-cards-85{background-image: url(images/cards_ja/CARDS_085.PNG);}
.pet-cards-86{background-image: url(images/cards_ja/CARDS_086.PNG);}
.pet-cards-87{background-image: url(images/cards_ja/CARDS_087.PNG);}
.pet-cards-88{background-image: url(images/cards_ja/CARDS_088.PNG);}
.pet-cards-89{background-image: url(images/cards_ja/CARDS_089.PNG);}
.pet-cards-90{background-image: url(images/cards_ja/CARDS_090.PNG);}
.pet-cards-91{background-image: url(images/cards_ja/CARDS_091.PNG);}
.pet-cards-92{background-image: url(images/cards_ja/CARDS_092.PNG);}
.pet-cards-93{background-image: url(images/cards_ja/CARDS_093.PNG);}
.pet-cards-94{background-image: url(images/cards_ja/CARDS_094.PNG);}
.pet-cards-95{background-image: url(images/cards_ja/CARDS_095.PNG);}
.pet-cards-96{background-image: url(images/cards_ja/CARDS_096.PNG);}
.pet-cards-97{background-image: url(images/cards_ja/CARDS_097.PNG);}
.pet-cards-98{background-image: url(images/cards_ja/CARDS_098.PNG);}
.pet-cards-99{background-image: url(images/cards_ja/CARDS_099.PNG);}
.monster[data-cards-pic-idx='1']{background-image: url(images/cards_ja/CARDS_001.PNG);}
.monster[data-cards-pic-idx='2']{background-image: url(images/cards_ja/CARDS_002.PNG);}
.monster[data-cards-pic-idx='3']{background-image: url(images/cards_ja/CARDS_003.PNG);}
.monster[data-cards-pic-idx='4']{background-image: url(images/cards_ja/CARDS_004.PNG);}
.monster[data-cards-pic-idx='5']{background-image: url(images/cards_ja/CARDS_005.PNG);}
.monster[data-cards-pic-idx='6']{background-image: url(images/cards_ja/CARDS_006.PNG);}
.monster[data-cards-pic-idx='7']{background-image: url(images/cards_ja/CARDS_007.PNG);}
.monster[data-cards-pic-idx='8']{background-image: url(images/cards_ja/CARDS_008.PNG);}
.monster[data-cards-pic-idx='9']{background-image: url(images/cards_ja/CARDS_009.PNG);}
.monster[data-cards-pic-idx='10']{background-image: url(images/cards_ja/CARDS_010.PNG);}
.monster[data-cards-pic-idx='11']{background-image: url(images/cards_ja/CARDS_011.PNG);}
.monster[data-cards-pic-idx='12']{background-image: url(images/cards_ja/CARDS_012.PNG);}
.monster[data-cards-pic-idx='13']{background-image: url(images/cards_ja/CARDS_013.PNG);}
.monster[data-cards-pic-idx='14']{background-image: url(images/cards_ja/CARDS_014.PNG);}
.monster[data-cards-pic-idx='15']{background-image: url(images/cards_ja/CARDS_015.PNG);}
.monster[data-cards-pic-idx='16']{background-image: url(images/cards_ja/CARDS_016.PNG);}
.monster[data-cards-pic-idx='17']{background-image: url(images/cards_ja/CARDS_017.PNG);}
.monster[data-cards-pic-idx='18']{background-image: url(images/cards_ja/CARDS_018.PNG);}
.monster[data-cards-pic-idx='19']{background-image: url(images/cards_ja/CARDS_019.PNG);}
.monster[data-cards-pic-idx='20']{background-image: url(images/cards_ja/CARDS_020.PNG);}
.monster[data-cards-pic-idx='21']{background-image: url(images/cards_ja/CARDS_021.PNG);}
.monster[data-cards-pic-idx='22']{background-image: url(images/cards_ja/CARDS_022.PNG);}
.monster[data-cards-pic-idx='23']{background-image: url(images/cards_ja/CARDS_023.PNG);}
.monster[data-cards-pic-idx='24']{background-image: url(images/cards_ja/CARDS_024.PNG);}
.monster[data-cards-pic-idx='25']{background-image: url(images/cards_ja/CARDS_025.PNG);}
.monster[data-cards-pic-idx='26']{background-image: url(images/cards_ja/CARDS_026.PNG);}
.monster[data-cards-pic-idx='27']{background-image: url(images/cards_ja/CARDS_027.PNG);}
.monster[data-cards-pic-idx='28']{background-image: url(images/cards_ja/CARDS_028.PNG);}
.monster[data-cards-pic-idx='29']{background-image: url(images/cards_ja/CARDS_029.PNG);}
.monster[data-cards-pic-idx='30']{background-image: url(images/cards_ja/CARDS_030.PNG);}
.monster[data-cards-pic-idx='31']{background-image: url(images/cards_ja/CARDS_031.PNG);}
.monster[data-cards-pic-idx='32']{background-image: url(images/cards_ja/CARDS_032.PNG);}
.monster[data-cards-pic-idx='33']{background-image: url(images/cards_ja/CARDS_033.PNG);}
.monster[data-cards-pic-idx='34']{background-image: url(images/cards_ja/CARDS_034.PNG);}
.monster[data-cards-pic-idx='35']{background-image: url(images/cards_ja/CARDS_035.PNG);}
.monster[data-cards-pic-idx='36']{background-image: url(images/cards_ja/CARDS_036.PNG);}
.monster[data-cards-pic-idx='37']{background-image: url(images/cards_ja/CARDS_037.PNG);}
.monster[data-cards-pic-idx='38']{background-image: url(images/cards_ja/CARDS_038.PNG);}
.monster[data-cards-pic-idx='39']{background-image: url(images/cards_ja/CARDS_039.PNG);}
.monster[data-cards-pic-idx='40']{background-image: url(images/cards_ja/CARDS_040.PNG);}
.monster[data-cards-pic-idx='41']{background-image: url(images/cards_ja/CARDS_041.PNG);}
.monster[data-cards-pic-idx='42']{background-image: url(images/cards_ja/CARDS_042.PNG);}
.monster[data-cards-pic-idx='43']{background-image: url(images/cards_ja/CARDS_043.PNG);}
.monster[data-cards-pic-idx='44']{background-image: url(images/cards_ja/CARDS_044.PNG);}
.monster[data-cards-pic-idx='45']{background-image: url(images/cards_ja/CARDS_045.PNG);}
.monster[data-cards-pic-idx='46']{background-image: url(images/cards_ja/CARDS_046.PNG);}
.monster[data-cards-pic-idx='47']{background-image: url(images/cards_ja/CARDS_047.PNG);}
.monster[data-cards-pic-idx='48']{background-image: url(images/cards_ja/CARDS_048.PNG);}
.monster[data-cards-pic-idx='49']{background-image: url(images/cards_ja/CARDS_049.PNG);}
.monster[data-cards-pic-idx='50']{background-image: url(images/cards_ja/CARDS_050.PNG);}
.monster[data-cards-pic-idx='51']{background-image: url(images/cards_ja/CARDS_051.PNG);}
.monster[data-cards-pic-idx='52']{background-image: url(images/cards_ja/CARDS_052.PNG);}
.monster[data-cards-pic-idx='53']{background-image: url(images/cards_ja/CARDS_053.PNG);}
.monster[data-cards-pic-idx='54']{background-image: url(images/cards_ja/CARDS_054.PNG);}
.monster[data-cards-pic-idx='55']{background-image: url(images/cards_ja/CARDS_055.PNG);}
.monster[data-cards-pic-idx='56']{background-image: url(images/cards_ja/CARDS_056.PNG);}
.monster[data-cards-pic-idx='57']{background-image: url(images/cards_ja/CARDS_057.PNG);}
.monster[data-cards-pic-idx='58']{background-image: url(images/cards_ja/CARDS_058.PNG);}
.monster[data-cards-pic-idx='59']{background-image: url(images/cards_ja/CARDS_059.PNG);}
.monster[data-cards-pic-idx='60']{background-image: url(images/cards_ja/CARDS_060.PNG);}
.monster[data-cards-pic-idx='61']{background-image: url(images/cards_ja/CARDS_061.PNG);}
.monster[data-cards-pic-idx='62']{background-image: url(images/cards_ja/CARDS_062.PNG);}
.monster[data-cards-pic-idx='63']{background-image: url(images/cards_ja/CARDS_063.PNG);}
.monster[data-cards-pic-idx='64']{background-image: url(images/cards_ja/CARDS_064.PNG);}
.monster[data-cards-pic-idx='65']{background-image: url(images/cards_ja/CARDS_065.PNG);}
.monster[data-cards-pic-idx='66']{background-image: url(images/cards_ja/CARDS_066.PNG);}
.monster[data-cards-pic-idx='67']{background-image: url(images/cards_ja/CARDS_067.PNG);}
.monster[data-cards-pic-idx='68']{background-image: url(images/cards_ja/CARDS_068.PNG);}
.monster[data-cards-pic-idx='69']{background-image: url(images/cards_ja/CARDS_069.PNG);}
.monster[data-cards-pic-idx='70']{background-image: url(images/cards_ja/CARDS_070.PNG);}
.monster[data-cards-pic-idx='71']{background-image: url(images/cards_ja/CARDS_071.PNG);}
.monster[data-cards-pic-idx='72']{background-image: url(images/cards_ja/CARDS_072.PNG);}
.monster[data-cards-pic-idx='73']{background-image: url(images/cards_ja/CARDS_073.PNG);}
.monster[data-cards-pic-idx='74']{background-image: url(images/cards_ja/CARDS_074.PNG);}
.monster[data-cards-pic-idx='75']{background-image: url(images/cards_ja/CARDS_075.PNG);}
.monster[data-cards-pic-idx='76']{background-image: url(images/cards_ja/CARDS_076.PNG);}
.monster[data-cards-pic-idx='77']{background-image: url(images/cards_ja/CARDS_077.PNG);}
.monster[data-cards-pic-idx='78']{background-image: url(images/cards_ja/CARDS_078.PNG);}
.monster[data-cards-pic-idx='79']{background-image: url(images/cards_ja/CARDS_079.PNG);}
.monster[data-cards-pic-idx='80']{background-image: url(images/cards_ja/CARDS_080.PNG);}
.monster[data-cards-pic-idx='81']{background-image: url(images/cards_ja/CARDS_081.PNG);}
.monster[data-cards-pic-idx='82']{background-image: url(images/cards_ja/CARDS_082.PNG);}
.monster[data-cards-pic-idx='83']{background-image: url(images/cards_ja/CARDS_083.PNG);}
.monster[data-cards-pic-idx='84']{background-image: url(images/cards_ja/CARDS_084.PNG);}
.monster[data-cards-pic-idx='85']{background-image: url(images/cards_ja/CARDS_085.PNG);}
.monster[data-cards-pic-idx='86']{background-image: url(images/cards_ja/CARDS_086.PNG);}
.monster[data-cards-pic-idx='87']{background-image: url(images/cards_ja/CARDS_087.PNG);}
.monster[data-cards-pic-idx='88']{background-image: url(images/cards_ja/CARDS_088.PNG);}
.monster[data-cards-pic-idx='89']{background-image: url(images/cards_ja/CARDS_089.PNG);}
.monster[data-cards-pic-idx='90']{background-image: url(images/cards_ja/CARDS_090.PNG);}
.monster[data-cards-pic-idx='91']{background-image: url(images/cards_ja/CARDS_091.PNG);}
.monster[data-cards-pic-idx='92']{background-image: url(images/cards_ja/CARDS_092.PNG);}
.monster[data-cards-pic-idx='93']{background-image: url(images/cards_ja/CARDS_093.PNG);}
.monster[data-cards-pic-idx='94']{background-image: url(images/cards_ja/CARDS_094.PNG);}
.monster[data-cards-pic-idx='95']{background-image: url(images/cards_ja/CARDS_095.PNG);}
.monster[data-cards-pic-idx='96']{background-image: url(images/cards_ja/CARDS_096.PNG);}
.monster[data-cards-pic-idx='97']{background-image: url(images/cards_ja/CARDS_097.PNG);}
.monster[data-cards-pic-idx='98']{background-image: url(images/cards_ja/CARDS_098.PNG);}
.monster[data-cards-pic-idx='99']{background-image: url(images/cards_ja/CARDS_099.PNG);}
/*美服*/
.ds-en .pet-cards-1{background-image: url(images/cards_en/CARDS_001.PNG);}
.ds-en .pet-cards-2{background-image: url(images/cards_en/CARDS_002.PNG);}
.ds-en .pet-cards-3{background-image: url(images/cards_en/CARDS_003.PNG);}
.ds-en .pet-cards-4{background-image: url(images/cards_en/CARDS_004.PNG);}
.ds-en .pet-cards-5{background-image: url(images/cards_en/CARDS_005.PNG);}
.ds-en .pet-cards-6{background-image: url(images/cards_en/CARDS_006.PNG);}
.ds-en .pet-cards-7{background-image: url(images/cards_en/CARDS_007.PNG);}
.ds-en .pet-cards-8{background-image: url(images/cards_en/CARDS_008.PNG);}
.ds-en .pet-cards-9{background-image: url(images/cards_en/CARDS_009.PNG);}
.ds-en .pet-cards-10{background-image: url(images/cards_en/CARDS_010.PNG);}
.ds-en .pet-cards-11{background-image: url(images/cards_en/CARDS_011.PNG);}
.ds-en .pet-cards-12{background-image: url(images/cards_en/CARDS_012.PNG);}
.ds-en .pet-cards-13{background-image: url(images/cards_en/CARDS_013.PNG);}
.ds-en .pet-cards-14{background-image: url(images/cards_en/CARDS_014.PNG);}
.ds-en .pet-cards-15{background-image: url(images/cards_en/CARDS_015.PNG);}
.ds-en .pet-cards-16{background-image: url(images/cards_en/CARDS_016.PNG);}
.ds-en .pet-cards-17{background-image: url(images/cards_en/CARDS_017.PNG);}
.ds-en .pet-cards-18{background-image: url(images/cards_en/CARDS_018.PNG);}
.ds-en .pet-cards-19{background-image: url(images/cards_en/CARDS_019.PNG);}
.ds-en .pet-cards-20{background-image: url(images/cards_en/CARDS_020.PNG);}
.ds-en .pet-cards-21{background-image: url(images/cards_en/CARDS_021.PNG);}
.ds-en .pet-cards-22{background-image: url(images/cards_en/CARDS_022.PNG);}
.ds-en .pet-cards-23{background-image: url(images/cards_en/CARDS_023.PNG);}
.ds-en .pet-cards-24{background-image: url(images/cards_en/CARDS_024.PNG);}
.ds-en .pet-cards-25{background-image: url(images/cards_en/CARDS_025.PNG);}
.ds-en .pet-cards-26{background-image: url(images/cards_en/CARDS_026.PNG);}
.ds-en .pet-cards-27{background-image: url(images/cards_en/CARDS_027.PNG);}
.ds-en .pet-cards-28{background-image: url(images/cards_en/CARDS_028.PNG);}
.ds-en .pet-cards-29{background-image: url(images/cards_en/CARDS_029.PNG);}
.ds-en .pet-cards-30{background-image: url(images/cards_en/CARDS_030.PNG);}
.ds-en .pet-cards-31{background-image: url(images/cards_en/CARDS_031.PNG);}
.ds-en .pet-cards-32{background-image: url(images/cards_en/CARDS_032.PNG);}
.ds-en .pet-cards-33{background-image: url(images/cards_en/CARDS_033.PNG);}
.ds-en .pet-cards-34{background-image: url(images/cards_en/CARDS_034.PNG);}
.ds-en .pet-cards-35{background-image: url(images/cards_en/CARDS_035.PNG);}
.ds-en .pet-cards-36{background-image: url(images/cards_en/CARDS_036.PNG);}
.ds-en .pet-cards-37{background-image: url(images/cards_en/CARDS_037.PNG);}
.ds-en .pet-cards-38{background-image: url(images/cards_en/CARDS_038.PNG);}
.ds-en .pet-cards-39{background-image: url(images/cards_en/CARDS_039.PNG);}
.ds-en .pet-cards-40{background-image: url(images/cards_en/CARDS_040.PNG);}
.ds-en .pet-cards-41{background-image: url(images/cards_en/CARDS_041.PNG);}
.ds-en .pet-cards-42{background-image: url(images/cards_en/CARDS_042.PNG);}
.ds-en .pet-cards-43{background-image: url(images/cards_en/CARDS_043.PNG);}
.ds-en .pet-cards-44{background-image: url(images/cards_en/CARDS_044.PNG);}
.ds-en .pet-cards-45{background-image: url(images/cards_en/CARDS_045.PNG);}
.ds-en .pet-cards-46{background-image: url(images/cards_en/CARDS_046.PNG);}
.ds-en .pet-cards-47{background-image: url(images/cards_en/CARDS_047.PNG);}
.ds-en .pet-cards-48{background-image: url(images/cards_en/CARDS_048.PNG);}
.ds-en .pet-cards-49{background-image: url(images/cards_en/CARDS_049.PNG);}
.ds-en .pet-cards-50{background-image: url(images/cards_en/CARDS_050.PNG);}
.ds-en .pet-cards-51{background-image: url(images/cards_en/CARDS_051.PNG);}
.ds-en .pet-cards-52{background-image: url(images/cards_en/CARDS_052.PNG);}
.ds-en .pet-cards-53{background-image: url(images/cards_en/CARDS_053.PNG);}
.ds-en .pet-cards-54{background-image: url(images/cards_en/CARDS_054.PNG);}
.ds-en .pet-cards-55{background-image: url(images/cards_en/CARDS_055.PNG);}
.ds-en .pet-cards-56{background-image: url(images/cards_en/CARDS_056.PNG);}
.ds-en .pet-cards-57{background-image: url(images/cards_en/CARDS_057.PNG);}
.ds-en .pet-cards-58{background-image: url(images/cards_en/CARDS_058.PNG);}
.ds-en .pet-cards-59{background-image: url(images/cards_en/CARDS_059.PNG);}
.ds-en .pet-cards-60{background-image: url(images/cards_en/CARDS_060.PNG);}
.ds-en .pet-cards-61{background-image: url(images/cards_en/CARDS_061.PNG);}
.ds-en .pet-cards-62{background-image: url(images/cards_en/CARDS_062.PNG);}
.ds-en .pet-cards-63{background-image: url(images/cards_en/CARDS_063.PNG);}
.ds-en .pet-cards-64{background-image: url(images/cards_en/CARDS_064.PNG);}
.ds-en .pet-cards-65{background-image: url(images/cards_en/CARDS_065.PNG);}
.ds-en .pet-cards-66{background-image: url(images/cards_en/CARDS_066.PNG);}
.ds-en .pet-cards-67{background-image: url(images/cards_en/CARDS_067.PNG);}
.ds-en .pet-cards-68{background-image: url(images/cards_en/CARDS_068.PNG);}
.ds-en .pet-cards-69{background-image: url(images/cards_en/CARDS_069.PNG);}
.ds-en .pet-cards-70{background-image: url(images/cards_en/CARDS_070.PNG);}
.ds-en .pet-cards-71{background-image: url(images/cards_en/CARDS_071.PNG);}
.ds-en .pet-cards-72{background-image: url(images/cards_en/CARDS_072.PNG);}
.ds-en .pet-cards-73{background-image: url(images/cards_en/CARDS_073.PNG);}
.ds-en .pet-cards-74{background-image: url(images/cards_en/CARDS_074.PNG);}
.ds-en .pet-cards-75{background-image: url(images/cards_en/CARDS_075.PNG);}
.ds-en .pet-cards-76{background-image: url(images/cards_en/CARDS_076.PNG);}
.ds-en .pet-cards-77{background-image: url(images/cards_en/CARDS_077.PNG);}
.ds-en .pet-cards-78{background-image: url(images/cards_en/CARDS_078.PNG);}
.ds-en .pet-cards-79{background-image: url(images/cards_en/CARDS_079.PNG);}
.ds-en .pet-cards-80{background-image: url(images/cards_en/CARDS_080.PNG);}
.ds-en .pet-cards-81{background-image: url(images/cards_en/CARDS_081.PNG);}
.ds-en .pet-cards-82{background-image: url(images/cards_en/CARDS_082.PNG);}
.ds-en .pet-cards-83{background-image: url(images/cards_en/CARDS_083.PNG);}
.ds-en .pet-cards-84{background-image: url(images/cards_en/CARDS_084.PNG);}
.ds-en .pet-cards-85{background-image: url(images/cards_en/CARDS_085.PNG);}
.ds-en .pet-cards-86{background-image: url(images/cards_en/CARDS_086.PNG);}
.ds-en .pet-cards-87{background-image: url(images/cards_en/CARDS_087.PNG);}
.ds-en .pet-cards-88{background-image: url(images/cards_en/CARDS_088.PNG);}
.ds-en .pet-cards-89{background-image: url(images/cards_en/CARDS_089.PNG);}
.ds-en .pet-cards-90{background-image: url(images/cards_en/CARDS_090.PNG);}
.ds-en .pet-cards-91{background-image: url(images/cards_en/CARDS_091.PNG);}
.ds-en .pet-cards-92{background-image: url(images/cards_en/CARDS_092.PNG);}
.ds-en .pet-cards-93{background-image: url(images/cards_en/CARDS_093.PNG);}
.ds-en .pet-cards-94{background-image: url(images/cards_en/CARDS_094.PNG);}
.ds-en .pet-cards-95{background-image: url(images/cards_en/CARDS_095.PNG);}
.ds-en .pet-cards-96{background-image: url(images/cards_en/CARDS_096.PNG);}
.ds-en .pet-cards-97{background-image: url(images/cards_en/CARDS_097.PNG);}
.ds-en .pet-cards-98{background-image: url(images/cards_en/CARDS_098.PNG);}
.ds-en .pet-cards-99{background-image: url(images/cards_en/CARDS_099.PNG);}
.ds-en .monster[data-cards-pic-idx='1']{background-image: url(images/cards_en/CARDS_001.PNG);}
.ds-en .monster[data-cards-pic-idx='2']{background-image: url(images/cards_en/CARDS_002.PNG);}
.ds-en .monster[data-cards-pic-idx='3']{background-image: url(images/cards_en/CARDS_003.PNG);}
.ds-en .monster[data-cards-pic-idx='4']{background-image: url(images/cards_en/CARDS_004.PNG);}
.ds-en .monster[data-cards-pic-idx='5']{background-image: url(images/cards_en/CARDS_005.PNG);}
.ds-en .monster[data-cards-pic-idx='6']{background-image: url(images/cards_en/CARDS_006.PNG);}
.ds-en .monster[data-cards-pic-idx='7']{background-image: url(images/cards_en/CARDS_007.PNG);}
.ds-en .monster[data-cards-pic-idx='8']{background-image: url(images/cards_en/CARDS_008.PNG);}
.ds-en .monster[data-cards-pic-idx='9']{background-image: url(images/cards_en/CARDS_009.PNG);}
.ds-en .monster[data-cards-pic-idx='10']{background-image: url(images/cards_en/CARDS_010.PNG);}
.ds-en .monster[data-cards-pic-idx='11']{background-image: url(images/cards_en/CARDS_011.PNG);}
.ds-en .monster[data-cards-pic-idx='12']{background-image: url(images/cards_en/CARDS_012.PNG);}
.ds-en .monster[data-cards-pic-idx='13']{background-image: url(images/cards_en/CARDS_013.PNG);}
.ds-en .monster[data-cards-pic-idx='14']{background-image: url(images/cards_en/CARDS_014.PNG);}
.ds-en .monster[data-cards-pic-idx='15']{background-image: url(images/cards_en/CARDS_015.PNG);}
.ds-en .monster[data-cards-pic-idx='16']{background-image: url(images/cards_en/CARDS_016.PNG);}
.ds-en .monster[data-cards-pic-idx='17']{background-image: url(images/cards_en/CARDS_017.PNG);}
.ds-en .monster[data-cards-pic-idx='18']{background-image: url(images/cards_en/CARDS_018.PNG);}
.ds-en .monster[data-cards-pic-idx='19']{background-image: url(images/cards_en/CARDS_019.PNG);}
.ds-en .monster[data-cards-pic-idx='20']{background-image: url(images/cards_en/CARDS_020.PNG);}
.ds-en .monster[data-cards-pic-idx='21']{background-image: url(images/cards_en/CARDS_021.PNG);}
.ds-en .monster[data-cards-pic-idx='22']{background-image: url(images/cards_en/CARDS_022.PNG);}
.ds-en .monster[data-cards-pic-idx='23']{background-image: url(images/cards_en/CARDS_023.PNG);}
.ds-en .monster[data-cards-pic-idx='24']{background-image: url(images/cards_en/CARDS_024.PNG);}
.ds-en .monster[data-cards-pic-idx='25']{background-image: url(images/cards_en/CARDS_025.PNG);}
.ds-en .monster[data-cards-pic-idx='26']{background-image: url(images/cards_en/CARDS_026.PNG);}
.ds-en .monster[data-cards-pic-idx='27']{background-image: url(images/cards_en/CARDS_027.PNG);}
.ds-en .monster[data-cards-pic-idx='28']{background-image: url(images/cards_en/CARDS_028.PNG);}
.ds-en .monster[data-cards-pic-idx='29']{background-image: url(images/cards_en/CARDS_029.PNG);}
.ds-en .monster[data-cards-pic-idx='30']{background-image: url(images/cards_en/CARDS_030.PNG);}
.ds-en .monster[data-cards-pic-idx='31']{background-image: url(images/cards_en/CARDS_031.PNG);}
.ds-en .monster[data-cards-pic-idx='32']{background-image: url(images/cards_en/CARDS_032.PNG);}
.ds-en .monster[data-cards-pic-idx='33']{background-image: url(images/cards_en/CARDS_033.PNG);}
.ds-en .monster[data-cards-pic-idx='34']{background-image: url(images/cards_en/CARDS_034.PNG);}
.ds-en .monster[data-cards-pic-idx='35']{background-image: url(images/cards_en/CARDS_035.PNG);}
.ds-en .monster[data-cards-pic-idx='36']{background-image: url(images/cards_en/CARDS_036.PNG);}
.ds-en .monster[data-cards-pic-idx='37']{background-image: url(images/cards_en/CARDS_037.PNG);}
.ds-en .monster[data-cards-pic-idx='38']{background-image: url(images/cards_en/CARDS_038.PNG);}
.ds-en .monster[data-cards-pic-idx='39']{background-image: url(images/cards_en/CARDS_039.PNG);}
.ds-en .monster[data-cards-pic-idx='40']{background-image: url(images/cards_en/CARDS_040.PNG);}
.ds-en .monster[data-cards-pic-idx='41']{background-image: url(images/cards_en/CARDS_041.PNG);}
.ds-en .monster[data-cards-pic-idx='42']{background-image: url(images/cards_en/CARDS_042.PNG);}
.ds-en .monster[data-cards-pic-idx='43']{background-image: url(images/cards_en/CARDS_043.PNG);}
.ds-en .monster[data-cards-pic-idx='44']{background-image: url(images/cards_en/CARDS_044.PNG);}
.ds-en .monster[data-cards-pic-idx='45']{background-image: url(images/cards_en/CARDS_045.PNG);}
.ds-en .monster[data-cards-pic-idx='46']{background-image: url(images/cards_en/CARDS_046.PNG);}
.ds-en .monster[data-cards-pic-idx='47']{background-image: url(images/cards_en/CARDS_047.PNG);}
.ds-en .monster[data-cards-pic-idx='48']{background-image: url(images/cards_en/CARDS_048.PNG);}
.ds-en .monster[data-cards-pic-idx='49']{background-image: url(images/cards_en/CARDS_049.PNG);}
.ds-en .monster[data-cards-pic-idx='50']{background-image: url(images/cards_en/CARDS_050.PNG);}
.ds-en .monster[data-cards-pic-idx='51']{background-image: url(images/cards_en/CARDS_051.PNG);}
.ds-en .monster[data-cards-pic-idx='52']{background-image: url(images/cards_en/CARDS_052.PNG);}
.ds-en .monster[data-cards-pic-idx='53']{background-image: url(images/cards_en/CARDS_053.PNG);}
.ds-en .monster[data-cards-pic-idx='54']{background-image: url(images/cards_en/CARDS_054.PNG);}
.ds-en .monster[data-cards-pic-idx='55']{background-image: url(images/cards_en/CARDS_055.PNG);}
.ds-en .monster[data-cards-pic-idx='56']{background-image: url(images/cards_en/CARDS_056.PNG);}
.ds-en .monster[data-cards-pic-idx='57']{background-image: url(images/cards_en/CARDS_057.PNG);}
.ds-en .monster[data-cards-pic-idx='58']{background-image: url(images/cards_en/CARDS_058.PNG);}
.ds-en .monster[data-cards-pic-idx='59']{background-image: url(images/cards_en/CARDS_059.PNG);}
.ds-en .monster[data-cards-pic-idx='60']{background-image: url(images/cards_en/CARDS_060.PNG);}
.ds-en .monster[data-cards-pic-idx='61']{background-image: url(images/cards_en/CARDS_061.PNG);}
.ds-en .monster[data-cards-pic-idx='62']{background-image: url(images/cards_en/CARDS_062.PNG);}
.ds-en .monster[data-cards-pic-idx='63']{background-image: url(images/cards_en/CARDS_063.PNG);}
.ds-en .monster[data-cards-pic-idx='64']{background-image: url(images/cards_en/CARDS_064.PNG);}
.ds-en .monster[data-cards-pic-idx='65']{background-image: url(images/cards_en/CARDS_065.PNG);}
.ds-en .monster[data-cards-pic-idx='66']{background-image: url(images/cards_en/CARDS_066.PNG);}
.ds-en .monster[data-cards-pic-idx='67']{background-image: url(images/cards_en/CARDS_067.PNG);}
.ds-en .monster[data-cards-pic-idx='68']{background-image: url(images/cards_en/CARDS_068.PNG);}
.ds-en .monster[data-cards-pic-idx='69']{background-image: url(images/cards_en/CARDS_069.PNG);}
.ds-en .monster[data-cards-pic-idx='70']{background-image: url(images/cards_en/CARDS_070.PNG);}
.ds-en .monster[data-cards-pic-idx='71']{background-image: url(images/cards_en/CARDS_071.PNG);}
.ds-en .monster[data-cards-pic-idx='72']{background-image: url(images/cards_en/CARDS_072.PNG);}
.ds-en .monster[data-cards-pic-idx='73']{background-image: url(images/cards_en/CARDS_073.PNG);}
.ds-en .monster[data-cards-pic-idx='74']{background-image: url(images/cards_en/CARDS_074.PNG);}
.ds-en .monster[data-cards-pic-idx='75']{background-image: url(images/cards_en/CARDS_075.PNG);}
.ds-en .monster[data-cards-pic-idx='76']{background-image: url(images/cards_en/CARDS_076.PNG);}
.ds-en .monster[data-cards-pic-idx='77']{background-image: url(images/cards_en/CARDS_077.PNG);}
.ds-en .monster[data-cards-pic-idx='78']{background-image: url(images/cards_en/CARDS_078.PNG);}
.ds-en .monster[data-cards-pic-idx='79']{background-image: url(images/cards_en/CARDS_079.PNG);}
.ds-en .monster[data-cards-pic-idx='80']{background-image: url(images/cards_en/CARDS_080.PNG);}
.ds-en .monster[data-cards-pic-idx='81']{background-image: url(images/cards_en/CARDS_081.PNG);}
.ds-en .monster[data-cards-pic-idx='82']{background-image: url(images/cards_en/CARDS_082.PNG);}
.ds-en .monster[data-cards-pic-idx='83']{background-image: url(images/cards_en/CARDS_083.PNG);}
.ds-en .monster[data-cards-pic-idx='84']{background-image: url(images/cards_en/CARDS_084.PNG);}
.ds-en .monster[data-cards-pic-idx='85']{background-image: url(images/cards_en/CARDS_085.PNG);}
.ds-en .monster[data-cards-pic-idx='86']{background-image: url(images/cards_en/CARDS_086.PNG);}
.ds-en .monster[data-cards-pic-idx='87']{background-image: url(images/cards_en/CARDS_087.PNG);}
.ds-en .monster[data-cards-pic-idx='88']{background-image: url(images/cards_en/CARDS_088.PNG);}
.ds-en .monster[data-cards-pic-idx='89']{background-image: url(images/cards_en/CARDS_089.PNG);}
.ds-en .monster[data-cards-pic-idx='90']{background-image: url(images/cards_en/CARDS_090.PNG);}
.ds-en .monster[data-cards-pic-idx='91']{background-image: url(images/cards_en/CARDS_091.PNG);}
.ds-en .monster[data-cards-pic-idx='92']{background-image: url(images/cards_en/CARDS_092.PNG);}
.ds-en .monster[data-cards-pic-idx='93']{background-image: url(images/cards_en/CARDS_093.PNG);}
.ds-en .monster[data-cards-pic-idx='94']{background-image: url(images/cards_en/CARDS_094.PNG);}
.ds-en .monster[data-cards-pic-idx='95']{background-image: url(images/cards_en/CARDS_095.PNG);}
.ds-en .monster[data-cards-pic-idx='96']{background-image: url(images/cards_en/CARDS_096.PNG);}
.ds-en .monster[data-cards-pic-idx='97']{background-image: url(images/cards_en/CARDS_097.PNG);}
.ds-en .monster[data-cards-pic-idx='98']{background-image: url(images/cards_en/CARDS_098.PNG);}
.ds-en .monster[data-cards-pic-idx='99']{background-image: url(images/cards_en/CARDS_099.PNG);}
/*韩服*/
.ds-ko .pet-cards-1{background-image: url(images/cards_ko/CARDS_001.PNG);}
.ds-ko .pet-cards-2{background-image: url(images/cards_ko/CARDS_002.PNG);}
.ds-ko .pet-cards-3{background-image: url(images/cards_ko/CARDS_003.PNG);}
.ds-ko .pet-cards-4{background-image: url(images/cards_ko/CARDS_004.PNG);}
.ds-ko .pet-cards-5{background-image: url(images/cards_ko/CARDS_005.PNG);}
.ds-ko .pet-cards-6{background-image: url(images/cards_ko/CARDS_006.PNG);}
.ds-ko .pet-cards-7{background-image: url(images/cards_ko/CARDS_007.PNG);}
.ds-ko .pet-cards-8{background-image: url(images/cards_ko/CARDS_008.PNG);}
.ds-ko .pet-cards-9{background-image: url(images/cards_ko/CARDS_009.PNG);}
.ds-ko .pet-cards-10{background-image: url(images/cards_ko/CARDS_010.PNG);}
.ds-ko .pet-cards-11{background-image: url(images/cards_ko/CARDS_011.PNG);}
.ds-ko .pet-cards-12{background-image: url(images/cards_ko/CARDS_012.PNG);}
.ds-ko .pet-cards-13{background-image: url(images/cards_ko/CARDS_013.PNG);}
.ds-ko .pet-cards-14{background-image: url(images/cards_ko/CARDS_014.PNG);}
.ds-ko .pet-cards-15{background-image: url(images/cards_ko/CARDS_015.PNG);}
.ds-ko .pet-cards-16{background-image: url(images/cards_ko/CARDS_016.PNG);}
.ds-ko .pet-cards-17{background-image: url(images/cards_ko/CARDS_017.PNG);}
.ds-ko .pet-cards-18{background-image: url(images/cards_ko/CARDS_018.PNG);}
.ds-ko .pet-cards-19{background-image: url(images/cards_ko/CARDS_019.PNG);}
.ds-ko .pet-cards-20{background-image: url(images/cards_ko/CARDS_020.PNG);}
.ds-ko .pet-cards-21{background-image: url(images/cards_ko/CARDS_021.PNG);}
.ds-ko .pet-cards-22{background-image: url(images/cards_ko/CARDS_022.PNG);}
.ds-ko .pet-cards-23{background-image: url(images/cards_ko/CARDS_023.PNG);}
.ds-ko .pet-cards-24{background-image: url(images/cards_ko/CARDS_024.PNG);}
.ds-ko .pet-cards-25{background-image: url(images/cards_ko/CARDS_025.PNG);}
.ds-ko .pet-cards-26{background-image: url(images/cards_ko/CARDS_026.PNG);}
.ds-ko .pet-cards-27{background-image: url(images/cards_ko/CARDS_027.PNG);}
.ds-ko .pet-cards-28{background-image: url(images/cards_ko/CARDS_028.PNG);}
.ds-ko .pet-cards-29{background-image: url(images/cards_ko/CARDS_029.PNG);}
.ds-ko .pet-cards-30{background-image: url(images/cards_ko/CARDS_030.PNG);}
.ds-ko .pet-cards-31{background-image: url(images/cards_ko/CARDS_031.PNG);}
.ds-ko .pet-cards-32{background-image: url(images/cards_ko/CARDS_032.PNG);}
.ds-ko .pet-cards-33{background-image: url(images/cards_ko/CARDS_033.PNG);}
.ds-ko .pet-cards-34{background-image: url(images/cards_ko/CARDS_034.PNG);}
.ds-ko .pet-cards-35{background-image: url(images/cards_ko/CARDS_035.PNG);}
.ds-ko .pet-cards-36{background-image: url(images/cards_ko/CARDS_036.PNG);}
.ds-ko .pet-cards-37{background-image: url(images/cards_ko/CARDS_037.PNG);}
.ds-ko .pet-cards-38{background-image: url(images/cards_ko/CARDS_038.PNG);}
.ds-ko .pet-cards-39{background-image: url(images/cards_ko/CARDS_039.PNG);}
.ds-ko .pet-cards-40{background-image: url(images/cards_ko/CARDS_040.PNG);}
.ds-ko .pet-cards-41{background-image: url(images/cards_ko/CARDS_041.PNG);}
.ds-ko .pet-cards-42{background-image: url(images/cards_ko/CARDS_042.PNG);}
.ds-ko .pet-cards-43{background-image: url(images/cards_ko/CARDS_043.PNG);}
.ds-ko .pet-cards-44{background-image: url(images/cards_ko/CARDS_044.PNG);}
.ds-ko .pet-cards-45{background-image: url(images/cards_ko/CARDS_045.PNG);}
.ds-ko .pet-cards-46{background-image: url(images/cards_ko/CARDS_046.PNG);}
.ds-ko .pet-cards-47{background-image: url(images/cards_ko/CARDS_047.PNG);}
.ds-ko .pet-cards-48{background-image: url(images/cards_ko/CARDS_048.PNG);}
.ds-ko .pet-cards-49{background-image: url(images/cards_ko/CARDS_049.PNG);}
.ds-ko .pet-cards-50{background-image: url(images/cards_ko/CARDS_050.PNG);}
.ds-ko .pet-cards-51{background-image: url(images/cards_ko/CARDS_051.PNG);}
.ds-ko .pet-cards-52{background-image: url(images/cards_ko/CARDS_052.PNG);}
.ds-ko .pet-cards-53{background-image: url(images/cards_ko/CARDS_053.PNG);}
.ds-ko .pet-cards-54{background-image: url(images/cards_ko/CARDS_054.PNG);}
.ds-ko .pet-cards-55{background-image: url(images/cards_ko/CARDS_055.PNG);}
.ds-ko .pet-cards-56{background-image: url(images/cards_ko/CARDS_056.PNG);}
.ds-ko .pet-cards-57{background-image: url(images/cards_ko/CARDS_057.PNG);}
.ds-ko .pet-cards-58{background-image: url(images/cards_ko/CARDS_058.PNG);}
.ds-ko .pet-cards-59{background-image: url(images/cards_ko/CARDS_059.PNG);}
.ds-ko .pet-cards-60{background-image: url(images/cards_ko/CARDS_060.PNG);}
.ds-ko .pet-cards-61{background-image: url(images/cards_ko/CARDS_061.PNG);}
.ds-ko .pet-cards-62{background-image: url(images/cards_ko/CARDS_062.PNG);}
.ds-ko .pet-cards-63{background-image: url(images/cards_ko/CARDS_063.PNG);}
.ds-ko .pet-cards-64{background-image: url(images/cards_ko/CARDS_064.PNG);}
.ds-ko .pet-cards-65{background-image: url(images/cards_ko/CARDS_065.PNG);}
.ds-ko .pet-cards-66{background-image: url(images/cards_ko/CARDS_066.PNG);}
.ds-ko .pet-cards-67{background-image: url(images/cards_ko/CARDS_067.PNG);}
.ds-ko .pet-cards-68{background-image: url(images/cards_ko/CARDS_068.PNG);}
.ds-ko .pet-cards-69{background-image: url(images/cards_ko/CARDS_069.PNG);}
.ds-ko .pet-cards-70{background-image: url(images/cards_ko/CARDS_070.PNG);}
.ds-ko .pet-cards-71{background-image: url(images/cards_ko/CARDS_071.PNG);}
.ds-ko .pet-cards-72{background-image: url(images/cards_ko/CARDS_072.PNG);}
.ds-ko .pet-cards-73{background-image: url(images/cards_ko/CARDS_073.PNG);}
.ds-ko .pet-cards-74{background-image: url(images/cards_ko/CARDS_074.PNG);}
.ds-ko .pet-cards-75{background-image: url(images/cards_ko/CARDS_075.PNG);}
.ds-ko .pet-cards-76{background-image: url(images/cards_ko/CARDS_076.PNG);}
.ds-ko .pet-cards-77{background-image: url(images/cards_ko/CARDS_077.PNG);}
.ds-ko .pet-cards-78{background-image: url(images/cards_ko/CARDS_078.PNG);}
.ds-ko .pet-cards-79{background-image: url(images/cards_ko/CARDS_079.PNG);}
.ds-ko .pet-cards-80{background-image: url(images/cards_ko/CARDS_080.PNG);}
.ds-ko .pet-cards-81{background-image: url(images/cards_ko/CARDS_081.PNG);}
.ds-ko .pet-cards-82{background-image: url(images/cards_ko/CARDS_082.PNG);}
.ds-ko .pet-cards-83{background-image: url(images/cards_ko/CARDS_083.PNG);}
.ds-ko .pet-cards-84{background-image: url(images/cards_ko/CARDS_084.PNG);}
.ds-ko .pet-cards-85{background-image: url(images/cards_ko/CARDS_085.PNG);}
.ds-ko .pet-cards-86{background-image: url(images/cards_ko/CARDS_086.PNG);}
.ds-ko .pet-cards-87{background-image: url(images/cards_ko/CARDS_087.PNG);}
.ds-ko .pet-cards-88{background-image: url(images/cards_ko/CARDS_088.PNG);}
.ds-ko .pet-cards-89{background-image: url(images/cards_ko/CARDS_089.PNG);}
.ds-ko .pet-cards-90{background-image: url(images/cards_ko/CARDS_090.PNG);}
.ds-ko .pet-cards-91{background-image: url(images/cards_ko/CARDS_091.PNG);}
.ds-ko .pet-cards-92{background-image: url(images/cards_ko/CARDS_092.PNG);}
.ds-ko .pet-cards-93{background-image: url(images/cards_ko/CARDS_093.PNG);}
.ds-ko .pet-cards-94{background-image: url(images/cards_ko/CARDS_094.PNG);}
.ds-ko .pet-cards-95{background-image: url(images/cards_ko/CARDS_095.PNG);}
.ds-ko .pet-cards-96{background-image: url(images/cards_ko/CARDS_096.PNG);}
.ds-ko .pet-cards-97{background-image: url(images/cards_ko/CARDS_097.PNG);}
.ds-ko .pet-cards-98{background-image: url(images/cards_ko/CARDS_098.PNG);}
.ds-ko .pet-cards-99{background-image: url(images/cards_ko/CARDS_099.PNG);}
/*.en-only.pet-cards-54{background-image: url(images/cards/en/CARDS_054.PNG);}
.en-only.pet-cards-55{background-image: url(images/cards/en/CARDS_055.PNG);}*/
.ds-ko .monster[data-cards-pic-idx='1']{background-image: url(images/cards_ko/CARDS_001.PNG);}
.ds-ko .monster[data-cards-pic-idx='2']{background-image: url(images/cards_ko/CARDS_002.PNG);}
.ds-ko .monster[data-cards-pic-idx='3']{background-image: url(images/cards_ko/CARDS_003.PNG);}
.ds-ko .monster[data-cards-pic-idx='4']{background-image: url(images/cards_ko/CARDS_004.PNG);}
.ds-ko .monster[data-cards-pic-idx='5']{background-image: url(images/cards_ko/CARDS_005.PNG);}
.ds-ko .monster[data-cards-pic-idx='6']{background-image: url(images/cards_ko/CARDS_006.PNG);}
.ds-ko .monster[data-cards-pic-idx='7']{background-image: url(images/cards_ko/CARDS_007.PNG);}
.ds-ko .monster[data-cards-pic-idx='8']{background-image: url(images/cards_ko/CARDS_008.PNG);}
.ds-ko .monster[data-cards-pic-idx='9']{background-image: url(images/cards_ko/CARDS_009.PNG);}
.ds-ko .monster[data-cards-pic-idx='10']{background-image: url(images/cards_ko/CARDS_010.PNG);}
.ds-ko .monster[data-cards-pic-idx='11']{background-image: url(images/cards_ko/CARDS_011.PNG);}
.ds-ko .monster[data-cards-pic-idx='12']{background-image: url(images/cards_ko/CARDS_012.PNG);}
.ds-ko .monster[data-cards-pic-idx='13']{background-image: url(images/cards_ko/CARDS_013.PNG);}
.ds-ko .monster[data-cards-pic-idx='14']{background-image: url(images/cards_ko/CARDS_014.PNG);}
.ds-ko .monster[data-cards-pic-idx='15']{background-image: url(images/cards_ko/CARDS_015.PNG);}
.ds-ko .monster[data-cards-pic-idx='16']{background-image: url(images/cards_ko/CARDS_016.PNG);}
.ds-ko .monster[data-cards-pic-idx='17']{background-image: url(images/cards_ko/CARDS_017.PNG);}
.ds-ko .monster[data-cards-pic-idx='18']{background-image: url(images/cards_ko/CARDS_018.PNG);}
.ds-ko .monster[data-cards-pic-idx='19']{background-image: url(images/cards_ko/CARDS_019.PNG);}
.ds-ko .monster[data-cards-pic-idx='20']{background-image: url(images/cards_ko/CARDS_020.PNG);}
.ds-ko .monster[data-cards-pic-idx='21']{background-image: url(images/cards_ko/CARDS_021.PNG);}
.ds-ko .monster[data-cards-pic-idx='22']{background-image: url(images/cards_ko/CARDS_022.PNG);}
.ds-ko .monster[data-cards-pic-idx='23']{background-image: url(images/cards_ko/CARDS_023.PNG);}
.ds-ko .monster[data-cards-pic-idx='24']{background-image: url(images/cards_ko/CARDS_024.PNG);}
.ds-ko .monster[data-cards-pic-idx='25']{background-image: url(images/cards_ko/CARDS_025.PNG);}
.ds-ko .monster[data-cards-pic-idx='26']{background-image: url(images/cards_ko/CARDS_026.PNG);}
.ds-ko .monster[data-cards-pic-idx='27']{background-image: url(images/cards_ko/CARDS_027.PNG);}
.ds-ko .monster[data-cards-pic-idx='28']{background-image: url(images/cards_ko/CARDS_028.PNG);}
.ds-ko .monster[data-cards-pic-idx='29']{background-image: url(images/cards_ko/CARDS_029.PNG);}
.ds-ko .monster[data-cards-pic-idx='30']{background-image: url(images/cards_ko/CARDS_030.PNG);}
.ds-ko .monster[data-cards-pic-idx='31']{background-image: url(images/cards_ko/CARDS_031.PNG);}
.ds-ko .monster[data-cards-pic-idx='32']{background-image: url(images/cards_ko/CARDS_032.PNG);}
.ds-ko .monster[data-cards-pic-idx='33']{background-image: url(images/cards_ko/CARDS_033.PNG);}
.ds-ko .monster[data-cards-pic-idx='34']{background-image: url(images/cards_ko/CARDS_034.PNG);}
.ds-ko .monster[data-cards-pic-idx='35']{background-image: url(images/cards_ko/CARDS_035.PNG);}
.ds-ko .monster[data-cards-pic-idx='36']{background-image: url(images/cards_ko/CARDS_036.PNG);}
.ds-ko .monster[data-cards-pic-idx='37']{background-image: url(images/cards_ko/CARDS_037.PNG);}
.ds-ko .monster[data-cards-pic-idx='38']{background-image: url(images/cards_ko/CARDS_038.PNG);}
.ds-ko .monster[data-cards-pic-idx='39']{background-image: url(images/cards_ko/CARDS_039.PNG);}
.ds-ko .monster[data-cards-pic-idx='40']{background-image: url(images/cards_ko/CARDS_040.PNG);}
.ds-ko .monster[data-cards-pic-idx='41']{background-image: url(images/cards_ko/CARDS_041.PNG);}
.ds-ko .monster[data-cards-pic-idx='42']{background-image: url(images/cards_ko/CARDS_042.PNG);}
.ds-ko .monster[data-cards-pic-idx='43']{background-image: url(images/cards_ko/CARDS_043.PNG);}
.ds-ko .monster[data-cards-pic-idx='44']{background-image: url(images/cards_ko/CARDS_044.PNG);}
.ds-ko .monster[data-cards-pic-idx='45']{background-image: url(images/cards_ko/CARDS_045.PNG);}
.ds-ko .monster[data-cards-pic-idx='46']{background-image: url(images/cards_ko/CARDS_046.PNG);}
.ds-ko .monster[data-cards-pic-idx='47']{background-image: url(images/cards_ko/CARDS_047.PNG);}
.ds-ko .monster[data-cards-pic-idx='48']{background-image: url(images/cards_ko/CARDS_048.PNG);}
.ds-ko .monster[data-cards-pic-idx='49']{background-image: url(images/cards_ko/CARDS_049.PNG);}
.ds-ko .monster[data-cards-pic-idx='50']{background-image: url(images/cards_ko/CARDS_050.PNG);}
.ds-ko .monster[data-cards-pic-idx='51']{background-image: url(images/cards_ko/CARDS_051.PNG);}
.ds-ko .monster[data-cards-pic-idx='52']{background-image: url(images/cards_ko/CARDS_052.PNG);}
.ds-ko .monster[data-cards-pic-idx='53']{background-image: url(images/cards_ko/CARDS_053.PNG);}
.ds-ko .monster[data-cards-pic-idx='54']{background-image: url(images/cards_ko/CARDS_054.PNG);}
.ds-ko .monster[data-cards-pic-idx='55']{background-image: url(images/cards_ko/CARDS_055.PNG);}
.ds-ko .monster[data-cards-pic-idx='56']{background-image: url(images/cards_ko/CARDS_056.PNG);}
.ds-ko .monster[data-cards-pic-idx='57']{background-image: url(images/cards_ko/CARDS_057.PNG);}
.ds-ko .monster[data-cards-pic-idx='58']{background-image: url(images/cards_ko/CARDS_058.PNG);}
.ds-ko .monster[data-cards-pic-idx='59']{background-image: url(images/cards_ko/CARDS_059.PNG);}
.ds-ko .monster[data-cards-pic-idx='60']{background-image: url(images/cards_ko/CARDS_060.PNG);}
.ds-ko .monster[data-cards-pic-idx='61']{background-image: url(images/cards_ko/CARDS_061.PNG);}
.ds-ko .monster[data-cards-pic-idx='62']{background-image: url(images/cards_ko/CARDS_062.PNG);}
.ds-ko .monster[data-cards-pic-idx='63']{background-image: url(images/cards_ko/CARDS_063.PNG);}
.ds-ko .monster[data-cards-pic-idx='64']{background-image: url(images/cards_ko/CARDS_064.PNG);}
.ds-ko .monster[data-cards-pic-idx='65']{background-image: url(images/cards_ko/CARDS_065.PNG);}
.ds-ko .monster[data-cards-pic-idx='66']{background-image: url(images/cards_ko/CARDS_066.PNG);}
.ds-ko .monster[data-cards-pic-idx='67']{background-image: url(images/cards_ko/CARDS_067.PNG);}
.ds-ko .monster[data-cards-pic-idx='68']{background-image: url(images/cards_ko/CARDS_068.PNG);}
.ds-ko .monster[data-cards-pic-idx='69']{background-image: url(images/cards_ko/CARDS_069.PNG);}
.ds-ko .monster[data-cards-pic-idx='70']{background-image: url(images/cards_ko/CARDS_070.PNG);}
.ds-ko .monster[data-cards-pic-idx='71']{background-image: url(images/cards_ko/CARDS_071.PNG);}
.ds-ko .monster[data-cards-pic-idx='72']{background-image: url(images/cards_ko/CARDS_072.PNG);}
.ds-ko .monster[data-cards-pic-idx='73']{background-image: url(images/cards_ko/CARDS_073.PNG);}
.ds-ko .monster[data-cards-pic-idx='74']{background-image: url(images/cards_ko/CARDS_074.PNG);}
.ds-ko .monster[data-cards-pic-idx='75']{background-image: url(images/cards_ko/CARDS_075.PNG);}
.ds-ko .monster[data-cards-pic-idx='76']{background-image: url(images/cards_ko/CARDS_076.PNG);}
.ds-ko .monster[data-cards-pic-idx='77']{background-image: url(images/cards_ko/CARDS_077.PNG);}
.ds-ko .monster[data-cards-pic-idx='78']{background-image: url(images/cards_ko/CARDS_078.PNG);}
.ds-ko .monster[data-cards-pic-idx='79']{background-image: url(images/cards_ko/CARDS_079.PNG);}
.ds-ko .monster[data-cards-pic-idx='80']{background-image: url(images/cards_ko/CARDS_080.PNG);}
.ds-ko .monster[data-cards-pic-idx='81']{background-image: url(images/cards_ko/CARDS_081.PNG);}
.ds-ko .monster[data-cards-pic-idx='82']{background-image: url(images/cards_ko/CARDS_082.PNG);}
.ds-ko .monster[data-cards-pic-idx='83']{background-image: url(images/cards_ko/CARDS_083.PNG);}
.ds-ko .monster[data-cards-pic-idx='84']{background-image: url(images/cards_ko/CARDS_084.PNG);}
.ds-ko .monster[data-cards-pic-idx='85']{background-image: url(images/cards_ko/CARDS_085.PNG);}
.ds-ko .monster[data-cards-pic-idx='86']{background-image: url(images/cards_ko/CARDS_086.PNG);}
.ds-ko .monster[data-cards-pic-idx='87']{background-image: url(images/cards_ko/CARDS_087.PNG);}
.ds-ko .monster[data-cards-pic-idx='88']{background-image: url(images/cards_ko/CARDS_088.PNG);}
.ds-ko .monster[data-cards-pic-idx='89']{background-image: url(images/cards_ko/CARDS_089.PNG);}
.ds-ko .monster[data-cards-pic-idx='90']{background-image: url(images/cards_ko/CARDS_090.PNG);}
.ds-ko .monster[data-cards-pic-idx='91']{background-image: url(images/cards_ko/CARDS_091.PNG);}
.ds-ko .monster[data-cards-pic-idx='92']{background-image: url(images/cards_ko/CARDS_092.PNG);}
.ds-ko .monster[data-cards-pic-idx='93']{background-image: url(images/cards_ko/CARDS_093.PNG);}
.ds-ko .monster[data-cards-pic-idx='94']{background-image: url(images/cards_ko/CARDS_094.PNG);}
.ds-ko .monster[data-cards-pic-idx='95']{background-image: url(images/cards_ko/CARDS_095.PNG);}
.ds-ko .monster[data-cards-pic-idx='96']{background-image: url(images/cards_ko/CARDS_096.PNG);}
.ds-ko .monster[data-cards-pic-idx='97']{background-image: url(images/cards_ko/CARDS_097.PNG);}
.ds-ko .monster[data-cards-pic-idx='98']{background-image: url(images/cards_ko/CARDS_098.PNG);}
.ds-ko .monster[data-cards-pic-idx='99']{background-image: url(images/cards_ko/CARDS_099.PNG);}
/*.en-only.monster[data-cards-pic-idx='54']{background-image: url(images/cards/en/CARDS_054.PNG);}
.en-only.monster[data-cards-pic-idx='55']{background-image: url(images/cards/en/CARDS_055.PNG);}*/
/*宠物在图中编号对应的坐标*/
.pet-cards-index-x-0{background-position-x:0px;}
.pet-cards-index-x-1{background-position-x:-102px;}
.pet-cards-index-x-2{background-position-x:-204px;}
.pet-cards-index-x-3{background-position-x:-306px;}
.pet-cards-index-x-4{background-position-x:-408px;}
.pet-cards-index-x-5{background-position-x:-510px;}
.pet-cards-index-x-6{background-position-x:-612px;}
.pet-cards-index-x-7{background-position-x:-714px;}
.pet-cards-index-x-8{background-position-x:-816px;}
.pet-cards-index-x-9{background-position-x:-918px;}
.pet-cards-index-y-0{background-position-y:0px;}
.pet-cards-index-y-1{background-position-y:-102px;}
.pet-cards-index-y-2{background-position-y:-204px;}
.pet-cards-index-y-3{background-position-y:-306px;}
.pet-cards-index-y-4{background-position-y:-408px;}
.pet-cards-index-y-5{background-position-y:-510px;}
.pet-cards-index-y-6{background-position-y:-612px;}
.pet-cards-index-y-7{background-position-y:-714px;}
.pet-cards-index-y-8{background-position-y:-816px;}
.pet-cards-index-y-9{background-position-y:-918px;}
.monster[data-cards-pic-x='0']{background-position-x:0px;}
.monster[data-cards-pic-x='1']{background-position-x:-102px;}
.monster[data-cards-pic-x='2']{background-position-x:-204px;}
.monster[data-cards-pic-x='3']{background-position-x:-306px;}
.monster[data-cards-pic-x='4']{background-position-x:-408px;}
.monster[data-cards-pic-x='5']{background-position-x:-510px;}
.monster[data-cards-pic-x='6']{background-position-x:-612px;}
.monster[data-cards-pic-x='7']{background-position-x:-714px;}
.monster[data-cards-pic-x='8']{background-position-x:-816px;}
.monster[data-cards-pic-x='9']{background-position-x:-918px;}
.monster[data-cards-pic-y='0']{background-position-y:0px;}
.monster[data-cards-pic-y='1']{background-position-y:-102px;}
.monster[data-cards-pic-y='2']{background-position-y:-204px;}
.monster[data-cards-pic-y='3']{background-position-y:-306px;}
.monster[data-cards-pic-y='4']{background-position-y:-408px;}
.monster[data-cards-pic-y='5']{background-position-y:-510px;}
.monster[data-cards-pic-y='6']{background-position-y:-612px;}
.monster[data-cards-pic-y='7']{background-position-y:-714px;}
.monster[data-cards-pic-y='8']{background-position-y:-816px;}
.monster[data-cards-pic-y='9']{background-position-y:-918px;}
/*觉醒、类型、潜觉*/
.awoken-icon,.type-icon,.latent-icon{
display:inline-block;

View File

@ -516,7 +516,7 @@ ul{
}
.formation-box .team-badge .team-total-info
{
display:inline-block;
display: inline-block;
}
/*
.team-info .tIf-total-hp,.team-info .tIf-total-rcv{
@ -526,14 +526,14 @@ ul{
/*队伍的潜觉*/
.team-latents .latents{
width: var(--head-block-width);
/*float:left;*/
margin-bottom: -20px;
display: inline-block;
}
.team-latents .latent-ul{
font-size: 0;
width: 152px;
transform: translate(-22px,-8px) scale(0.63);
transform: scale(0.63);
margin: calc(-64px * (1 - 0.63) / 2 + 3px) calc((108px - 152px) / 2);
/*-152 * (1 - 0.63) + 108 - 152 * 0.63化简为108 - 152*/
}
.team-latents .latent-icon{
@ -698,22 +698,24 @@ ul{
font-size: 25px;
}
.edit-box .setting-box .row-mon-id .evo-card-list li,
.edit-box .search-box .search-mon-list li,
.detail-mon{
.edit-box .search-box .search-mon-list li
{
display: inline-block;
vertical-align: top;
top: 0;
width: 80px;
height: 78px;
margin-right: 5px;
margin-bottom: 5px;
}
.detail-mon{
display: inline-block;
vertical-align: bottom;
}
.edit-box .setting-box .row-mon-id .evo-card-list .monster,
.edit-box .search-box .search-mon-list .monster,
.detail-mon .monster{
.detail-mon .monster
{
float: none;
transform: scale(0.75) translate(-16px,-16px);
transform: scale(0.75);
margin: calc(-100px * (1 - 0.75) / 2);
}
.edit-box .setting-box .row-mon-id .evo-card-list .monster .id,
.edit-box .search-box .search-mon-list .monster .id,
@ -727,7 +729,8 @@ ul{
height: 50px;
}
.detail-box .detail-mon .monster{
transform: scale(0.5) translate(-58px,-58px);
transform: scale(0.5);
margin: calc(-100px * (1 - 0.5) / 2);
}
.detail-box .detail-mon .monster .id{
font-weight: bold;

View File

@ -378,7 +378,7 @@ function searchCards(cards,attr1,attr2,fixMainColor,types,awokens,sawokens,equal
function createCardA()
{
const cdom = document.createElement("a");
cdom.class = "monster";
cdom.className = "monster";
cdom.target = "_blank";
const property = cdom.appendChild(document.createElement("div"));
property.className = "property";