gsap序列动画效果-html代码-BFW代码库

代码语言：html
所属分类：动画
代码描述：gsap序列动画效果
代码标签：效果
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<style>
@import url("https://fonts.googleapis.com/css2?family=Lato&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  display: grid;
  place-items: center;
  height: 100vh;
  background: #f8fddf;
  font-family: "Lato", sans-serif;
  color: #2b2b2b;
}

a {
  text-decoration: none;
  color: #d33f2e;
  font-size: 0.9rem;
}

.container {
  width: 100%;
  max-width: 800px;
  height: 100%;
  padding: 1em;
  display: grid;
  grid-template-rows: 800px 1fr;
  -webkit-box-align: start;
          align-items: start;
}

section {
  width: 100%;
  max-width: 800px;
  height: 100%;
  max-height: 800px;
  position: relative;
}

.svg-content {
  position: absolute;
  top: 0;
  left: 0;
}

footer {
  padding: 1em 0 2em;
  text-align: center;
  display: grid;
  place-items: center;
}
footer a {
  margin-top: 20px;
}
footer div {
  border: none;
  outline: none;
  width: 40px;
  height: 40px;
  background: #ffa004;
  border-radius: 50%;
  display: grid;
  place-items: center;
  cursor: pointer;
}
footer div svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke-width: 3;
  stroke: #fff;
  text-align: center;
}

@media (max-width: 580px) {
  .container {
    grid-template-rows: 1fr 30%;
  }
}
</style>

</head>
<body translate="no">
<div class="container">
<section>
<svg xmlns="http://www.w3.org/2000/svg" style="isolation:isolate" viewBox="0 0 800 800" preserveAspectRatio="xMinYMin meet" class="svg-content">
<defs>
<mask id="bkgMask">
<rect x="0" y="490" width="800" height="200" fill="white" />
</mask>
</defs>
<g>

<g mask="url(#bkgMask)">

<path id="city-bkg-back" d="M642.229 554.4h-24.4l-6.629 5.543v15.828h-3.943v11.543h-18v-24.171h-5.6v-4.114h-20.686v4.114h-3.542v17.428l-18.686.458V543.2h-21.314v24.914h-15.086v-9.143h-20v18.686h-5.772v-36.4l-16.8-16.971v61.6l-9.714 1.771v-44.743l-5.543-6.743h-22.628l-5.372 4.4v27.543h-15.257v-7.143l-4.628-6.571h-24.4l-6.629 5.543v15.828h-3.943v12.286h-32.114v-12.971h-18.629v-11.943h-5.6v-4.114h-20.628v4.114h-3.543v17.428l-18.686.458V543.2h-21.314v24.914h-15.086v-9.143h-20v18.686h-5.771v-36.4l-31.429-16.971v61.6l-.628.114v6.343h-16.172v96H646.857V560.971l-4.628-6.571z" fill="#C1D5D7" />

<path id="city-bkg-front" d="M662.8 622h-10.514v-38.743h-18.972v13.086H585.2v-48.4l-36.457 23.371v72.4h-18.229v-47.885L524 589.143h-30.629l-8 5.543v25.085H462v-36.514h-34.971v40.972h-24.743v-15.086h-32.8v30.628H360v-37.257l-19.714-27.885v85.2l-4.743-3.6v-47.086l-9.086-11.086h-37.143l-8.743 7.2v14.629h-4.685v-36.457h-34.972v40.914h-24.8v-15.029h-32.8v30.629H137.2v48.4h525.6V622z" fill="#9BC3C9" />


<path id="bush-left" d="M181.886 689.543h169.143a12.111 12.111 0 002.857-8.286c-.229-6.8-5.886-12.057-12.686-11.828-.914.057-1.829.171-2.686.4-1.828-9.2-10.114-15.943-19.771-15.658a21.006 21.006 0 00-4.286.629c-1.771-10.457-11.086-18.286-22-17.886-7.257.229-13.543 4.057-17.257 9.657a12.635 12.635 0 00-6.4-1.542c-2.857.114-5.429 1.142-7.486 2.857a13.96 13.96 0 00-13.371-8.4 14.214 14.214 0 00-7.086 2.228c-3.714-7.314-11.428-12.228-20.171-11.943-12 .4-21.429 10.458-20.972 22.515a21.032 21.032 0 001.086 6.057c-8.343 1.143-14.629 8.457-14.343 17.028.057 1.372.286 2.743.629 4-3.315 2.058-5.486 5.772-5.315 9.943.115.115.115.172.115.229z" fill="#49A05D" vector-effect="non-scaling-stroke" stroke-width="2" stroke="#000" />

<path id="bush-right" d="M624.914 689.543c-.114-.057-.228-.172-.343-.229.229-.857.4-1.714.458-2.628.171-5.657-3.943-10.515-9.486-11.257.4-1.258.686-2.629.743-4 .285-7.943-5.943-14.572-13.829-14.858a14.395 14.395 0 00-13.314 7.886c-1.372-.857-2.972-1.428-4.686-1.486a9.32 9.32 0 00-8.8 5.543c-1.371-1.085-3.028-1.828-4.914-1.885-1.543-.058-2.972.342-4.229 1.028-2.457-3.714-6.571-6.228-11.371-6.4-7.2-.228-13.314 4.914-14.514 11.829-.915-.229-1.829-.4-2.8-.4a12.79 12.79 0 00-13.029 10.285c-.571-.171-1.143-.228-1.771-.285-4.115-.115-7.658 2.857-8.286 6.857h110.171z" fill="#49A05D" mask="url(#b)" vector-effect="non-scaling-stroke" stroke-width="2" stroke="#000" />
</g>

<g id="ground">
<path d="M690.914 691.371H128.286c-.8 0-1.429-.628-1.429-1.428 0-.8.629-1.429 1.429-1.429h562.628c.8 0 1.429.629 1.429 1.429s-.629 1.428-1.429 1.428z" />
</g>

<g id="clouds">

<g id="cloud-line">
<path d="M145.829 175.543H104.8c-.8 0-1.429-.629-1.429-1.429s.629-1.428 1.429-1.428h41.029c.8 0 1.428.628 1.428 1.428 0 .8-.628 1.429-1.428 1.429zM169.486 175.543H152c-.8 0-1.429-.629-1.429-1.429s.629-1.428 1.429-1.428h17.486c.8 0 1.428.628 1.428 1.428 0 .8-.628 1.429-1.428 1.429z" />
</g>

<g id="cloud-large">
<path d="M188.743 124.571c.571 0 1.086 0 1.657.058 9.657-12.058 24.514-19.829 41.2-19.829 20.229 0 37.829 11.429 46.686 28.171 1.943-.457 4-.742 6.057-.742 14 0 25.314 11.314 25.314 25.314H155.771c0-18.229 14.8-32.972 32.972-32.972z" fill="#FFF" stroke="#000" stroke-width="2" />
<path d="M321.657 158.971h-12c-.8 0-1.428-.628-1.428-1.428 0-.8.628-1.429 1.428-1.429h12c.8 0 1.429.629 1.429 1.429s-.629 1.428-1.429 1.428zM334.571 158.971h-4.457c-.8 0-1.428-.628-1.428-1.428 0-.8.628-1.429 1.428-1.429h4.457c.8 0 1.429.629 1.429 1.429s-.629 1.428-1.429 1.428zM155.771 158.971h-16.857c-.8 0-1.428-.628-1.428-1.428 0-.8.628-1.429 1.428-1.429h16.857c.8 0 1.429.629 1.429 1.429s-.629 1.428-1.429 1.428z" />
</g>

<g id="cloud-small">
<path d="M601.143 357.143c2.171 0 4.228.286 6.228.8 7.2-9.486 18.572-15.6 31.372-15.6 21.771 0 39.428 17.657 39.428 39.428H576.457c.057-13.6 11.086-24.628 24.686-24.628z" fill="#FFF" />
<path d="M678.229 383.2s-.058 0 0 0H576.514c-.8 0-1.428-.629-1.428-1.429 0-14.4 11.714-26.057 26.057-26.057 1.886 0 3.828.229 5.657.629 7.829-9.772 19.371-15.372 31.943-15.372 22.457 0 40.743 18.229 40.857 40.686v.172c.057.742-.629 1.371-1.371 1.371zm-100.286-2.857h98.8c-.743-20.286-17.486-36.572-38-36.572-11.943 0-22.972 5.486-30.286 15.029-.343.457-.914.686-1.486.514-1.885-.514-3.885-.743-5.885-.743-12.286 0-22.4 9.6-23.143 21.772z" />
<path d="M685.314 383.2h-7.143c-.8 0-1.428-.629-1.428-1.429s.628-1.428 1.428-1.428h7.143c.8 0 1.429.628 1.429 1.428 0 .8-.629 1.429-1.429 1.429zM697.257 383.2h-5.486c-.8 0-1.428-.629-1.428-1.429s.628-1.428 1.428-1.428h5.486c.8 0 1.429.628 1.429 1.428 0 .8-.629 1.429-1.429 1.429zM576.514 383.2h-4.971c-.8 0-1.429-.629-1.429-1.429s.629-1.428 1.429-1.428h4.971c.8 0 1.429.628 1.429 1.428 0 .8-.686 1.429-1.429 1.429z" />
</g>
</g>

<g>

<path id="pole" fill="#AAAAAB" vector-effect="non-scaling-stroke" stroke-width="2" stroke="#000" stroke-miterlimit="2" d="M392.4 181.486h10.171v508.057H392.4z" />

<g id="arrow-bottom">
<path d="M460.743 545.943l-9.657-38-99.257 24.686-5.543-22.286-29.6 49.257 50.057 27.486-5.029-20.057 99.029-21.086z" mask="url(#c)" vector-effect="non-scaling-stroke" stroke-width="4" stroke="#000" />
<path d="M460.743 545.943l-9.657-38-99.257 24.686-5.543-22.286-29.6 49.257 50.057 27.486-5.029-20.057 99.029-21.086z" />
<path d="M460.286 544.057l-9.715-38-98.971 24.629-5.543-22.229-29.6 49.2 50.057 27.486-5.028-20.057 98.8-21.029z" fill="#F64936" mask="url(#d)" vector-effect="non-scaling-stroke" stroke-width="4" stroke="#000" />
<path d="M460.286 544.057l-9.715-38-98.971 24.629-5.543-22.229-29.6 49.2 50.057 27.486-5.028-20.057 98.8-21.029z" fill="#F64936" />
<path d="M359.086 575.543L323.2 555.829l20.971-34.858 3.886 15.6 99.029-24.628 7.257 28.4-98.743 21.028 3.486 14.172zM325.6 555.2l30.914 16.971-3.028-12.114 98.685-21.028-6.4-25.029-99.028 24.629-3.314-13.258L325.6 555.2z" fill="#FFE000" />
<path d="M430.286 530.229a4.23 4.23 0 014.228-4.229 4.231 4.231 0 014.229 4.229 4.23 4.23 0 01-4.229 4.228 4.23 4.23 0 01-4.228-4.228zm-17.715 4.171a4.231 4.231 0 014.229-4.229 4.231 4.231 0 014.229 4.229 4.231 4.231 0 01-4.229 4.229 4.231 4.231 0 01-4.229-4.229zm-17.714 4.229a4.231 4.231 0 014.229-4.229 4.23 4.23 0 014.228 4.229 4.23 4.23 0 01-4.228 4.228 4.23 4.23 0 01-4.229-4.228zm-18 3.942a4.23 4.23 0 014.229-4.228 4.23 4.23 0 014.228 4.228 4.23 4.23 0 01-4.228 4.229 4.231 4.231 0 01-4.229-4.229zm-17.714 4.172a4.23 4.23 0 014.228-4.229 4.231 4.231 0 014.229 4.229 4.23 4.23 0 01-4.229 4.228 4.23 4.23 0 01-4.228-4.228zm-17.714 4.171a4.23 4.23 0 018.457 0 4.231 4.231 0 01-4.229 4.229 4.23 4.23 0 01-4.228-4.229z" fill-rule="evenodd" fill="#FFF" />
</g>

<g id="pink-bottom">
<path d="M463.543 479.429H308.057l5.486 13.2c3.2 7.771 10.8 12.8 19.2 12.8H463.6h-.171c8.4 0 15.942-5.029 19.2-12.8l5.485-13.2h-24.571z" fill="#F1267B" vector-effect="non-scaling-stroke" stroke-width="6" stroke="#000" />
<path d="M463.543 479.429H308.057l5.486 13.2c3.2 7.771 10.8 12.8 19.2 12.8H463.6h-.171c8.4 0 15.942-5.029 19.2-12.8l5.485-13.2h-24.571z" fill="#F1267B" />
<path d="M463.543 476.914H308.057l5.486 13.2c3.2 7.772 10.8 12.8 19.2 12.8H463.6h-.171c8.4 0 15.942-5.028 19.2-12.8l5.485-13.2h-24.571z" fill="#F1267B" vector-effect="non-scaling-stroke" stroke-width="4" stroke="#000" />
<path d="M463.543 476.914H308.057l5.486 13.2c3.2 7.772 10.8 12.8 19.2 12.8H463.6h-.171c8.4 0 15.942-5.028 19.2-12.8l5.485-13.2h-24.571z" fill="#F1267B" />
</g>

<g id="pink-top">
<path d="M412 444H281.371l5.486 13.2c3.2 7.771 10.8 12.8 19.2 12.8h184c8.4 0 15.943-5.029 19.2-12.8l5.486-13.2H412z" fill="#F1267B" vector-effect="non-scaling-stroke" stroke-width="4" stroke="#000" />
<path d="M412 444H281.371l5.486 13.2c3.2 7.771 10.8 12.8 19.2 12.8h184c8.4 0 15.943-5.029 19.2-12.8l5.486-13.2H412z" fill="#F1267B" />
<path d="M412 441.486H281.371l5.486 13.2c3.2 7.771 10.8 12.8 19.2 12.8h184c8.4 0 15.943-5.029 19.2-12.8l5.486-13.2H412z" fill="#F1267B" vector-effect="non-scaling-stroke" stroke-width="4" stroke="#000" />
<path d="M412 441.486H281.371l5.486 13.2c3.2 7.771 10.8 12.8 19.2 12.8h184c8.4 0 15.943-5.029 19.2-12.8l5.486-13.2H412z" fill="#F1267B" />
</g>

<g id="board-24">
<circle vector-effect="non-scaling-stroke" cx="398.057" cy="478.857" r="44.171" stroke="#000" />
<circle class="b24" vector-effect="non-scaling-stroke" cx="398.057" cy="474.629" r="44.171" fill="#FF9E00" stroke-width="2" stroke="#000" />
<path class="b24" d="M398.057 512.8c-21.028 0-38.171-17.143-38.171-38.171 0-21.029 17.143-38.172 38.171-38.172 21.029 0 38.172 17.143 38.172 38.172 0 21.028-17.143 38.171-38.172 38.171zm0-74.629c-20.114 0-36.457 16.343-36.457 36.458 0 20.114 16.343 36.457 36.457 36.457s36.457-16.343 36.457-36.457c0-20.115-16.4-36.458-36.457-36.458z" fill="#FFF" />
<path class="b24" d="M380.286 458.8c0-3.314.914-5.886 2.685-7.657 1.543-1.543 3.6-2.343 6.115-2.343 2.343 0 4.285.857 5.943 2.629 1.657 1.714 2.457 3.771 2.457 6.114 0 2.4-.515 4.686-1.6 6.914-.572 1.257-1.943 3.372-4.057 6.4-.572.8-1.429 2.114-2.572 3.829l-.971 1.428a41.34 41.34 0 00-1.429 2.229c-.171.286-.228.457-.228.514h10.4v5.2h-16.858V479.2c0-.114.4-.743 1.143-1.943.343-.514.743-1.143 1.2-1.771l1.372-2c.8-1.086 2.057-2.857 3.771-5.315 1.657-2.285 2.857-4.342 3.657-6.228.629-1.543.972-2.914.972-4.229 0-1.085-.286-2-.915-2.743-.628-.8-1.485-1.2-2.514-1.2-1.486 0-2.514.858-3.143 2.572-.228.571-.285 1.257-.285 2v1.371h-5.2v-.914h.057zm17.485 12.343l9.372-22.286h5.314v22.286h3.372v5.314h-3.372v7.6h-5.314v-7.6h-9.372v-5.314zm9.372 0v-11.029l-4.4 11.029h4.4zM381.771 496.971v5.258h-1.885v-12.4h1.885v5.257h2.286v-5.257h1.886v12.4H384v-5.258h-2.229zm8.743-7.314c.8 0 1.543.286 2.115.857.571.572.857 1.257.857 2.115v6.8c0 .8-.286 1.542-.857 2.114-.572.571-1.258.857-2.115.857-.8 0-1.543-.286-2.114-.857-.571-.572-.857-1.257-.857-2.114v-6.8c0-.8.286-1.543.857-2.115.571-.571 1.314-.857 2.114-.857zm1.029 2.972c0-.286-.114-.572-.286-.743-.228-.229-.457-.286-.743-.286-.285 0-.571.114-.743.286-.171.171-.342.457-.342.743v6.8c0 .285.114.571.342.742.229.229.458.286.743.286.286 0 .572-.114.743-.286.229-.228.286-.457.286-.742v-6.8zm6.571 9.771c-.8 0-1.543-.286-2.114-.857-.571-.572-.857-1.257-.857-2.114v-9.6h1.828v9.6c0 .285.115.571.343.742.229.229.457.286.743.286s.572-.114.743-.286c.229-.228.286-.457.286-.742v-9.6h1.943v9.6c0 .857-.286 1.542-.858 2.114a2.806 2.806 0 01-2.057.857zm7.6-12.571c1.029 0 1.829.285 2.286.857.457.514.629 1.2.629 2.114v1.829c0 .857-.343 1.6-1.029 2.228l1.371 5.429h-2l-1.142-4.686h-1.258v4.686h-1.885v-12.4h3.028v-.057zm1.086 3.028c0-.743-.343-1.086-1.086-1.086h-1.143v4h1.143c.286 0 .572-.114.743-.342.229-.229.286-.458.286-.743v-1.829h.057zm9.371 6.286c0 .857-.228 1.6-.685 2.228-.286.4-.743.686-1.315.858-.285.114-.628.114-1.028.114-.743 0-1.314-.172-1.829-.572a2.902 2.902 0 01-.971-1.2c-.229-.514-.4-1.085-.4-1.771l1.771-.114c.057.743.286 1.257.572 1.6.228.228.457.343.8.343.4 0 .743-.229.971-.629.114-.171.172-.457.172-.8 0-.514-.229-1.029-.686-1.543-.343-.343-.914-.857-1.657-1.6-.629-.628-1.086-1.143-1.315-1.6-.285-.514-.4-1.143-.4-1.771 0-1.143.4-2 1.143-2.572.457-.343 1.029-.514 1.772-.514.685 0 1.257.171 1.714.457.343.229.686.572.914.972.229.4.343.914.4 1.428l-1.771.343c-.057-.514-.172-.914-.457-1.2-.172-.229-.4-.286-.743-.286a.913.913 0 00-.8.457c-.172.229-.229.572-.229.915 0 .571.229 1.143.743 1.714.172.229.457.514.857.8.457.343.743.629.857.743.458.457.8.914 1.086 1.371.114.229.229.4.286.572.171.514.228.914.228 1.257z" fill-rule="evenodd" />
</g>

<g id="panel-blue">
<mask id="i" x="-200%" y="-200%" width="400%" height="400%">
<rect x="-200%" y="-200%" width="400%" height="400%" fill="#fff" />
<path d="M260.857 178.629l54.629 232.114 165.085 8.514 79.143-97.028-298.857-143.6zm270.914 146.857H295.429l.342 1.371h260.115l1.143-1.371h-25.258zm-.114 27.428H301.886l.343 1.372h231.314l1.086-1.372h-2.972zm0-13.714H298.629l.342 1.371h245.772l1.086-1.371h-14.172zm0 6.857H300.286l.285 1.372h238.572l1.086-1.372H531.657zm0-13.714H297.029l.342 1.371H550.286l1.143-1.371H531.657zm-41.143 34.286H305.086l.343 1.371h216.914l1.143-1.371h-32.972zm0-6.858H303.486l.343 1.372H527.943l1.143-1.372h-38.572zm0 34.286H311.543l.343 1.372H500l1.086-1.372H490.514zm0-13.714H308.343l.286 1.371H511.2l1.086-1.371h-21.772zm0 20.571H313.2l.286 1.372H494.4l1.143-1.372h-5.029zm0-13.714H309.943l.343 1.371H505.6l1.086-1.371H490.514zm0-13.714H306.743l.286 1.371h209.714l1.143-1.371h-27.372zm-41.143 34.285H314.8l.286 1.372H488.8l1.143-1.372h-40.572zm0 6.858H390.343l17.886.914h.114l8.571.457H483.2l1.143-1.371h-34.972zM325.943 285.714h157.771l-2.857-1.371H285.714l.343 1.371H325.943zm0-6.857h143.486l-2.858-1.371H284.114l.343 1.371h41.486zm0 34.286H540.8l-2.857-1.372H292.171l.343 1.372H325.943zm0-13.714h186.343l-2.857-1.372H288.971l.343 1.372h36.629zm0 20.571H555.086l-2.857-1.371h-258.4l.285 1.371h31.829zm0-13.714H526.514l-2.857-1.372H290.571l.343 1.372H325.943zm0-13.715H498l-2.857-1.371H287.371l.286 1.371H325.943zM284.8 203.429h27.657l-2.857-1.372h-43.2l.286 1.372H284.8zm-3.714-15.086h-17.943l.343 1.371h20.457l-2.857-1.371zm3.714 8.228h13.429l-2.858-1.371h-30.628l.343 1.371H284.8zm-18-15.085h-5.257l.343 1.371h7.771l-2.857-1.371zm18 63.085h113.314l-2.857-1.371H276.057l.343 1.371H284.8zm0-13.714h84.743l-2.343-1.143-.114-.057-.4-.171H272.857l.286 1.371H284.8zm0-13.714H341.029l-2.858-1.372H269.6l.343 1.372H284.8zm0 20.571h99.029l-2.858-1.371H274.457l.286 1.371H284.8zm0-13.714h70.514l-2.857-1.371H271.2l.343 1.371H284.8zm0-13.714H326.743l-.686-.343-.114-.057-2.057-.972H268l.286 1.372H284.8zm0 61.714H455.2l-2.857-1.371H282.514l.343 1.371h1.943zm0-13.714h141.829l-2.858-1.372H279.314l.286 1.372h5.2zm0 6.857H440.914l-2.857-1.372H280.914l.286 1.372H284.8zm0-13.714H412.343l-2.8-1.372H277.657l.343 1.372h6.8z" fill-rule="evenodd" />
</mask>
<path d="M260.857 178.629l54.629 232.114 165.085 8.514 79.143-97.028-298.857-143.6zm270.914 146.857H295.429l.342 1.371h260.115l1.143-1.371h-25.258zm-.114 27.428H301.886l.343 1.372h231.314l1.086-1.372h-2.972zm0-13.714H298.629l.342 1.371h245.772l1.086-1.371h-14.172zm0 6.857H300.286l.285 1.372h238.572l1.086-1.372H531.657zm0-13.714H297.029l.342 1.371H550.286l1.143-1.371H531.657zm-41.143 34.286H305.086l.343 1.371h216.914l1.143-1.371h-32.972zm0-6.858H303.486l.343 1.372H527.943l1.143-1.372h-38.572zm0 34.286H311.543l.343 1.372H500l1.086-1.372H490.514zm0-13.714H308.343l.286 1.371H511.2l1.086-1.371h-21.772zm0 20.571H313.2l.286 1.372H494.4l1.143-1.372h-5.029zm0-13.714H309.943l.343 1.371H505.6l1.086-1.371H490.514zm0-13.714H306.743l.286 1.371h209.714l1.143-1.371h-27.372zm-41.143 34.285H314.8l.286 1.372H488.8l1.143-1.372h-40.572zm0 6.858H390.343l17.886.914h.114l8.571.457H483.2l1.143-1.371h-34.972zM325.943 285.714h157.771l-2.857-1.371H285.714l.343 1.371H325.943zm0-6.857h143.486l-2.858-1.371H284.114l.343 1.371h41.486zm0 34.286H540.8l-2.857-1.372H292.171l.343 1.372H325.943zm0-13.714h186.343l-2.857-1.372H288.971l.343 1.372h36.629zm0 20.571H555.086l-2.857-1.371h-258.4l.285 1.371h31.829zm0-13.714H526.514l-2.857-1.372H290.571l.343 1.372H325.943zm0-13.715H498l-2.857-1.371H287.371l.286 1.371H325.943zM284.8 203.429h27.657l-2.857-1.372h-43.2l.286 1.372H284.8zm-3.714-15.086h-17.943l.343 1.371h20.457l-2.857-1.371zm3.714 8.228h13.429l-2.858-1.371h-30.628l.343 1.371H284.8zm-18-15.085h-5.257l.343 1.371h7.771l-2.857-1.371zm18 63.085h113.314l-2.857-1.371H276.057l.343 1.371H284.8zm0-13.714h84.743l-2.343-1.143-.114-.057-.4-.171H272.857l.286 1.371H284.8zm0-13.714H341.029l-2.858-1.372H269.6l.343 1.372H284.8zm0 20.571h99.029l-2.858-1.371H274.457l.286 1.371H284.8zm0-13.714h70.514l-2.857-1.371H271.2l.343 1.371H284.8zm0-13.714H326.743l-.686-.343-.114-.057-2.057-.972H268l.286 1.372H284.8zm0 61.714H455.2l-2.857-1.371H282.514l.343 1.371h1.943zm0-13.714h141.829l-2.858-1.372H279.314l.286 1.372h5.2zm0 6.857H440.914l-2.857-1.372H280.914l.286 1.372H284.8zm0-13.714H412.343l-2.8-1.372H277.657l.343 1.372h6.8z" fill-rule="evenodd" fill="#64D9F7" mask="url(#i)" vector-effect="non-scaling-stroke" stroke-width="4" stroke="#000" />
<path d="M260.857 178.629l54.629 232.114 165.085 8.514 79.143-97.028-298.857-143.6zm270.914 146.857H295.429l.342 1.371h260.115l1.143-1.371h-25.258zm-.114 27.428H301.886l.343 1.372h231.314l1.086-1.372h-2.972zm0-13.714H298.629l.342 1.371h245.772l1.086-1.371h-14.172zm0 6.857H300.286l.285 1.372h238.572l1.086-1.372H531.657zm0-13.714H297.029l.342 1.371H550.286l1.143-1.371H531.657zm-41.143 34.286H305.086l.343 1.371h216.914l1.143-1.371h-32.972zm0-6.858H303.486l.343 1.372H527.943l1.143-1.372h-38.572zm0 34.286H311.543l.343 1.372H500l1.086-1.372H490.514zm0-13.714H308.343l.286 1.371H511.2l1.086-1.371h-21.772zm0 20.571H313.2l.286 1.372H494.4l1.143-1.372h-5.029zm0-13.714H309.943l.343 1.371H505.6l1.086-1.371H490.514zm0-13.714H306.743l.286 1.371h209.714l1.143-1.371h-27.372zm-41.143 34.285H314.8l.286 1.372H488.8l1.143-1.372h-40.572zm0 6.858H390.343l17.886.914h.114l8.571.457H483.2l1.143-1.371h-34.972zM325.943 285.714h157.771l-2.857-1.371H285.714l.343 1.371H325.943zm0-6.857h143.486l-2.858-1.371H284.114l.343 1.371h41.486zm0 34.286H540.8l-2.857-1.372H292.171l.343 1.372H325.943zm0-13.714h186.343l-2.857-1.372H288.971l.343 1.372h36.629zm0 20.571H555.086l-2.857-1.371h-258.4l.285 1.371h31.829zm0-13.714H526.514l-2.857-1.372H290.571l.343 1.372H325.943zm0-13.715H498l-2.857-1.371H287.371l.286 1.371H325.943zM284.8 203.429h27.657l-2.857-1.372h-43.2l.286 1.372H284.8zm-3.714-15.086h-17.943l.343 1.371h20.457l-2.857-1.371zm3.714 8.228h13.429l-2.858-1.371h-30.628l.343 1.371H284.8zm-18-15.085h-5.257l.343 1.371h7.771l-2.857-1.371zm18 63.085h113.314l-2.857-1.371H276.057l.343 1.371H284.8zm0-13.714h84.743l-2.343-1.143-.114-.057-.4-.171H272.857l.286 1.371H284.8zm0-13.714H341.029l-2.858-1.372H269.6l.343 1.372H284.8zm0 20.571h99.029l-2.858-1.371H274.457l.286.........完整代码请登录后点击上方下载按钮下载查看