svg实现手机昼夜切换太阳月亮升起落下交替效果代码-html代码-BFW代码库

代码语言：html
所属分类：动画
代码描述：svg实现手机昼夜切换太阳月亮升起落下交替效果代码
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">

  
  
<style>
html,
body {
  width: 100%;
  height: 100%;
}

body {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  -webkit-animation: bg-anim 15s ease infinite;
          animation: bg-anim 15s ease infinite;
  background-image: linear-gradient(-45deg, #4571d8, #21586f, #666b7a, #2b5ea5);
  background-size: 400% 400%;
}

.container {
  position: relative;
  width: 263px;
  height: 525px;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0 30px 50px rgba(0, 0, 0, 0.3);
  z-index: 1;
}

.device {
  position: absolute;
}

.layer1,
.layer2 {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(1.01);
}

.layer2 {
  opacity: 0;
  transition: 4s;
}

.layer1 {
  opacity: 1;
  transition: 4s;
}

.moon {
  transform: translate(-50px, 230px);
  transition: 4s;
}

.rising-star {
  transform: translate(225px, -160px);
  transition: 4s;
}

.sun {
  transition: 5s;
}

.cloud1,
.cloud2,
.cloud3,
.cloud4 {
  transition: 4s;
}

.light-mode .layer2 {
  opacity: 1;
}
.light-mode .moon,
.light-mode .rising-star {
  transform: none;
  transition-delay: 1s;
}
.light-mode .sun {
  transform: translate(64px, -290px);
}
.light-mode .cloud1 {
  transform: translateX(-140px);
}
.light-mode .cloud2 {
  transform: translateX(-100px);
}
.light-mode .cloud3 {
  transform: translateX(-200px);
}
.light-mode .cloud4 {
  transform: translateX(-180px);
}

.toggle {
  width: 45px;
  height: 24px;
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 1;
  cursor: pointer;
}

:root {
  --mountainY: 0;
}

.mountain3 {
  transform: translateX(29px) scaleX(1.04) translateY(var(--mountainY));
}

[class*=mountain] {
  transform: translateY(var(--mountainY));
  -webkit-animation: goUp 2s both;
          animation: goUp 2s both;
}

.mountain2 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.mountain3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.mountain4 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.mountain5 {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

.mountain6 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.mountain7 {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

.right {
  -webkit-animation: goLeft 2s 0.2s both;
          animation: goLeft 2s 0.2s both;
}

.tree {
  -webkit-animation: goUp 2s both;
          animation: goUp 2s both;
}

.sun {
  -webkit-animation: fadeIn 2s 2s both;
          animation: fadeIn 2s 2s both;
}

.sky {
  -webkit-animation: sky 2s 2s both;
          animation: sky 2s 2s both;
}

.m3 {
  transform: translateX(26px) scaleX(1.1);
}

@-webkit-keyframes goUp {
  from {
    transform: translateY(200px);
  }
}

@keyframes goUp {
  from {
    transform: translateY(200px);
  }
}
@-webkit-keyframes sky {
  from {
    transform: scale(2);
  }
}
@keyframes sky {
  from {
    transform: scale(2);
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
}
@-webkit-keyframes goLeft {
  from {
    transform: translateX(200px);
  }
}
@keyframes goLeft {
  from {
    transform: translateX(200px);
  }
}
@-webkit-keyframes bg-anim {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes bg-anim {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
</style>


</head>

<body>
  <svg class="device" width="278" height="555" viewBox="0 0 278 555" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.311859" y="0.0585327" width="277.05" height="554.736" rx="25.4758" fill="#0E0E0E"/>
</svg>
<div class="container">
 <div class="toggle"></div>
 <div class="layer1">
  <svg width="263" height="525" viewBox="0 0 263 525" fill="none" xmlns="http://www.w3.org/2000/svg">
 <mask id="mask0_2_4" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="263" height="525">
 <rect x="0.440352" y="0.503279" width="261.446" height="523.847" rx="25.3166" fill="#1D1D1D" stroke="url(#paint0_linear_2_4)" stroke-width="0.318448"/>
 </mask>
 <g mask="url(#mask0_2_4)">
 <path class="sky" d="M-28.3643 -12.4545L-28.3643 524.308H273.612L273.612 -12.4545H-28.3643Z" fill="url(#paint1_linear_2_4)"/>
 <path class="mountain7" d="M-28.3642 354.192L-25.4428 351.921L-22.9589 353.628L-13.6726 346.756L-9.63626 346.897L-2.22693 338.516H3.02311L6.05741 333.45L10.9264 330.91L18.3075 320.412L33.7189 346.051L38.7714 346.756L39.9568 352.626L51.346 359.597L52.0658 366.088L56.2997 371.026L58.0779 378.025L68.6486 378.434L81.1809 386.195L81.7031 393.25L87.2354 397.032L91.4693 401.787L103.127 398.866L116.167 408.899H121.107L124.395 414.712L130.195 413.301L142.276 424.83H153.27L157.561 429.768L168.385 434.03L173.042 432.83L192.349 446.461L219.658 469.743L-30.58 471.366L-28.3642 354.192Z" fill="#F4815F"/>
 <g class="mountain7" style="mix-blend-mode:screen" opacity="0.5">
 <g style="mix-blend-mode:screen" opacity="0.5">
 <path d="M18.3074 320.412L17.2489 332.519L17.7852 336.752L13.7206 340.632L13.142 345.811L9.13391 349.804L18.3074 348.986L22.7812 346.756L33.7188 346.051L18.3074 320.412Z" fill="#F9B69C"/>
 </g>
 <g style="mix-blend-mode:screen" opacity="0.5">
 <path d="M39.9567 352.626L32.0675 358.045L29.5978 363.322L22.8941 366.271L20.9324 371.097L35.6664 367.851L40.0696 361.854L47.7189 366.976L52.0657 366.087L51.3459 359.597L39.9567 352.626Z" fill="#F9B69C"/>
 </g>
 <g style="mix-blend-mode:screen" opacity="0.5">
 <path d="M58.0779 378.025L53.1243 380.607H64.4147L68.2111 383.994L76.1426 386.463L76.7918 391.67L81.7031 393.25L81.1809 386.195L68.6486 378.434L58.0779 378.025Z" fill="#F9B69C"/>
 </g>
 <g style="mix-blend-mode:screen" opacity="0.5">
 <path d="M91.4694 401.787L98.7517 402.958L102.633 401.787L105.935 404.609L116.167 408.899L103.127 398.866L91.4694 401.787Z" fill="#F9B69C"/>
 </g>
 <g style="mix-blend-mode:screen" opacity="0.5">
 <path d="M36.8238 374.794L40.5355 383.02H43.6122L50.6263 391.218L63.0176 393.039L71.4854 401.364L77.314 403.071L80.6588 414.416L71.4854 407.488H60.5478L58.7413 399.953L46.3924 398.782L40.5355 401.716L37.8682 397.695L41.3964 391.204L35.4972 386.689L36.8238 374.794Z" fill="#F9B69C"/>
 </g>
 </g>
 <path class="mountain6" d="M-36.7332 394.139L-26.8541 391.317L-21.6746 394.139L-16.1705 391.317L-8.76122 398.965L1.14611 400.249L4.64613 405.597L15.7531 406.486L23.487 411.128L29.1322 410.013L33.7189 416.363L40.7331 421.782L51.967 424.829L52.0658 428.823H62.0578L68.6486 422.953L72.6426 424.59L81.7031 424.124L103.818 432.35L98.5258 445.276V462.42H-40.7272L-36.7332 394.139Z" fill="#C75378"/>
 <path class="mountain5" d="M46.7311 441.282L60.1808 436.696L64.076 438.996L69.0014 436.696L77.1164 438.996L83.8201 432.11H93.3463L96.4371 428.794L101.546 423.179L109.844 421.302L113.726 418.042L127.33 417.182L132.27 418.353L136.179 415.065L143.066 408.899L147.794 410.126L153.44 407.502L159.268 403.537L162.5 397.427H165.901L176.218 385.193L199.307 383.782L225.656 367.089L247.362 375.443L255.575 368.26L279.61 363.322V457.862L173.198 481.822L97.4532 483.035L26.9305 448.464L39.7169 441.635L46.7311 441.282Z" fill="#A65574"/>
 <g class="mountain5" style="mix-blend-mode:screen" opacity="0.58">
 <g style="mix-blend-mode:screen" opacity="0.58">
 <path d="M165.901 397.427H170.22L173.042 393.547H178.617L184.841 386.957L199.307 383.782L176.218 385.193L165.901 397.427Z" fill="#63BACD"/>
 </g>
 <g style="mix-blend-mode:screen" opacity="0.58">
 <path d="M93.3464 432.111L98.6388 431.292L100.756 428.004L107.812 428.823L114.516 424.477H126.159L128.516 421.655H114.276L113.726 418.042L109.845 421.302L101.546 423.179L93.3464 432.111Z" fill="#63BACD"/>
 </g>
 <g style="mix-blend-mode:screen" opacity="0.58">
 <path d="M132.27 418.353L138.748 417.421L141.57 413.894H149.911L156.036 414.486L159.565 410.719L158.506 407.897L159.268 403.537L153.44 407.502L147.794 410.126L143.066 408.899L132.27 418.353Z" fill="#63BACD"/>
 </g>
 </g>
 <path class="mountain4" d="M56.4125 462.462L67.4207 457.044H80.6587L90.2837 453.121L98.5257 455.872L121.332 444.231L128.516 446.701H149.953L159.917 442.933L167.905 445.529L188.567 454.701L211.105 462.462L203.188 488.792L31.5454 490.203L56.4125 462.462Z" fill="#6D5670"/>
  <g class="m3">
 <path class="mountain3"  transform="20px" d="M228.097 414.486L225.275 412.37L223.694 414.486H220.871L219.996 416.786H217.88L214.323 421.02H211.896L210.668 423.842H208.381V426.494H206.97L205.234 428.611H203.117L201.184 431.786H199.603L197.317 434.439H194.96L193.549 436.033H191.813L190.232 439.208H188.468L186.182 443.088H182.456L180.014 445.741C180.014 445.741 177.94 445.219 177.657 445.741C177.375 446.263 175.258 449.622 175.258 449.622L170.319 449.974C170.319 449.974 168.71 452.627 167.567 452.444C166.423 452.26 164.49 451.922 164.49 451.922L159.198 454.391H157.476L156.206 456.691L152.508 456.874L150.927 459.88C148.507 460.983 146.152 462.222 143.871 463.591C143.165 464.296 140.145 467.655 140.145 467.655H135.403C134.513 468.375 133.57 469.026 132.58 469.602C131.087 470.06 129.55 470.358 127.994 470.491H124.113L121.826 473.144H106.302L103.479 471.733L100.135 472.085L98.2012 469.447L95.7314 469.094L93.8403 467.302H91.935L89.2959 465.468L85.5983 466.173L81.5478 463.887L78.7252 464.593L75.5498 462.758H73.9127L71.2736 461.249L67.9429 462.744L64.2171 458.765L59.2775 459.471L55.2412 455.054L52.4186 455.943L50.8379 451.541L45.2774 451.188L39.5475 446.433L35.3136 446.616L33.1402 442.03L30.8963 442.736L29.8378 441.677L27.368 442.736L23.4305 438.855L21.7228 439.561L19.4365 434.806L17.8558 435.342L16.0917 433.578L13.7348 433.761L10.7993 429.528H6.33963L4.43437 426.311L3.02307 425.789L0.129906 426.325V423.094H-3.68061L-7.02539 417.45L-20.461 412.342L-28.3643 404.087V531.364H228.097V414.486Z" fill="#504F6D"/>
  </g>
 <path class="mountain2" d="M-29.8461 419.778L-27.828 419.242V416.151L-26.6707 413.329L-25.5981 416.547V419.143L-24.6102 421.612L-23.3118 420.032L-22.2533 415.926L-21.5053 419.27L-21.1384 423.164H-18.6404L-17.7795 421.499V420.737L-16.9751 418.014L-16.6081 421.231L-17.1585 421.979L-16.6081 423.15L-15.5497 422.402V421.288L-15.1122 419.425L-14.6182 421.711V422.642L-13.8702 423.813L-13.0658 425.055V426.198L-12.2896 425.916V424.745L-11.6686 424.194L-11.8944 423.32L-11.4428 422.148L-10.85 423.559L-11.1887 423.969L-10.9206 425.14V425.718L-10.5113 426.551L-10.1867 425.888L-10.2573 425.422L-9.89034 424.59L-9.72099 425.662L-9.89034 426.057L-9.6363 426.946L-9.18469 426.466L-8.90243 425.21L-8.7613 426.438L-8.3238 427.398L-8.14033 428.061L-7.77339 427.299L-7.32177 426.255L-7.13831 428.061V428.893L-6.89838 429.345L-6.07983 430.488L-5.92459 431.109L-5.4024 430.77L-5.24716 429.571L-4.75321 428.639L-4.59796 430.149V431.264C-4.59796 431.264 -4.16046 432.012 -4.13223 432.096C-4.10401 432.181 -4.03344 433.084 -4.03344 433.084L-3.51126 432.379V431.758L-3.35602 430.77L-3.14433 431.758L-2.89029 432.435L-3.04553 433.451L-2.36811 434.777L-2.05762 434.001L-2.21286 433.07L-1.87415 431.363L-1.43665 433.07V433.691L-1.15439 434.961L-0.970921 436.16C-0.74427 435.8 -0.536987 435.428 -0.349949 435.045C-0.349949 434.947 -0.505192 434.241 -0.505192 434.241L0.0452156 433.042L0.256912 435.088V436.019C0.256912 436.019 0.539173 436.979 0.567398 437.162C0.595623 437.345 1.6541 437.162 1.6541 437.162V435.836L2.02104 434.848L2.23273 436.259V437.303L2.67023 438.545L3.22064 437.896V436.386L3.65815 438.545V439.688L3.96863 440.647L4.46259 439.533L4.90009 438.051V439.377L5.29525 440.337V440.958L6.22671 440.647V439.504L6.48075 438.178L6.94647 439.589V440.732L7.44043 442.707L8.03318 442.115L8.21665 441.635L7.90616 440.958L8.56947 439.617L8.93641 441.226C8.93641 441.226 8.7106 441.818 8.7106 441.861C8.7106 441.903 9.00698 442.764 9.00698 442.764L9.50093 443.808L9.37391 444.104L9.6844 443.653V443.004L9.85376 442.482L10.0655 443.088V443.61L10.2771 444.372H11.2792L11.8013 443.639L12.38 442.101L12.9022 443.949L12.507 445.007L13.1139 446.884L13.7348 446.249C13.8484 445.787 13.9052 445.314 13.9042 444.838L14.7792 441.79V446.644L15.132 447.886L15.8659 447.096L16.1623 446.037L16.5998 443.864L17.0091 446.221L16.6844 447.632L17.0091 449.509H18.4204V448.479L18.5615 446.602C18.7228 446.121 18.9112 445.65 19.126 445.191V450.666C19.126 450.666 19.9728 451.752 19.9728 451.639C19.9728 451.526 20.5373 450.228 20.5373 450.228L21.0595 448.436L21.4123 450.849V452.557L21.8357 453.699C21.8357 453.699 22.5837 452.528 22.6119 452.444C22.6401 452.359 22.3155 451.414 22.4002 451.272C22.4849 451.131 23.1623 449.015 23.1623 449.015L23.7551 451.625L23.1623 452.768L23.6845 454.447L24.5313 455.647C24.9766 455.246 25.4006 454.822 25.8014 454.377C25.6808 453.916 25.6238 453.442 25.6321 452.966C25.7168 452.641 26.0978 450.764 26.0978 450.764L26.4789 453.883C26.338 454.124 26.2558 454.395 26.239 454.673C26.239 454.998 26.4789 457.058 26.4789 457.058C26.4789 457.058 27.4809 456.493 27.4809 456.324C27.4809 456.155 27.5656 454.532 27.5656 454.419C27.5656 454.306 27.9466 453.008 27.9466 453.008L28.3277 454.715V455.858L28.737 457.269V458.68L29.4991 460.388L30.5293 458.977V456.564L31.9406 453.008C32.0253 452.796 32.2652 456.155 32.2934 456.239C32.3217 456.324 31.7713 457.919 31.7713 458.003C31.7713 458.088 32.2652 460.063 32.2652 460.063L32.1805 461.206L33.239 462.208L34.6503 460.797L34.3398 458.553L35.0031 454.8L35.7088 459.259L35.356 461.333C35.5531 462.292 35.6852 463.263 35.7511 464.24C35.6822 465.328 35.7247 466.42 35.8781 467.5L37.0213 470.322L37.6423 468.643L37.4165 466.921L38.2915 463.873V461.94L38.9548 464.677V466.314L39.3499 469.362V470.336L40.3661 469.673L40.4508 467.387L41.4245 464.917V463.633L42.1302 468.219C42.0859 468.849 42.0859 469.48 42.1302 470.11C42.2149 470.378 42.5254 471.831 42.5254 471.831L43.104 470.957L43.6262 468.36L44.3742 466.78V468.812L44.106 471.154L44.3742 472.791L45.5173 473.412L46.3923 472.128L46.1665 470.237L46.9568 468.346L47.5355 472.311L48.2411 474.654L50.6262 475.839C50.6262 475.839 51.7694 473.017 51.7694 472.847C51.7694 472.678 51.9811 469.503 51.9811 469.503L52.9266 468.36V471.535L52.4045 472.946L52.9266 475.02L52.4891 476.163L53.4206 478.59L52.6303 479.296L53.7311 481.497L55.0154 479.155L54.7472 477.828C54.7472 477.828 55.7634 476.333 55.6222 476.107C55.4748 475.708 55.3615 475.297 55.2835 474.879C55.2835 474.879 56.2714 469.884 56.3279 470.11L57.2593 474.527C57.2104 474.756 57.1346 474.978 57.0335 475.19C56.8783 475.5 57.9085 477.349 57.9085 477.349L57.471 478.28L57.9085 480.044C57.9085 480.044 59.1928 477.49 59.1364 477.349C58.921 476.668 58.7466 475.976 58.6142 475.274L59.4469 472.537L60.2372 475.543L60.7594 476.812V478.887L62.1707 479.987L63.8924 476.643V473.821L64.2453 472.283C64.2453 472.283 64.7675 473.877 64.8239 474.089C64.7941 474.436 64.7182 474.778 64.5981 475.105L65.6566 479.733L66.715 477.843C66.6228 477.377 66.5662 476.905 66.5457 476.431C66.5457 476.163 67.2937 473.482 67.2937 473.482L68.2251 476.7L67.7876 477.532L68.6627 480.354L71.4853 481.441L72.7695 478.534V477.433L73.207 475.796L74.082 478.266C74.082 478.266 73.6869 478.661 73.7292 478.802C73.7716 478.943 74.3925 481.455 74.3925 481.455L75.9732 480.933V478.774C75.9732 478.774 76.5518 477.193 76.6365 477.447L77.9208 481.455V482.386L79.8119 482.697C80.0531 481.809 80.2463 480.91 80.3905 480.001C80.3905 479.733 81.0962 478.675 81.0962 478.59C81.0962 478.506 80.5176 476.657 80.5176 476.657L81.0962 473.172L81.8865 476.615V482.443C81.8865 482.443 83.2978 480.326 83.2978 480.199C83.2978 480.072 83.566 477.913 83.566 477.913L84.314 481.003L85.4995 483.741L86.1204 481.709L85.81 480.735C85.9464 480.095 86.1208 479.464 86.3321 478.844L87.3906 481.892L88.0116 484.362H89.6487L89.9451 483.346L89.691 481.017L90.5237 478.943L91.1447 480.975V481.991L91.4552 482.965V484.728L93.0358 486.14C92.8804 485.745 92.776 485.333 92.7253 484.912C92.7253 484.644 93.304 483.063 93.304 482.922C93.304 482.781 93.6144 480.467 93.6144 480.467L94.2354 483.176V484.898L94.9411 486.436L95.3786 485.335V483.444L96.6064 480.467L97.0016 483.924L96.8745 484.855L97.6649 486.803L99.0762 488.524L100.219 487.508L99.8242 486.887C99.8242 486.887 101.108 482.527 101.235 482.654C101.362 482.781 101.941 485.702 101.983 486.013C101.925 486.71 101.821 487.403 101.673 488.087L102.252 489.272L105.074 490.768V488.651L106.048 484.333L107.459 487.057L106.754 489.963C106.754 489.963 108.518 494.465 108.518 494.197C108.518 493.928 110.197 487.847 110.197 487.847V484.503L111.256 481.412L112.399 486.083L111.524 487.325L112.413 491.036V493.068L113.74 495.975L113.119 497.47L114.615 501.971L115.758 498.938C115.758 498.938 115.236 497.033 115.236 496.765C115.236 496.497 116.562 494.295 116.294 494.027C116.026 493.759 115.504 493.152 115.772 492.8C116.04 492.447 117.719 485.66 117.719 485.66L119.046 491.135L118.213 492.546L119.046 495.368L120.048 497.216L121.149 493.717L121.699 490.895L122.673 493.801V496.355H124.169L125.312 494.281L125.002 492.955C125.002 492.786 125.58 490.923 125.665 491.544C125.75 492.165 126.286 494.592 126.286 494.592L126.018 495.382L126.286 497.456L127.697 499.841C127.886 499.327 128.032 498.798 128.135 498.26C128.135 498.091 127.697 497.244 127.697 497.244C127.697 497.244 128.318 493.322 128.361 493.59L128.897 496.807L128.728 497.823C128.728 497.823 129.349 499.234 129.391 499.417C129.895 499.712 130.424 499.962 130.972 500.165L131.593 497.696L131.903 495.452L132.298 496.736V498.275L132.778 500.264L133.399 501.802L133.709 501.224L133.484 500.081L134.584 496.736L136.617 502.381L135.996 502.86L136.617 504.187L137.591 503.044C137.531 502.568 137.441 502.097 137.322 501.633C137.252 501.633 137.591 498.26 137.591 498.26L138.381 501.83L138.113 503.157L138.649 504.794L139.891 505.146L139.792 504.046L140.272 501.492L140.822 503.566V505.683L142.742 507.277L142.516 506.092L142.163 504.949L142.742 500.236L143.984 506.67V507.997L145.085 505.485L145.437 503.058L146.411 507.997L147.244 506.416L147.681 503.721L147.95 506.543L148.839 509.944L150.56 508.716C150.596 507.549 150.7 506.386 150.871 505.231C150.998 505.231 151.704 509.069 151.704 509.069L152.931 524.435H-36.7333L-29.8461 419.778Z" fill="#0E4764"/>
 <path class="mountain1" d="M291.987 425.337L288.995 424.759V421.457L287.273 418.409L285.692 421.852V424.674L284.281 427.327L282.362 425.634L280.795 421.245L279.694 424.815L279.144 429.049H275.432L274.148 427.256V426.382L272.948 423.475L272.398 426.918L273.231 427.708L272.398 428.964L270.831 428.174V426.988L270.182 424.999L269.448 427.44V428.428L268.347 429.683L267.148 431.01V432.237L266.005 431.941V430.685L265.087 430.093L265.426 429.147L264.763 427.906L263.888 429.429L264.396 429.867L264.001 431.109L264.099 431.73L263.507 432.633L263.027 431.913L263.14 431.419L262.589 430.516L262.335 431.659L262.589 432.068L262.222 433.014L261.559 432.506L261.15 431.095L260.938 432.407L260.289 433.437L260.007 434.157L259.456 433.338L258.793 432.223L258.511 434.142V435.045L258.172 435.525L256.944 436.739L256.718 437.402L255.942 437.035L255.716 435.751L254.982 434.763L254.757 436.386V437.67C254.757 437.67 254.107 438.46 254.065 438.559C254.023 438.658 253.924 439.617 253.924 439.617L253.148 438.855V438.192L252.922 437.134L252.597 438.192L252.23 438.926L252.456 440.012L251.44 441.423L250.974 440.591L251.2 439.603L250.692 437.783L250.043 439.603V440.266L249.634 441.677L249.351 442.961C249.022 442.585 248.716 442.189 248.434 441.776C248.434 441.677 248.66 440.915 248.66 440.915L247.827 439.631L247.503 441.818V442.806C247.503 442.806 247.093 443.836 247.037 444.034C246.98 444.231 245.428 444.034 245.428 444.034V442.623L244.878 441.565L244.553 442.976V444.09L243.904 445.431L243.071 444.739V443.117L242.422 445.431V446.658L241.956 447.688L241.222 446.503L240.573 444.909V446.32L239.98 447.35V448.013L238.569 447.688V446.461L238.202 445.05L237.511 446.574V447.801L236.777 449.918L235.902 449.283L235.619 448.775L236.085 448.055L235.097 446.644L234.547 448.366C234.547 448.366 234.885 449.001 234.885 449.057C234.885 449.114 234.434 450.017 234.434 450.017L233.686 451.131L233.869 451.442L233.404 450.962V450.271L233.164 449.706L232.853 450.355L232.952 450.92L232.642 451.738H231.16L230.369 450.962L229.523 449.311L228.732 451.287L229.325 452.415L228.422 454.419L227.504 453.742C227.307 453.601 227.236 452.232 227.236 452.232L225.924 448.973V454.165L225.402 455.492L224.315 454.645L223.863 453.516L223.186 451.075L222.579 453.587C222.579 453.587 223.059 454.998 223.059 455.153C223.059 455.308 222.579 457.171 222.579 457.171H220.49V456.07L220.279 454.052C220.032 453.564 219.754 453.093 219.446 452.641V458.483C219.446 458.483 218.176 459.64 218.176 459.527C217.923 459.042 217.645 458.571 217.343 458.116L216.553 456.197L216.031 458.779V460.6L215.395 461.813C215.395 461.813 214.281 460.557 214.238 460.402C214.196 460.247 214.676 459.301 214.549 459.146C214.422 458.991 213.42 456.719 213.42 456.719L212.545 459.541L213.42 460.769L212.629 462.561L211.359 463.845C211.359 463.845 209.482 462.589 209.482 462.434C209.482 462.279 209.877 461.333 209.75 461.023C209.623 460.712 209.059 458.666 209.059 458.666L208.494 461.996C208.694 462.237 208.817 462.532 208.847 462.843C208.847 463.196 208.494 465.383 208.494 465.383C208.494 465.383 207.012 464.79 207.012 464.593C207.012 464.395 206.885 462.674 206.885 462.547C206.885 462.42 206.321 460.981 206.321 460.981L205.756 462.801V464.028L205.149 465.595L205.234 467.161L204.105 468.981L202.581 467.443V464.903L200.45 461.093C200.21 462.235 200.035 463.389 199.928 464.55C199.928 464.649 200.718 466.343 200.718 466.441C200.718 466.54 199.97 468.643 199.97 468.643L200.097 469.87L198.53 470.943L196.371 469.433L196.823 467.034L195.835 463.027L194.79 467.782L195.313 469.997C195.019 471.016 194.821 472.06 194.72 473.116C194.819 474.281 194.753 475.454 194.522 476.601L192.815 479.578L191.897 477.786L192.222 475.952L190.909 472.692V470.618L189.921 473.539V475.289L189.456 478.59V479.635L187.946 478.929L187.819 476.474L186.407 473.835V472.424L185.363 477.335C185.429 478.01 185.429 478.691 185.363 479.366C185.236 479.649 184.77 481.201 184.77 481.201L183.923 480.255L183.133 477.433L182.018 475.74V477.913L182.413 480.411L182.018 482.16L180.311 482.824L178.998 481.412L179.323 479.381L178.151 477.349L177.304 481.582L176.26 484.079L172.732 485.349C172.732 485.349 171.024 482.287 171.024 482.146C171.024 482.005 170.714 478.562 170.714 478.562L169.302 477.335V480.735L170.093 482.287L169.302 484.503L169.952 485.73L168.145 488.2C168.145 488.2 164.984 485.97 165.181 485.73C165.394 485.312 165.56 484.872 165.675 484.418C165.675 484.418 164.264 479.084 164.137 479.31L162.726 484.023C162.798 484.273 162.907 484.511 163.05 484.728C163.276 485.053 161.738 487.043 161.738 487.043L162.387 488.03L161.738 489.921C161.073 489.016 160.461 488.074 159.903 487.099C160.224 486.382 160.489 485.642 160.693 484.884L159.452 481.963L158.28 485.166L157.504 486.577V488.792L155.458 489.978L152.903 486.393V483.416L152.381 481.765C152.381 481.765 151.591 483.459 151.534 483.698C151.577 484.077 151.687 484.445 151.859 484.785L150.292 489.738L148.726 487.706C148.87 487.199 148.96 486.679 148.994 486.154C148.994 485.871 147.879 482.993 147.879 482.993L146.468 486.436L147.117 487.325L145.804 490.415L141.683 491.572L139.919 488.383V487.198L139.27 485.448L137.957 488.087C137.957 488.087 138.55 488.51 138.48 488.651C138.409 488.792 137.492 491.473 137.492 491.473L135.135 490.909V488.595C135.135 488.595 134.288 486.901 134.147 487.184L132.256 491.417V492.405L129.433 492.729C129.085 491.809 128.802 490.866 128.586 489.907C128.586 489.625 127.542 488.496 127.542 488.355C127.542 488.214 128.389 486.281 128.389 486.281L127.542 482.555L126.371 486.238V492.461C126.371 492.461 124.211 490.203 124.211 490.062C124.211 489.921 123.816 487.607 123.816 487.607L122.701 490.909L120.937 493.83L120.02 491.657L120.471 490.613C120.261 489.916 119.997 489.237 119.681 488.581L118.115 491.84L117.197 494.479H114.77L114.332 493.392L114.713 490.895L113.471 488.679L112.554 490.852V491.939L112.102 492.983V494.874L109.746 496.384C109.969 495.97 110.121 495.521 110.197 495.057C110.197 494.775 109.35 493.082 109.35 492.941C109.35 492.8 108.899 490.316 108.899 490.316L107.981 493.223V495.057L106.937 496.708L106.288 495.523V493.491L104.453 490.302L103.86 493.999L104.058 494.987L102.887 497.061L100.854 498.895L99.1466 497.809L99.7394 497.146C99.1603 495.626 98.4911 494.141 97.7353 492.701C97.6083 492.884 96.691 495.96 96.6204 496.285C96.706 497.035 96.8571 497.776 97.072 498.5L96.2253 499.77L91.9914 501.379V499.121L90.5801 494.507L88.3502 497.329L89.3946 500.448C89.3946 500.448 86.7837 505.259 86.7837 504.977C86.7837 504.695 84.2998 498.19 84.2998 498.19V494.606L82.6909 491.29L80.9832 496.285L82.2957 497.611L80.9832 501.576V503.749L79.0215 506.811L79.9388 508.42L77.709 513.232L76.0013 509.986C76.3078 509.23 76.5717 508.458 76.7916 507.672C76.7916 507.39 74.8299 505.033 75.2251 504.751C75.6203 504.469 76.3965 503.806 76.0154 503.425C75.6344 503.044 73.1928 495.791 73.1928 495.791L71.2311 501.633L72.4731 503.044L71.2311 506.12L69.8198 508.095L68.1968 504.342L67.3783 501.294L65.967 504.413V507.15H63.7371L62.0294 504.935L62.4811 503.524C62.4811 503.34 61.6343 501.351 61.4931 501.971C61.352 502.592 60.5758 505.231 60.5758 505.231L60.971 506.078L60.5758 508.293L58.4871 510.833C58.2113 510.293 57.9936 509.725 57.8379 509.14C57.8379 508.956 58.4871 508.053 58.4871 508.053C58.4871 508.053 57.5697 503.82 57.4992 504.144L56.6524 507.616L56.9205 508.702C56.9205 508.702 56.0032 510.254 55.9326 510.395C55.1661 510.717 54.3787 510.985 53.5758 511.2L52.6584 508.561L52.2068 506.162L51.614 507.573V509.224L50.8943 511.341L49.9769 512.992L49.5253 512.385L49.8499 511.157L48.1846 507.517L45.1785 513.599L46.0959 514.121L45.1785 515.532L43.7672 514.304C43.8524 513.767 43.9846 513.238 44.1624 512.724C44.2753 512.724 43.7672 509.111 43.7672 509.111L42.5394 512.949L42.9345 514.36L42.1442 516.11L40.2954 516.491L40.4507 515.306L39.7168 512.568L38.8982 514.784V517.041L36.0756 518.735L36.4002 517.465L36.9224 516.237L36.0756 511.186L34.2127 518.1V519.511L32.5756 516.83L32.0534 514.233L30.6421 519.511L29.4002 517.818L28.751 514.995L28.3558 518.057L27.0151 521.627L24.4606 520.301C24.4098 519.049 24.2588 517.804 24.009 516.576C23.5121 517.918 23.0974 519.289 22.7671 520.682L20.9324 524.308H302.219L291.987 425.337Z" fill="#083753"/>
  <g class="right">
 <path d="M273.626 284.896C242.234 286.368 211.095 291.256 180.762 299.472L175.47 313.342C168.979 316.109 162.655 319.251 156.53 322.754C149.714 326.987 149.939 328.159 149.939 328.159V334.974C144.389 336.883 139.385 340.113 135.361 344.386C128.77 351.441 130.181 351.201 130.181 351.201L140.526 373.778L176.317 380.593C177.083 382.844 178.218 384.951 179.675 386.83C181.792 389.299 184.968 392.474 184.968 392.474L198.022 394.591L211.783 423.164L205.178 457.269L191.77 484.079L187.296 524.294H273.612L273.626 284.896Z" fill="#0E4764"/>
 <path d="M130.195 351.215L140.54 373.792L176.331 380.607L184.841 374.032V367.442L195.905 363.689L198.488 359.216L215.89 353.106V349.338L163.206 352.866L158.266 350.51L130.195 351.215Z" fill="#185770"/>
 <path d="M149.954 334.988L171.081 333.351L174.736 328.765L189.555 326.169L190.486 323.827L149.954 328.173V334.988Z" fill="#185770"/>
 <path d="M175.47 313.357L185.547 310.774L188.256 307.092L195.073 305.356L196.371 302.181L180.762 299.486L175.47 313.357Z" fill="#185770"/>
 <path d="M198.037 394.605L212.135 396.143L214.803 401.547H218.642L219.658 408.842L211.797 423.179L198.037 394.605Z" fill="#185770"/>
 <path d="M191.785 484.093L199.293 482.217L206.222 473.976L214.803 470.689L224.837 457.044H213.067L206.871 448.563L205.192 457.284L191.785 484.093Z" fill="#185770"/>
 <path d="M200.492 295.606H146.27V299.486H200.492V295.606Z" fill="#0E4764"/>
 <path d="M201.847 269.798L160.849 263.758V295.606H201.847V269.798Z" fill="#0E4764"/>
 <path d="M153.479 261.254L153.068 264.046L209.226 272.307L209.637 269.515L153.479 261.254Z" fill="#0E4764"/>
 <path d="M154.681 297.539H151.859V326.649H154.681V297.539Z" fill="#0E4764"/>
 <path d="M165.401 296.718L152.112 315.82L154.43 317.432L167.718 298.33L165.401 296.718Z" fill="#0E4764"/>
 <path d="M179.549 275.258H169.909V284.896H179.549V275.258Z" fill="#276B7E"/>
 <path d="M242.676 289.834C242.436 288.79 243.466 287.915 243.847 286.914C244.398 285.503 243.622 283.908 243.353 282.384C243.052 280.034 243.68 277.66 245.103 275.766C246.522 273.899 248.178 272.224 250.029 270.785C248.407 271.651 246.693 272.332 244.92 272.817C244.272 270.813 244.272 268.655 244.92 266.651C245.329 265.72 246.007 264.944 246.472 264.055C248.194 260.767 247.051 256.04 249.944 253.712L245.541 255.49C246.482 251.087 247.583 246.713 248.843 242.367L246.557 243.03C246.91 235.975 249.648 236.821 251.158 224.686C254.093 235.185 256.606 237.922 258.059 242.691C256.848 242.454 255.673 242.066 254.559 241.534C254.473 245.76 255.412 249.943 257.297 253.726C258.398 255.913 259.837 258.142 259.654 260.583L256.831 260.654L259.654 266.877C260.825 269.417 261.983 272.521 260.501 274.877C260.294 275.131 260.166 275.44 260.134 275.766C260.134 276.246 260.642 276.556 261.037 276.825C264.184 278.913 264.932 283.132 265.412 286.885L242.676 289.834Z" fill="#0E4764"/>
 <path d="M254.644 288.325C254.317 286.852 254.317 285.325 254.644 283.852C255.429 280.098 256.631 276.444 258.229 272.958C259.104 270.879 259.998 268.805 260.91 266.736C261.379 265.865 261.649 264.901 261.701 263.914C259.792 265.016 257.624 265.591 255.42 265.579C255.519 262.644 258.85 260.71 259.301 257.804C259.471 256.759 261.602 249.337 263.775 247.672C262.032 248.394 260.182 248.823 258.299 248.942C260.874 243.609 262.553 237.888 263.267 232.01C262.423 232.561 261.451 232.887 260.444 232.955C259.64 230.542 261.574 228.2 262.674 225.9C264.834 221.385 263.789 212.043 266.104 207.556C268.235 211.479 268.785 217.518 269.547 221.935C270.05 223.564 270.672 225.153 271.41 226.69C272.215 228.609 274.007 230.189 274.078 232.334C272.754 231.27 271.09 230.719 269.392 230.782C270.107 231.436 270.708 232.203 271.17 233.054C271.659 234.02 272.038 235.037 272.299 236.088C273.443 240.208 274.035 244.554 276.533 248.124C278.297 250.65 276.703 252.625 277.648 253.528C276.891 252.858 275.975 252.391 274.988 252.171C274 251.952 272.973 251.986 272.003 252.272C275.68 257.452 277.769 263.591 278.015 269.939C276.485 269.573 274.916 269.398 273.344 269.417C277.342 274.325 279.692 280.368 280.062 286.688C274.162 286.476 267.826 287.605 261.926 287.591C259.231 287.605 257.057 287.012 254.644 288.325Z" fill="#0E4764"/>
 <path d="M241.067 295.027C241.272 294.097 241.272 293.135 241.067 292.205C240.571 289.818 239.808 287.494 238.795 285.277C238.24 283.95 237.671 282.633 237.087 281.326C236.788 280.764 236.619 280.142 236.593 279.506C237.807 280.206 239.186 280.571 240.587 280.564C240.587 278.701 238.4 277.474 238.118 275.625C238.019 274.962 236.706 270.277 235.295 269.177C236.405 269.634 237.583 269.906 238.781 269.981C237.139 266.577 236.07 262.925 235.62 259.172C236.159 259.527 236.782 259.736 237.426 259.779C237.948 258.241 236.706 256.745 236.015 255.292C234.603 252.47 235.309 246.473 233.827 243.651C232.416 246.148 232.12 249.986 231.64 252.794C231.321 253.834 230.924 254.848 230.454 255.828C229.946 257.056 228.803 258.058 228.761 259.384C229.603 258.71 230.66 258.359 231.738 258.396C231.288 258.802 230.906 259.279 230.609 259.807C230.298 260.423 230.056 261.071 229.89 261.74C229.17 264.365 228.789 267.173 227.222 269.388C226.093 270.997 227.109 272.21 226.517 272.831C226.997 272.405 227.578 272.107 228.205 271.967C228.832 271.826 229.485 271.847 230.101 272.027C227.753 275.337 226.424 279.26 226.277 283.315C227.252 283.085 228.252 282.976 229.255 282.991C226.681 286.119 225.164 289.982 224.922 294.025C228.676 293.884 232.698 294.604 236.466 294.604C238.146 294.576 239.571 294.195 241.067 295.027Z" fill="#0E4764"/>
 <path d="M247.672 296.212C247.832 295.492 247.832 294.745 247.672 294.025C247.289 292.192 246.702 290.408 245.922 288.706C245.499 287.69 245.061 286.678 244.61 285.672C244.378 285.236 244.248 284.754 244.229 284.261C245.159 284.801 246.216 285.083 247.291 285.079C247.291 283.668 245.626 282.709 245.4 281.283C245.315 280.776 244.271 277.177 243.212 276.345C244.061 276.697 244.963 276.907 245.88 276.966C244.618 274.353 243.798 271.549 243.452 268.669C243.873 268.947 244.36 269.108 244.864 269.134C245.259 267.963 244.313 266.82 243.777 265.691C242.718 263.49 243.241 258.932 242.097 256.774C241.192 259.03 240.626 261.407 240.418 263.829C240.175 264.626 239.873 265.404 239.515 266.157C239.12 267.088 238.245 267.864 238.216 268.88C238.862 268.36 239.674 268.09 240.503 26.........完整代码请登录后点击上方下载按钮下载查看