更新稀有度和297

multi.html

@@ -56,7 +56,7 @@ var formation = new Formation(teamsCount,5);
 								<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="0">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -67,7 +67,7 @@ var formation = new Formation(teamsCount,5);
 								<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="1">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -78,7 +78,7 @@ var formation = new Formation(teamsCount,5);
 								<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="2">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -89,7 +89,7 @@ var formation = new Formation(teamsCount,5);
 								<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="3">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -100,7 +100,7 @@ var formation = new Formation(teamsCount,5);
 								<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="4">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -175,7 +175,7 @@ var formation = new Formation(teamsCount,5);
 								<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="0">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -187,7 +187,7 @@ var formation = new Formation(teamsCount,5);
 								<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="1">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -199,7 +199,7 @@ var formation = new Formation(teamsCount,5);
 								<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="2">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -211,7 +211,7 @@ var formation = new Formation(teamsCount,5);
 								<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="3">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -223,7 +223,7 @@ var formation = new Formation(teamsCount,5);
 								<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="4">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -243,7 +243,7 @@ var formation = new Formation(teamsCount,5);
 								<a class="monster" target="_blank" data-team="1" data-assist="0" data-index="1">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -255,7 +255,7 @@ var formation = new Formation(teamsCount,5);
 								<a class="monster" target="_blank" data-team="1" data-assist="0" data-index="2">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -267,7 +267,7 @@ var formation = new Formation(teamsCount,5);
 								<a class="monster" target="_blank" data-team="1" data-assist="0" data-index="3">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -279,7 +279,7 @@ var formation = new Formation(teamsCount,5);
 								<a class="monster" target="_blank" data-team="1" data-assist="0" data-index="4">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -291,7 +291,7 @@ var formation = new Formation(teamsCount,5);
 								<a class="monster" target="_blank" data-team="1" data-assist="0" data-index="0">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -367,7 +367,7 @@ var formation = new Formation(teamsCount,5);
 								<a class="monster" target="_blank" data-team="1" data-assist="1" data-index="1">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -378,7 +378,7 @@ var formation = new Formation(teamsCount,5);
 								<a class="monster" target="_blank" data-team="1" data-assist="1" data-index="2">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -389,7 +389,7 @@ var formation = new Formation(teamsCount,5);
 								<a class="monster" target="_blank" data-team="1" data-assist="1" data-index="3">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -400,7 +400,7 @@ var formation = new Formation(teamsCount,5);
 								<a class="monster" target="_blank" data-team="1" data-assist="1" data-index="4">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -411,7 +411,7 @@ var formation = new Formation(teamsCount,5);
 								<a class="monster" target="_blank" data-team="1" data-assist="1" data-index="0">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -462,18 +462,18 @@ var formation = new Formation(teamsCount,5);
 			</div>
 			<div class="types-div"><!--类型-->
 				<ul class="type-list">
-					<li><input type="checkbox" name="types" class="type-check" value="4" id="search-type-4" /><label class="type-icon type-icon-4" for="search-type-4"><!--龍--></label></li>
-					<li><input type="checkbox" name="types" class="type-check" value="5" id="search-type-5" /><label class="type-icon type-icon-5" for="search-type-5"><!--神--></label></li>
-					<li><input type="checkbox" name="types" class="type-check" value="7" id="search-type-7" /><label class="type-icon type-icon-7" for="search-type-7"><!--惡魔--></label></li>
-					<li><input type="checkbox" name="types" class="type-check" value="8" id="search-type-8" /><label class="type-icon type-icon-8" for="search-type-8"><!--机械--></label></li>
-					<li><input type="checkbox" name="types" class="type-check" value="1" id="search-type-1" /><label class="type-icon type-icon-1" for="search-type-1"><!--平衡--></label></li>
-					<li><input type="checkbox" name="types" class="type-check" value="6" id="search-type-6" /><label class="type-icon type-icon-6" for="search-type-6"><!--攻撃--></label></li>
-					<li><input type="checkbox" name="types" class="type-check" value="2" id="search-type-2" /><label class="type-icon type-icon-2" for="search-type-2"><!--体力--></label></li>
-					<li><input type="checkbox" name="types" class="type-check" value="3" id="search-type-3" /><label class="type-icon type-icon-3" for="search-type-3"><!--回復--></label></li>
-					<li><input type="checkbox" name="types" class="type-check" value="0" id="search-type-0" /><label class="type-icon type-icon-0" for="search-type-0"><!--進化用--></label></li>
-					<li><input type="checkbox" name="types" class="type-check" value="12" id="search-type-12" /><label class="type-icon type-icon-12" for="search-type-12"><!--能力覺醒用--></label></li>
-					<li><input type="checkbox" name="types" class="type-check" value="14" id="search-type-14" /><label class="type-icon type-icon-14" for="search-type-14"><!--強化合成用--></label></li>
-					<li><input type="checkbox" name="types" class="type-check" value="15" id="search-type-15" /><label class="type-icon type-icon-15" for="search-type-15"><!--販賣用--></label></li>
+					<li><input type="checkbox" name="types" class="type-check" value="4" id="search-type-4" /><label class="type-icon" data-type-icon="4" for="search-type-4"><!--龍--></label></li>
+					<li><input type="checkbox" name="types" class="type-check" value="5" id="search-type-5" /><label class="type-icon" data-type-icon="5" for="search-type-5"><!--神--></label></li>
+					<li><input type="checkbox" name="types" class="type-check" value="7" id="search-type-7" /><label class="type-icon" data-type-icon="7" for="search-type-7"><!--惡魔--></label></li>
+					<li><input type="checkbox" name="types" class="type-check" value="8" id="search-type-8" /><label class="type-icon" data-type-icon="8" for="search-type-8"><!--机械--></label></li>
+					<li><input type="checkbox" name="types" class="type-check" value="1" id="search-type-1" /><label class="type-icon" data-type-icon="1" for="search-type-1"><!--平衡--></label></li>
+					<li><input type="checkbox" name="types" class="type-check" value="6" id="search-type-6" /><label class="type-icon" data-type-icon="6" for="search-type-6"><!--攻撃--></label></li>
+					<li><input type="checkbox" name="types" class="type-check" value="2" id="search-type-2" /><label class="type-icon" data-type-icon="2" for="search-type-2"><!--体力--></label></li>
+					<li><input type="checkbox" name="types" class="type-check" value="3" id="search-type-3" /><label class="type-icon" data-type-icon="3" for="search-type-3"><!--回復--></label></li>
+					<li><input type="checkbox" name="types" class="type-check" value="0" id="search-type-0" /><label class="type-icon" data-type-icon="0" for="search-type-0"><!--進化用--></label></li>
+					<li><input type="checkbox" name="types" class="type-check" value="12" id="search-type-12" /><label class="type-icon" data-type-icon="12" for="search-type-12"><!--能力覺醒用--></label></li>
+					<li><input type="checkbox" name="types" class="type-check" value="14" id="search-type-14" /><label class="type-icon" data-type-icon="14" for="search-type-14"><!--強化合成用--></label></li>
+					<li><input type="checkbox" name="types" class="type-check" value="15" id="search-type-15" /><label class="type-icon" data-type-icon="15" for="search-type-15"><!--販賣用--></label></li>
 				</ul>
 			</div>
 			<div class="awoken-div"><!--觉醒-->
@@ -663,9 +663,7 @@ var formation = new Formation(teamsCount,5);
 			</div>
 			<div class="monsterinfo-line">
 				<ul class="monster-type">
-					<li class="type-name"><div class="type-icon"></div></li>
-					<li class="type-name"><div class="type-icon"></div></li>
-					<li class="type-name"><div class="type-icon"></div></li>
+					<li class="type-name"><span class="type-icon"></span></li><li class="type-name"><span class="type-icon"></span></li><li class="type-name"><span class="type-icon"></span></li>
 				</ul>
 				<div class="monsterinfo-cell">
 					<div class="monster-seriesId"></div>
@@ -717,7 +715,7 @@ var formation = new Formation(teamsCount,5);
 			</div>
 			<div class="setting-row row-ability">
 				<div class="row-mon-ability">
-					<!--怪物属性-->
+					<!--怪物三维-->
 					<ul>
 						<li class="m-hp-li"><span class="ability-value"></span></li>
 						<li class="m-atk-li"><span class="ability-value"></span></li>

script.js

@@ -1673,22 +1673,21 @@ function changeid(mon,monDom,latentDom)
 	const plusDom = monDom.querySelector(".plus");
 	if (plusArr && plusDom) //如果提供了加值，且怪物头像内有加值
 	{
-		plusDom.querySelector(".hp").innerHTML = plusArr[0];
-		plusDom.querySelector(".atk").innerHTML = plusArr[1];
-		plusDom.querySelector(".rcv").innerHTML = plusArr[2];
-		var plusCount = plusArr[0]+plusArr[1]+plusArr[2];
-		if (plusCount >= 297)
+		const plusCount = plusArr[0]+plusArr[1]+plusArr[2];
+		if (plusCount <= 0)
 		{
-			plusDom.classList.add("has297");
-			plusDom.classList.remove("zero");
-		}else if (plusCount <= 0)
+			plusDom.classList.add("display-none");
+		}else if (plusCount >= 297)
 		{
-			plusDom.classList.add("zero");
-			plusDom.classList.remove("has297");
+			plusDom.classList.add("has297");
+			plusDom.classList.remove("display-none");
 		}else
 		{
-			plusDom.classList.remove("zero");
+			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");
 		}
 	}
 	if (latentDom)
@@ -1707,7 +1706,7 @@ function changeid(mon,monDom,latentDom)
 			}else
 			{
 				latentDom.classList.remove("display-none");
-				
+
 				const usedHoleN = usedHole(latent); //使用的格子数
 				const maxLatentCount = getMaxLatentCount(mon.id); //最大潜觉数量
 				const showLatentCount = maxLatentCount-usedHoleN+latent.length; //显示的潜觉个数（包含空格）
@@ -1846,7 +1845,7 @@ function editBoxChangeMonId(id)
 	const mId = monInfoBox.querySelector(".monster-id");
 	mId.innerHTML = id;
 	const mRare = monInfoBox.querySelector(".monster-rare");
-	mRare.className = "monster-rare rare-" + card.rarity;
+	mRare.setAttribute("data-rarity",card.rarity);
 	const mCost = monInfoBox.querySelector(".monster-cost");
 	mCost.innerHTML = card.cost;
 	/*const mExp = monInfoBox.querySelector(".monster-exp");
@@ -1912,7 +1911,7 @@ function editBoxChangeMonId(id)
 	const mType = monInfoBox.querySelectorAll(".monster-type li");
 	for (let ti=0;ti<mType.length;ti++)
 	{
-		if (ti<card.types.length)
+		if (ti<card.types.length && card.types[ti]>= 0)
 		{
 			mType[ti].setAttribute("data-type-name",card.types[ti]);
 			mType[ti].querySelector(".type-icon").setAttribute("data-type-icon",card.types[ti]);

solo.html

@@ -75,7 +75,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="0">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -86,7 +86,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="1">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -97,7 +97,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="2">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -108,7 +108,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="3">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -119,7 +119,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="4">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -130,7 +130,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="5">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -217,7 +217,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="0">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -229,7 +229,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="1">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -241,7 +241,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="2">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -253,7 +253,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="3">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -265,7 +265,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="4">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -277,7 +277,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="5">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -615,9 +615,7 @@ var formation = new Formation(teamsCount,6);
 			</div>
 			<div class="monsterinfo-line">
 				<ul class="monster-type">
-					<li class="type-name"><span class="type-icon"></span></li>
-					<li class="type-name"><span class="type-icon"></span></li>
-					<li class="type-name"><span class="type-icon"></span></li>
+					<li class="type-name"><span class="type-icon"></span></li><li class="type-name"><span class="type-icon"></span></li><li class="type-name"><span class="type-icon"></span></li>
 				</ul>
 				<div class="monsterinfo-cell">
 					<div class="monster-seriesId"></div>

style.css

@@ -235,20 +235,19 @@ ul{
 .monster .plus .hp::before,
 .monster .plus .atk::before,
 .monster .plus .rcv::before,
-.monster .plus ._297::before{
+.monster .plus.has297::before
+{
 	content: "+";
 }
-.monster .plus ._297{ /*297默认不显示*/
-	display:none;
+.monster .plus.has297::after{
+	content: "297";
 }
-.monster .plus.has297 .hp,.monster .plus.zero .hp,
-.monster .plus.has297 .atk,.monster .plus.zero .atk,
-.monster .plus.has297 .rcv,.monster .plus.zero .rcv{ /*当是297时隐藏3维*/
+.monster .plus.has297 .hp,
+.monster .plus.has297 .atk,
+.monster .plus.has297 .rcv
+{ /*当是297时隐藏3维*/
 	display:none;
 }
-.monster .plus.has297 ._297{ /*当是297时显示297*/
-	display:block;
-}
 /*怪物-觉醒*/
 .monster .awoken-count{
 	color: yellow;
@@ -946,7 +945,7 @@ ul{
 	line-height: 22px;
 }
 .monsterinfo-box .monster-id{
-	width:150px;
+	width:120px;
 }
 .monsterinfo-box .monster-seriesId,
 .monsterinfo-box .monster-collabId,
@@ -972,22 +971,40 @@ ul{
 }*/
 
 .monsterinfo-box .monster-rare{
-	width: 230px;
+	width: 260px;
 }
-.monsterinfo-box .monster-rare::before{
+.monsterinfo-box .monster-rare::before,
+.monsterinfo-box .monster-rare::after
+{
 	color:gold;
 	text-shadow: black 0 0 3px,black 0 2px 3px;
 }
-.rare-1::before{content: "★";}
-.rare-2::before{content: "★★";}
-.rare-3::before{content: "★★★";}
-.rare-4::before{content: "★★★★";}
-.rare-5::before{content: "★★★★★";}
-.rare-6::before{content: "★★★★★★";}
-.rare-7::before{content: "★★★★★★★";}
-.rare-8::before{content: "★★★★★★★★";}
-.rare-9::before{content: "★★★★★★★★★";}
-.rare-10::before{content: "★★★★★★★★★★";}
+.monsterinfo-box .monster-rare::before
+{
+	display: inline-block;
+	width: 30px;
+	text-align: right;
+}
+.monster-rare[data-rarity='1']::after{content: "★";}
+.monster-rare[data-rarity='2']::after{content: "★★";}
+.monster-rare[data-rarity='3']::after{content: "★★★";}
+.monster-rare[data-rarity='4']::after{content: "★★★★";}
+.monster-rare[data-rarity='5']::after{content: "★★★★★";}
+.monster-rare[data-rarity='6']::after{content: "★★★★★★";}
+.monster-rare[data-rarity='7']::after{content: "★★★★★★★";}
+.monster-rare[data-rarity='8']::after{content: "★★★★★★★★";}
+.monster-rare[data-rarity='9']::after{content: "★★★★★★★★★";}
+.monster-rare[data-rarity='10']::after{content: "★★★★★★★★★★";}
+.monster-rare[data-rarity='1']::before{content: "1";}
+.monster-rare[data-rarity='2']::before{content: "2";}
+.monster-rare[data-rarity='3']::before{content: "3";}
+.monster-rare[data-rarity='4']::before{content: "4";}
+.monster-rare[data-rarity='5']::before{content: "5";}
+.monster-rare[data-rarity='6']::before{content: "6";}
+.monster-rare[data-rarity='7']::before{content: "7";}
+.monster-rare[data-rarity='8']::before{content: "8";}
+.monster-rare[data-rarity='9']::before{content: "9";}
+.monster-rare[data-rarity='10']::before{content: "10";}
 .monsterinfo-box .monster-type{
 	font-size: 0;
 }

triple.html

@@ -69,7 +69,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="0">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -80,7 +80,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="1">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -91,7 +91,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="2">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -102,7 +102,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="3">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -113,7 +113,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="4">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -124,7 +124,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="5">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -211,7 +211,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="0">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -223,7 +223,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="1">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -235,7 +235,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="2">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -247,7 +247,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="3">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -259,7 +259,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="4">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -271,7 +271,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="5">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -389,7 +389,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="1" data-assist="1" data-index="0">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -400,7 +400,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="1" data-assist="1" data-index="1">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -411,7 +411,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="1" data-assist="1" data-index="2">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -422,7 +422,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="1" data-assist="1" data-index="3">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -433,7 +433,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="1" data-assist="1" data-index="4">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -444,7 +444,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="1" data-assist="1" data-index="5">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -531,7 +531,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="1" data-assist="0" data-index="0">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -543,7 +543,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="1" data-assist="0" data-index="1">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -555,7 +555,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="1" data-assist="0" data-index="2">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -567,7 +567,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="1" data-assist="0" data-index="3">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -579,7 +579,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="1" data-assist="0" data-index="4">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -591,7 +591,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="1" data-assist="0" data-index="5">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -709,7 +709,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="2" data-assist="1" data-index="0">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -720,7 +720,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="2" data-assist="1" data-index="1">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -731,7 +731,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="2" data-assist="1" data-index="2">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -742,7 +742,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="2" data-assist="1" data-index="3">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -753,7 +753,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="2" data-assist="1" data-index="4">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -764,7 +764,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="2" data-assist="1" data-index="5">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="level"></div>
 									<div class="id"></div>
@@ -851,7 +851,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="2" data-assist="0" data-index="0">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -863,7 +863,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="2" data-assist="0" data-index="1">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -875,7 +875,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="2" data-assist="0" data-index="2">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -887,7 +887,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="2" data-assist="0" data-index="3">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -899,7 +899,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="2" data-assist="0" data-index="4">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -911,7 +911,7 @@ var formation = new Formation(teamsCount,6);
 								<a class="monster" target="_blank" data-team="2" data-assist="0" data-index="5">
 									<div class="property"></div>
 									<div class="subproperty"></div>
-									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
+									<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
 									<div class="awoken-count display-none"></div>
 									<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
 									<div class="level"></div>
@@ -1048,18 +1048,18 @@ var formation = new Formation(teamsCount,6);
 			</div>
 			<div class="types-div"><!--类型-->
 				<ul class="type-list">
-					<li><input type="checkbox" name="types" class="type-check" value="4" id="search-type-4" /><label class="type-icon type-icon-4" for="search-type-4"><!--龍--></label></li>
-					<li><input type="checkbox" name="types" class="type-check" value="5" id="search-type-5" /><label class="type-icon type-icon-5" for="search-type-5"><!--神--></label></li>
-					<li><input type="checkbox" name="types" class="type-check" value="7" id="search-type-7" /><label class="type-icon type-icon-7" for="search-type-7"><!--惡魔--></label></li>
-					<li><input type="checkbox" name="types" class="type-check" value="8" id="search-type-8" /><label class="type-icon type-icon-8" for="search-type-8"><!--机械--></label></li>
-					<li><input type="checkbox" name="types" class="type-check" value="1" id="search-type-1" /><label class="type-icon type-icon-1" for="search-type-1"><!--平衡--></label></li>
-					<li><input type="checkbox" name="types" class="type-check" value="6" id="search-type-6" /><label class="type-icon type-icon-6" for="search-type-6"><!--攻撃--></label></li>
-					<li><input type="checkbox" name="types" class="type-check" value="2" id="search-type-2" /><label class="type-icon type-icon-2" for="search-type-2"><!--体力--></label></li>
-					<li><input type="checkbox" name="types" class="type-check" value="3" id="search-type-3" /><label class="type-icon type-icon-3" for="search-type-3"><!--回復--></label></li>
-					<li><input type="checkbox" name="types" class="type-check" value="0" id="search-type-0" /><label class="type-icon type-icon-0" for="search-type-0"><!--進化用--></label></li>
-					<li><input type="checkbox" name="types" class="type-check" value="12" id="search-type-12" /><label class="type-icon type-icon-12" for="search-type-12"><!--能力覺醒用--></label></li>
-					<li><input type="checkbox" name="types" class="type-check" value="14" id="search-type-14" /><label class="type-icon type-icon-14" for="search-type-14"><!--強化合成用--></label></li>
-					<li><input type="checkbox" name="types" class="type-check" value="15" id="search-type-15" /><label class="type-icon type-icon-15" for="search-type-15"><!--販賣用--></label></li>
+					<li><input type="checkbox" name="types" class="type-check" value="4" id="search-type-4" /><label class="type-icon" data-type-icon="4" for="search-type-4"><!--龍--></label></li>
+					<li><input type="checkbox" name="types" class="type-check" value="5" id="search-type-5" /><label class="type-icon" data-type-icon="5" for="search-type-5"><!--神--></label></li>
+					<li><input type="checkbox" name="types" class="type-check" value="7" id="search-type-7" /><label class="type-icon" data-type-icon="7" for="search-type-7"><!--惡魔--></label></li>
+					<li><input type="checkbox" name="types" class="type-check" value="8" id="search-type-8" /><label class="type-icon" data-type-icon="8" for="search-type-8"><!--机械--></label></li>
+					<li><input type="checkbox" name="types" class="type-check" value="1" id="search-type-1" /><label class="type-icon" data-type-icon="1" for="search-type-1"><!--平衡--></label></li>
+					<li><input type="checkbox" name="types" class="type-check" value="6" id="search-type-6" /><label class="type-icon" data-type-icon="6" for="search-type-6"><!--攻撃--></label></li>
+					<li><input type="checkbox" name="types" class="type-check" value="2" id="search-type-2" /><label class="type-icon" data-type-icon="2" for="search-type-2"><!--体力--></label></li>
+					<li><input type="checkbox" name="types" class="type-check" value="3" id="search-type-3" /><label class="type-icon" data-type-icon="3" for="search-type-3"><!--回復--></label></li>
+					<li><input type="checkbox" name="types" class="type-check" value="0" id="search-type-0" /><label class="type-icon" data-type-icon="0" for="search-type-0"><!--進化用--></label></li>
+					<li><input type="checkbox" name="types" class="type-check" value="12" id="search-type-12" /><label class="type-icon" data-type-icon="12" for="search-type-12"><!--能力覺醒用--></label></li>
+					<li><input type="checkbox" name="types" class="type-check" value="14" id="search-type-14" /><label class="type-icon" data-type-icon="14" for="search-type-14"><!--強化合成用--></label></li>
+					<li><input type="checkbox" name="types" class="type-check" value="15" id="search-type-15" /><label class="type-icon" data-type-icon="15" for="search-type-15"><!--販賣用--></label></li>
 				</ul>
 			</div>
 			<div class="awoken-div"><!--觉醒-->
@@ -1249,9 +1249,7 @@ var formation = new Formation(teamsCount,6);
 			</div>
 			<div class="monsterinfo-line">
 				<ul class="monster-type">
-					<li class="type-name"><div class="type-icon"></div></li>
-					<li class="type-name"><div class="type-icon"></div></li>
-					<li class="type-name"><div class="type-icon"></div></li>
+					<li class="type-name"><span class="type-icon"></span></li><li class="type-name"><span class="type-icon"></span></li><li class="type-name"><span class="type-icon"></span></li>
 				</ul>
 				<div class="monsterinfo-cell">
 					<div class="monster-seriesId"></div>
@@ -1303,7 +1301,7 @@ var formation = new Formation(teamsCount,6);
 			</div>
 			<div class="setting-row row-ability">
 				<div class="row-mon-ability">
-					<!--怪物属性-->
+					<!--怪物三维-->
 					<ul>
 						<li class="m-hp-li"><span class="ability-value"></span></li>
 						<li class="m-atk-li"><span class="ability-value"></span></li>