|
|
<html>
|
|
|
<head>
|
|
|
<style>
|
|
|
.sprite {
|
|
|
background-image: url('/images/sprite.png');
|
|
|
background-repeat: no-repeat;
|
|
|
display: inline-block;
|
|
|
background-size: 3275px 75px; /* 原图 6550×149 缩小一倍 */
|
|
|
}
|
|
|
|
|
|
.sprite-1 { background-position: -1px -59px; width:15px; height:16px; }
|
|
|
.sprite-2 { background-position: -17px -59px; width:15px; height:16px; }
|
|
|
.sprite-3 { background-position: -33px -59px; width:15px; height:16px; }
|
|
|
.sprite-4 { background-position: -49px -67px; width:24px; height:8px; }
|
|
|
.sprite-5 { background-position: -74px -67px; width:24px; height:8px; }
|
|
|
.sprite-6 { background-position: -98px -67px; width:48px; height:8px; }
|
|
|
.sprite-7 { background-position: -147px -67px; width:24px; height:8px; }
|
|
|
.sprite-8 { background-position: -171px -47px; width:28px; height:28px; }
|
|
|
.sprite-9 { background-position: -200px -47px; width:28px; height:28px; }
|
|
|
.sprite-10 { background-position: -229px -47px; width:28px; height:28px; }
|
|
|
.sprite-11 { background-position: -258px -47px; width:28px; height:28px; }
|
|
|
.sprite-12 { background-position: -287px -47px; width:28px; height:28px; }
|
|
|
.sprite-13 { background-position: -316px -47px; width:28px; height:28px; }
|
|
|
.sprite-14 { background-position: -345px -47px; width:28px; height:28px; }
|
|
|
.sprite-15 { background-position: -374px -47px; width:28px; height:28px; }
|
|
|
.sprite-16 { background-position: -403px -47px; width:28px; height:28px; }
|
|
|
.sprite-17 { background-position: -432px -47px; width:28px; height:28px; }
|
|
|
.sprite-18 { background-position: -461px -47px; width:28px; height:28px; }
|
|
|
.sprite-19 { background-position: -490px -47px; width:28px; height:28px; } /* 原55px高，取整28px */
|
|
|
.sprite-20 { background-position: -519px -47px; width:28px; height:28px; }
|
|
|
.sprite-21 { background-position: -548px -47px; width:28px; height:28px; }
|
|
|
.sprite-22 { background-position: -577px -47px; width:28px; height:28px; }
|
|
|
.sprite-23 { background-position: -606px -47px; width:28px; height:28px; }
|
|
|
.sprite-24 { background-position: -635px -47px; width:28px; height:28px; }
|
|
|
.sprite-25 { background-position: -664px -47px; width:28px; height:28px; }
|
|
|
.sprite-26 { background-position: -693px -30px; width:45px; height:45px; }
|
|
|
.sprite-27 { background-position: -739px -30px; width:45px; height:45px; }
|
|
|
.sprite-28 { background-position: -785px -59px; width:18px; height:16px; }
|
|
|
.sprite-29 { background-position: -804px -60px; width:26px; height:15px; }
|
|
|
.sprite-30 { background-position: -831px -60px; width:23px; height:15px; }
|
|
|
.sprite-31 { background-position: -854px -62px; width:17px; height:13px; }
|
|
|
.sprite-32 { background-position: -872px -67px; width:8px; height:8px; }
|
|
|
.sprite-33 { background-position: -881px -49px; width:39px; height:26px; }
|
|
|
.sprite-34 { background-position: -921px -57px; width:82px; height:18px; }
|
|
|
.sprite-35 { background-position: -1003px -54px; width:52px; height:21px; }
|
|
|
.sprite-36 { background-position: -1056px -54px; width:52px; height:21px; }
|
|
|
.sprite-37 { background-position: -1109px -54px; width:52px; height:21px; }
|
|
|
.sprite-38 { background-position: -1162px -54px; width:52px; height:21px; }
|
|
|
.sprite-39 { background-position: -1215px -59px; width:52px; height:16px; }
|
|
|
.sprite-40 { background-position: -1268px -59px; width:52px; height:16px; }
|
|
|
.sprite-41 { background-position: -1321px -59px; width:52px; height:16px; }
|
|
|
.sprite-42 { background-position: -1374px -46px; width:106px; height:29px; }
|
|
|
.sprite-43 { background-position: -1481px -46px; width:82px; height:29px; }
|
|
|
.sprite-44 { background-position: -1564px -46px; width:88px; height:29px; }
|
|
|
.sprite-45 { background-position: -1653px 0px; width:115px; height:75px; }
|
|
|
.sprite-46 { background-position: -1769px -57px; width:56px; height:18px; }
|
|
|
.sprite-47 { background-position: -1826px -66px; width:7px; height:9px; }
|
|
|
.sprite-48 { background-position: -1834px -66px; width:7px; height:9px; }
|
|
|
.sprite-49 { background-position: -1842px -66px; width:7px; height:9px; }
|
|
|
.sprite-50 { background-position: -1850px -53px; width:52px; height:22px; }
|
|
|
.sprite-51 { background-position: -1903px -54px; width:19px; height:21px; }
|
|
|
.sprite-52 { background-position: -1923px -58px; width:107px; height:17px; }
|
|
|
.sprite-53 { background-position: -2031px -53px; width:103px; height:22px; }
|
|
|
.sprite-54 { background-position: -2135px -56px; width:118px; height:19px; }
|
|
|
.sprite-55 { background-position: -2253px -61px; width:14px; height:14px; }
|
|
|
.sprite-56 { background-position: -2268px -61px; width:14px; height:14px; }
|
|
|
.sprite-57 { background-position: -2283px -6px; width:250px; height:69px; }
|
|
|
.sprite-58 { background-position: -2534px -59px; width:52px; height:16px; }
|
|
|
.sprite-59 { background-position: -2587px -59px; width:52px; height:16px; }
|
|
|
.sprite-60 { background-position: -2640px -59px; width:52px; height:16px; }
|
|
|
.sprite-61 { background-position: -2693px -59px; width:52px; height:16px; }
|
|
|
.sprite-62 { background-position: -2746px -59px; width:52px; height:16px; }
|
|
|
.sprite-63 { background-position: -2799px -54px; width:52px; height:21px; }
|
|
|
.sprite-64 { background-position: -2852px -54px; width:52px; height:21px; }
|
|
|
.sprite-65 { background-position: -2905px -54px; width:52px; height:21px; }
|
|
|
.sprite-66 { background-position: -2958px -54px; width:52px; height:21px; }
|
|
|
.sprite-67 { background-position: -3011px -54px; width:52px; height:21px; }
|
|
|
.sprite-68 { background-position: -3064px -54px; width:52px; height:21px; }
|
|
|
.sprite-69 { background-position: -3117px -54px; width:52px; height:21px; }
|
|
|
.sprite-70 { background-position: -3170px -59px; width:52px; height:16px; }
|
|
|
.sprite-71 { background-position: -3223px -59px; width:52px; height:16px; }
|
|
|
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<span class="sprite sprite-1"></span>
|
|
|
<span class="sprite sprite-2"></span>
|
|
|
<span class="sprite sprite-3"></span>
|
|
|
<span class="sprite sprite-4"></span>
|
|
|
<span class="sprite sprite-5"></span>
|
|
|
<span class="sprite sprite-6"></span>
|
|
|
<span class="sprite sprite-7"></span>
|
|
|
<span class="sprite sprite-8"></span>
|
|
|
<span class="sprite sprite-9"></span>
|
|
|
<span class="sprite sprite-10"></span>
|
|
|
<span class="sprite sprite-11"></span>
|
|
|
<span class="sprite sprite-12"></span>
|
|
|
<span class="sprite sprite-13"></span>
|
|
|
<span class="sprite sprite-14"></span>
|
|
|
<span class="sprite sprite-15"></span>
|
|
|
<span class="sprite sprite-16"></span>
|
|
|
<span class="sprite sprite-17"></span>
|
|
|
<span class="sprite sprite-18"></span>
|
|
|
<span class="sprite sprite-19"></span>
|
|
|
<span class="sprite sprite-20"></span>
|
|
|
<span class="sprite sprite-21"></span>
|
|
|
<span class="sprite sprite-22"></span>
|
|
|
<span class="sprite sprite-23"></span>
|
|
|
<span class="sprite sprite-24"></span>
|
|
|
<span class="sprite sprite-25"></span>
|
|
|
<span class="sprite sprite-26"></span>
|
|
|
<span class="sprite sprite-27"></span>
|
|
|
<span class="sprite sprite-28"></span>
|
|
|
<span class="sprite sprite-29"></span>
|
|
|
<span class="sprite sprite-30"></span>
|
|
|
<span class="sprite sprite-31"></span>
|
|
|
<span class="sprite sprite-32"></span>
|
|
|
<span class="sprite sprite-33"></span>
|
|
|
<span class="sprite sprite-34"></span>
|
|
|
<span class="sprite sprite-35"></span>
|
|
|
<span class="sprite sprite-36"></span>
|
|
|
<span class="sprite sprite-37"></span>
|
|
|
<span class="sprite sprite-38"></span>
|
|
|
<span class="sprite sprite-39"></span>
|
|
|
<span class="sprite sprite-40"></span>
|
|
|
<span class="sprite sprite-41"></span>
|
|
|
<span class="sprite sprite-42"></span>
|
|
|
<span class="sprite sprite-43"></span>
|
|
|
<span class="sprite sprite-44"></span>
|
|
|
<span class="sprite sprite-45"></span>
|
|
|
<span class="sprite sprite-46"></span>
|
|
|
<span class="sprite sprite-47"></span>
|
|
|
<span class="sprite sprite-48"></span>
|
|
|
<span class="sprite sprite-49"></span>
|
|
|
<span class="sprite sprite-50"></span>
|
|
|
<span class="sprite sprite-51"></span>
|
|
|
<span class="sprite sprite-52"></span>
|
|
|
<span class="sprite sprite-53"></span>
|
|
|
<span class="sprite sprite-54"></span>
|
|
|
<span class="sprite sprite-55"></span>
|
|
|
<span class="sprite sprite-56"></span>
|
|
|
<span class="sprite sprite-57"></span>
|
|
|
<span class="sprite sprite-58"></span>
|
|
|
<span class="sprite sprite-59"></span>
|
|
|
<span class="sprite sprite-60"></span>
|
|
|
<span class="sprite sprite-61"></span>
|
|
|
<span class="sprite sprite-62"></span>
|
|
|
<span class="sprite sprite-63"></span>
|
|
|
<span class="sprite sprite-64"></span>
|
|
|
<span class="sprite sprite-65"></span>
|
|
|
<span class="sprite sprite-66"></span>
|
|
|
<span class="sprite sprite-67"></span>
|
|
|
<span class="sprite sprite-68"></span>
|
|
|
<span class="sprite sprite-69"></span>
|
|
|
<span class="sprite sprite-70"></span>
|
|
|
<span class="sprite sprite-71"></span>
|
|
|
|
|
|
</body>
|
|
|
</html> |
