代码拉取完成,页面将自动刷新
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
<meta charset="utf-8">
<style>
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic);
@font-face{
font-family: '华文圆体 REGULAR';
src: url('华文圆体 REGULAR.ttf');
}
@font-face{
font-family: '叶根友毛笔行书';
src: url('/font/叶根友毛笔行书.ttf');
}
@font-face{
font-family: 'FZJuZXFJW';
src: url('FZJuZXFJW.ttf');
}
@font-face{
font-family: 'FZRuiZYJW_Xian';
src: url('FZRuiZYJW_Xian.ttf');
}
body { font-family: 'FZJuZXFJW'; }
h1, h2, h3{
font-family: '华文圆体 REGULAR';
}
p {
font-family: 'FZJuZXFJW';
font-weight: normal;
}
.remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
*svg path,svg rect{
fill: #FF6700;
}
.center
{
margin:auto;
width:70%;}
.a
{
width:100px;
height:100px;
background:red;
position:relative;
animation:myfirst 5s;
-moz-animation:myfirst 5s; /* Firefox */
-webkit-animation:myfirst 5s; /* Safari and Chrome */
-o-animation:myfirst 5s; /* Opera */
}
.b
{
width:100px;
height:100px;
border-radius: 100px;
padding: 20px;
background:red;
transition:width 2s;
-webkit-transition:width 2s; /* Safari */
}
.b:hover
{
width:300px;
background:orangered;
}
.ca
{text-indent: 20%;
width:100%;
height:100%;
text-align: center;
line-height: 80%}
.c
{
width:100px;
height:100px;
border-radius: 100px;
padding: 20px;
background:yellow;
transition:width 2s, height 2s;
-moz-transition:width 2s, height 2s, -moz-transform 2s; /* Firefox 4 */
-webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Safari and Chrome */
-o-transition:width 2s, height 2s, -o-transform 2s; /* Opera */
}
.c:hover
{
width:200px;
height:200px;
transform:rotate(180deg);
-moz-transform:rotate(180deg); /* Firefox 4 */
-webkit-transform:rotate(180deg); /* Safari and Chrome */
-o-transform:rotate(180deg); /* Opera */
}
@keyframes myfirst
{
0% {background:red; left:0px; top:0px;}
25% {background:yellow; left:200px; top:0px;}
50% {background:blue; left:200px; top:200px;}
75% {background:green; left:0px; top:200px;}
100% {background:white; left:0px; top:0px;}
}
@-moz-keyframes myfirst /* Firefox */
{
0% {background:red; left:0px; top:0px;}
25% {background:yellow; left:200px; top:0px;}
50% {background:blue; left:200px; top:200px;}
75% {background:green; left:0px; top:200px;}
100% {background:white; left:0px; top:0px;}
}
@-webkit-keyframes myfirst /* Safari and Chrome */
{
0% {background:red; left:0px; top:0px;}
25% {background:yellow; left:200px; top:0px;}
50% {background:blue; left:200px; top:200px;}
75% {background:green; left:0px; top:200px;}
100% {background:white; left:0px; top:0px;}
}
@-o-keyframes myfirst /* Opera */
{
0% {background:red; left:0px; top:0px;}
25% {background:yellow; left:200px; top:0px;}
50% {background:blue; left:200px; top:200px;}
75% {background:green; left:0px; top:200px;}
100% {background:white; left:0px; top:0px;}
}
#bg_wheel{
animation-play-state: paused;
}
#bg_wheel:hover{
animation-play-state: running;
}
#bg_wheel:hover {
-webkit-animation: wheeling 12s linear alternate infinite;
-moz-animation: wheeling 12s linear alternate infinite;
animation: wheeling 12s linear alternate infinite;
}
@keyframes wheeling {
0% {
-webkit-transform: rotate(0deg);
-webkit-transform-origin: 50% 50%;
-moz-transform: rotate(0deg);
-moz-transform-origin: 50% 50%;
transform: rotate(0deg);
transform-origin: 50% 50%;
}
100% {
-webkit-transform: rotate(-360deg);
-webkit-transform-origin: 50% 50%;
-moz-transform: rotate(-360deg);
-moz-transform-origin: 50% 50%;
transform: rotate(-360deg);
transform-origin: 50% 50%;
}
}
g#bell:hover {
animation-play-state: paused;
}
g#bell {
animation-play-state: running;
-webkit-animation: swinging 1s ease-in-out alternate infinite;
-moz-animation: swinging 1s ease-in-out alternate infinite;
animation: swinging 1s ease-in-out alternate infinite;
}
@keyframes swinging {
0% {
-webkit-transform: rotate(3deg);
-webkit-transform-origin: top center;
-moz-transform: rotate(3deg);
-moz-transform-origin: top center;
transform: rotate(3deg);
transform-origin: top center;
}
100% {
-webkit-transform: rotate(-3deg);
-webkit-transform-origin: top center;
-moz-transform: rotate(-3deg);
-moz-transform-origin: top center;
transform: rotate(-3deg);
transform-origin: top center;
}
}
#gg > stop:nth-child(3) {
-webkit-animation: waves 4s ease-in-out alternate infinite;
-moz-animation: waves 4s ease-in-out alternate infinite;
animation: waves 4s ease-in-out alternate infinite;
}
@keyframes waves {
0% {
stop-color: #0d90e1; /* hsl(203, 89%, 47%) */
}
50% {
stop-color: #0a67a1; /* hsl(203, 88%, 34%) */
}
100% {
stop-color: #0d90e1;
}
}
#gg > stop:nth-child(2) {
-webkit-animation: waves2 4s ease-in-out alternate infinite;
-moz-animation: waves2 4s ease-in-out alternate infinite;
animation: waves2 4s ease-in-out alternate infinite;
}
@keyframes waves2 {
0% {
stop-color: #0d90e1;
}
50% {
stop-color: #ffffff;
}
100% {
stop-color: #0d90e1;
}
}
#nfu:hover {
transform: scale(2);
}
g#title_zh, g#title_en {
-webkit-animation: fill_shift 3s linear alternate infinite;
-moz-animation: fill_shift 3s linear alternate infinite;
animation: fill_shift 3s linear alternate infinite;
}
@keyframes fill_shift {
/* lighter 0d90e1 #0a67a1 hsla(203, 88%, 34%, 1.0) darker #043350 */
0% {
fill: hsla(203, 88%, 34%, 1.0);
}
50% {
fill: hsla(23, 88%, 34%, 1.0);
}
100% {
fill: hsla(-157, 88%, 34%, 1.0);
}
}
</style>
</head>
<body>
<textarea id="source">
class: center, middle
# 黄杰琪
# 学号:181013034
<div>
<svg width="3%" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="alipay" class="svg-inline--fa fa-alipay fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path fill="blue" d="M377.74 32H70.26C31.41 32 0 63.41 0 102.26v307.48C0 448.59 31.41 480 70.26 480h307.48c38.52 0 69.76-31.08 70.26-69.6-45.96-25.62-110.59-60.34-171.6-88.44-32.07 43.97-84.14 81-148.62 81-70.59 0-93.73-45.3-97.04-76.37-3.97-39.01 14.88-81.5 99.52-81.5 35.38 0 79.35 10.25 127.13 24.96 16.53-30.09 26.45-60.34 26.45-60.34h-178.2v-16.7h92.08v-31.24H88.28v-19.01h109.44V92.34h50.92v50.42h109.44v19.01H248.63v31.24h88.77s-15.21 46.62-38.35 90.92c48.93 16.7 100.01 36.04 148.62 52.74V102.26C447.83 63.57 416.43 32 377.74 32zM47.28 322.95c.99 20.17 10.25 53.73 69.93 53.73 52.07 0 92.58-39.68 117.87-72.9-44.63-18.68-84.48-31.41-109.44-31.41-67.45 0-79.35 33.06-78.36 50.58z"></path></svg>
18138154815</div>
## 这是我的作业
## 喜欢请给星或者fork
---
## 从Font Awesome中取SVG素材
[Font Awesome](https://fontawesome.com/)是一套完美的图标字体库,为您提供了可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。
***
* <div>
<svg width="10%" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="flushed" class="svg-inline--fa fa-flushed fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="currentColor" d="M344 200c-13.3 0-24 10.7-24 24s10.7 24 24 24 24-10.7 24-24-10.7-24-24-24zm-192 0c-13.3 0-24 10.7-24 24s10.7 24 24 24 24-10.7 24-24-10.7-24-24-24zM248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zM80 224c0-39.8 32.2-72 72-72s72 32.2 72 72-32.2 72-72 72-72-32.2-72-72zm232 176H184c-21.2 0-21.2-32 0-32h128c21.2 0 21.2 32 0 32zm32-104c-39.8 0-72-32.2-72-72s32.2-72 72-72 72 32.2 72 72-32.2 72-72 72z"></path></svg>
<svg width="10%"aria-hidden="true" focusable="false" data-prefix="fas" data-icon="grin-alt" class="svg-inline--fa fa-grin-alt fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="currentColor" d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm63.7 128.7c7.6-11.4 24.7-11.7 32.7 0 12.4 18.4 15.1 36.9 15.7 55.3-.5 18.4-3.3 36.9-15.7 55.3-7.6 11.4-24.7 11.7-32.7 0-12.4-18.4-15.1-36.9-15.7-55.3.5-18.4 3.3-36.9 15.7-55.3zm-160 0c7.6-11.4 24.7-11.7 32.7 0 12.4 18.4 15.1 36.9 15.7 55.3-.5 18.4-3.3 36.9-15.7 55.3-7.6 11.4-24.7 11.7-32.7 0-12.4-18.4-15.1-36.9-15.7-55.3.5-18.4 3.3-36.9 15.7-55.3zM248 432c-60.6 0-134.5-38.3-143.8-93.3-2-11.8 9.3-21.6 20.7-17.9C155.1 330.5 200 336 248 336s92.9-5.5 123.1-15.2c11.4-3.7 22.6 6.1 20.7 17.9-9.3 55-83.2 93.3-143.8 93.3z"></path>
</svg>
<svg width="10%" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="frown" class="svg-inline--fa fa-frown fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="currentColor" d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm80 168c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-160 0c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm170.2 218.2C315.8 367.4 282.9 352 248 352s-67.8 15.4-90.2 42.2c-13.5 16.3-38.1-4.2-24.6-20.5C161.7 339.6 203.6 320 248 320s86.3 19.6 114.7 53.8c13.6 16.2-11 36.7-24.5 20.4z"></path></svg>
<svg width="10%" aria-hidden="true" focusable="false" data-prefix="far" data-icon="grin-squint-tears" class="svg-inline--fa fa-grin-squint-tears fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M117.1 384.1c-25.8 3.7-84 13.7-100.9 30.6-21.9 21.9-21.5 57.9.9 80.3s58.3 22.8 80.3.9C114.3 479 124.3 420.8 128 395c.8-6.4-4.6-11.8-10.9-10.9zm-41.2-41.7C40.3 268 53 176.1 114.6 114.6 152.4 76.8 202.6 56 256 56c36.2 0 70.8 9.8 101.2 27.7 3.8-20.3 8-36.1 12-48.3C333.8 17.2 294.9 8 256 8 192.5 8 129.1 32.2 80.6 80.6c-74.1 74.1-91.3 183.4-52 274 12.2-4.1 27.7-8.3 47.3-12.2zm352.3-187.6c45 76.6 34.9 176.9-30.8 242.6-37.8 37.8-88 58.6-141.4 58.6-30.5 0-59.8-7-86.4-19.8-3.9 19.5-8 35-12.2 47.2 31.4 13.6 65 20.6 98.7 20.6 63.5 0 126.9-24.2 175.4-72.6 78.1-78.1 93.1-195.4 45.2-288.6-12.3 4-28.2 8.1-48.5 12zm-33.3-26.9c25.8-3.7 84-13.7 100.9-30.6 21.9-21.9 21.5-57.9-.9-80.3s-58.3-22.8-80.3-.9C397.7 33 387.7 91.2 384 117c-.8 6.4 4.6 11.8 10.9 10.9zm-187 108.3c-3-3-7.2-4.2-11.4-3.2L106 255.7c-5.7 1.4-9.5 6.7-9.1 12.6.5 5.8 5.1 10.5 10.9 11l52.3 4.8 4.8 52.3c.5 5.8 5.2 10.4 11 10.9h.9c5.5 0 10.3-3.7 11.7-9.1l22.6-90.5c1-4.2-.2-8.5-3.2-11.5zm39.7-25.1l90.5-22.6c5.7-1.4 9.5-6.7 9.1-12.6-.5-5.8-5.1-10.5-10.9-11l-52.3-4.8-4.8-52.3c-.5-5.8-5.2-10.4-11-10.9-5.6-.1-11.2 3.4-12.6 9.1L233 196.5c-1 4.1.2 8.4 3.2 11.4 5 5 11.3 3.2 11.4 3.2zm52 88.5c-29.1 29.1-59.7 52.9-83.9 65.4-9.2 4.8-10 17.5-1.7 23.4 38.9 27.7 107 6.2 143.7-30.6S416 253 388.3 214.1c-5.8-8.2-18.5-7.6-23.4 1.7-12.3 24.2-36.2 54.7-65.3 83.8z"></path></svg>
<svg width="13%" aria-hidden="true" focusable="false" data-prefix="far" data-icon="grin-tears" class="svg-inline--fa fa-grin-tears fa-w-20" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M117.1 256.1c-25.8 3.7-84 13.7-100.9 30.6-21.9 21.9-21.5 57.9.9 80.3s58.3 22.8 80.3.9C114.3 351 124.3 292.8 128 267c.8-6.4-4.6-11.8-10.9-10.9zm506.7 30.6c-16.9-16.9-75.1-26.9-100.9-30.6-6.3-.9-11.7 4.5-10.8 10.8 3.7 25.8 13.7 84 30.6 100.9 21.9 21.9 57.9 21.5 80.3-.9 22.3-22.3 22.7-58.3.8-80.2zm-126.6 61.7C463.8 412.3 396.9 456 320 456c-76.9 0-143.8-43.7-177.2-107.6-12.5 37.4-25.2 43.9-28.3 46.5C159.1 460.7 234.5 504 320 504s160.9-43.3 205.5-109.1c-3.2-2.7-15.9-9.2-28.3-46.5zM122.7 224.5C137.9 129.2 220.5 56 320 56c99.5 0 182.1 73.2 197.3 168.5 2.1-.2 5.2-2.4 49.5 7C554.4 106 448.7 8 320 8S85.6 106 73.2 231.4c44.5-9.4 47.1-7.2 49.5-6.9zM320 400c51.9 0 115.3-32.9 123.3-80 1.7-9.9-7.7-18.5-17.7-15.3-25.9 8.3-64.4 13.1-105.6 13.1s-79.6-4.8-105.6-13.1c-9.8-3.1-19.4 5.3-17.7 15.3 8 47.1 71.4 80 123.3 80zm130.3-168.3c3.6-1.1 6-4.5 5.7-8.3-3.3-42.1-32.2-71.4-56-71.4s-52.7 29.3-56 71.4c-.3 3.7 2.1 7.2 5.7 8.3 3.5 1.1 7.4-.5 9.3-3.7l9.5-17c7.7-13.7 19.2-21.6 31.5-21.6s23.8 7.9 31.5 21.6l9.5 17c2.1 3.6 6.2 4.6 9.3 3.7zM240 189.4c12.3 0 23.8 7.9 31.5 21.6l9.5 17c2.1 3.7 6.2 4.7 9.3 3.7 3.6-1.1 6-4.5 5.7-8.3-3.3-42.1-32.2-71.4-56-71.4s-52.7 29.3-56 71.4c-.3 3.7 2.1 7.2 5.7 8.3 3.5 1.1 7.4-.5 9.3-3.7l9.5-17c7.7-13.8 19.2-21.6 31.5-21.6z"></path></svg>
<svg width="10%" aria-hidden="true" focusable="false" data-prefix="far" data-icon="grin-wink" class="svg-inline--fa fa-grin-wink fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="currentColor" d="M328 180c-25.69 0-55.88 16.92-59.86 42.12-1.75 11.22 11.5 18.24 19.83 10.84l9.55-8.48c14.81-13.19 46.16-13.19 60.97 0l9.55 8.48c8.48 7.43 21.56.25 19.83-10.84C383.88 196.92 353.69 180 328 180zm-160 60c17.67 0 32-14.33 32-32s-14.33-32-32-32-32 14.33-32 32 14.33 32 32 32zm185.55 64.64c-25.93 8.3-64.4 13.06-105.55 13.06s-79.62-4.75-105.55-13.06c-9.94-3.13-19.4 5.37-17.71 15.34C132.67 367.13 196.06 400 248 400s115.33-32.87 123.26-80.02c1.68-9.89-7.67-18.48-17.71-15.34zM248 8C111.03 8 0 119.03 0 256s111.03 248 248 248 248-111.03 248-248S384.97 8 248 8zm0 448c-110.28 0-200-89.72-200-200S137.72 56 248 56s200 89.72 200 200-89.72 200-200 200z"></path></svg>
<svg width="10%" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="heart" class="svg-inline--fa fa-heart fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"></path></svg>
<svg width="8%" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="map-marker" class="svg-inline--fa fa-map-marker fa-w-12" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0z"></path></svg>
<svg width="10%" aria-hidden="true" focusable="false" data-prefix="far" data-icon="heart" class="svg-inline--fa fa-heart fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M458.4 64.3C400.6 15.7 311.3 23 256 79.3 200.7 23 111.4 15.6 53.6 64.3-21.6 127.6-10.6 230.8 43 285.5l175.4 178.7c10 10.2 23.4 15.9 37.6 15.9 14.3 0 27.6-5.6 37.6-15.8L469 285.6c53.5-54.7 64.7-157.9-10.6-221.3zm-23.6 187.5L259.4 430.5c-2.4 2.4-4.4 2.4-6.8 0L77.2 251.8c-36.5-37.2-43.9-107.6 7.3-150.7 38.9-32.7 98.9-27.8 136.5 10.5l35 35.7 35-35.7c37.8-38.5 97.8-43.2 136.5-10.6 51.1 43.1 43.5 113.9 7.3 150.8z"></path></svg>
</div>
#### 此为在[Font Awesome](https://fontawesome.com/)上找到的一些svg图片,利用markdown与svg内联进行排序
```markdown
* <div>
<svg width="10%" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="flushed" class="svg-inline--fa fa-flushed fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="currentColor" d="M344 200c-13.3 0-24 10.7-24 24s10.7 24 24 24 24-10.7 24-24-10.7-24-24-24zm-192 0c-13.3 0-24 10.7-24 24s10.7 24 24 24 24-10.7 24-24-10.7-24-24-24zM248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zM80 224c0-39.8 32.2-72 72-72s72 32.2 72 72-32.2 72-72 72-72-32.2-72-72zm232 176H184c-21.2 0-21.2-32 0-32h128c21.2 0 21.2 32 0 32zm32-104c-39.8 0-72-32.2-72-72s32.2-72 72-72 72 32.2 72 72-32.2 72-72 72z"></path>
</svg>
<svg width="10%"aria-hidden="true" focusable="false" data-prefix="fas" data-icon="grin-alt" class="svg-inline--fa fa-grin-alt fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="currentColor" d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm63.7 128.7c7.6-11.4 24.7-11.7 32.7 0 12.4 18.4 15.1 36.9 15.7 55.3-.5 18.4-3.3 36.9-15.7 55.3-7.6 11.4-24.7 11.7-32.7 0-12.4-18.4-15.1-36.9-15.7-55.3.5-18.4 3.3-36.9 15.7-55.3zm-160 0c7.6-11.4 24.7-11.7 32.7 0 12.4 18.4 15.1 36.9 15.7 55.3-.5 18.4-3.3 36.9-15.7 55.3-7.6 11.4-24.7 11.7-32.7 0-12.4-18.4-15.1-36.9-15.7-55.3.5-18.4 3.3-36.9 15.7-55.3zM248 432c-60.6 0-134.5-38.3-143.8-93.3-2-11.8 9.3-21.6 20.7-17.9C155.1 330.5 200 336 248 336s92.9-5.5 123.1-15.2c11.4-3.7 22.6 6.1 20.7 17.9-9.3 55-83.2 93.3-143.8 93.3z"></path>
</svg>
</div>
```
---
## SVG图太大?弹性图片设置
SVG图太大?弹性图片设置通常是宽度占满,所以只要设置一下包SVG图元素的宽度就行了,所以可用div内联css样式进行设置
<div style="width: 15%">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="flushed" class="svg-inline--fa fa-flushed fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="currentColor" d="M344 200c-13.3 0-24 10.7-24 24s10.7 24 24 24 24-10.7 24-24-10.7-24-24-24zm-192 0c-13.3 0-24 10.7-24 24s10.7 24 24 24 24-10.7 24-24-10.7-24-24-24zM248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zM80 224c0-39.8 32.2-72 72-72s72 32.2 72 72-32.2 72-72 72-72-32.2-72-72zm232 176H184c-21.2 0-21.2-32 0-32h128c21.2 0 21.2 32 0 32zm32-104c-39.8 0-72-32.2-72-72s32.2-72 72-72 72 32.2 72 72-32.2 72-72 72z"></path></svg>
</div>
#### 此为在缩小svg图的第二种方式,以下为代码:
```markdown
<div style="width: 15%">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="flushed" class="svg-inline--fa fa-flushed fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="currentColor" d="M344 200c-13.3 0-24 10.7-24 24s10.7 24 24 24 24-10.7 24-24-10.7-24-24-24zm-192 0c-13.3 0-24 10.7-24 24s10.7 24 24 24 24-10.7 24-24-10.7-24-24-24zM248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zM80 224c0-39.8 32.2-72 72-72s72 32.2 72 72-32.2 72-72 72-72-32.2-72-72zm232 176H184c-21.2 0-21.2-32 0-32h128c21.2 0 21.2 32 0 32zm32-104c-39.8 0-72-32.2-72-72s32.2-72 72-72 72 32.2 72 72-32.2 72-72 72z"></path></svg>
</div>
```
---
## 不开心也可以变颜色!拒绝黑脸!
我不要黑心! 嫌SVG图颜色不是你要的?
直接把SVG档的内容贴到HTML里面来就是SVG内联(inline)作法,把fill的颜色从currentColor 改成红色(宽度自定义):
<div style="width: 15%">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="flushed" class="svg-inline--fa fa-flushed fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="red" d="M344 200c-13.3 0-24 10.7-24 24s10.7 24 24 24 24-10.7 24-24-10.7-24-24-24zm-192 0c-13.3 0-24 10.7-24 24s10.7 24 24 24 24-10.7 24-24-10.7-24-24-24zM248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zM80 224c0-39.8 32.2-72 72-72s72 32.2 72 72-32.2 72-72 72-72-32.2-72-72zm232 176H184c-21.2 0-21.2-32 0-32h128c21.2 0 21.2 32 0 32zm32-104c-39.8 0-72-32.2-72-72s32.2-72 72-72 72 32.2 72 72-32.2 72-72 72z"></path></svg>
</div>
#### 此为在缩小svg图的第二种方式,以下为代码:
```markdown
<div style="width: 15%">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="flushed" class="svg-inline--fa fa-flushed fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="red" d="M344 200c-13.3 0-24 10.7-24 24s10.7 24 24 24 24-10.7 24-24-10.7-24-24-24zm-192 0c-13.3 0-24 10.7-24 24s10.7 24 24 24 24-10.7 24-24-10.7-24-24-24zM248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zM80 224c0-39.8 32.2-72 72-72s72 32.2 72 72-32.2 72-72 72-72-32.2-72-72zm232 176H184c-21.2 0-21.2-32 0-32h128c21.2 0 21.2 32 0 32zm32-104c-39.8 0-72-32.2-72-72s32.2-72 72-72 72 32.2 72 72-32.2 72-72 72z"></path></svg>
</div>
```
---
### 鼠标移动到 div 元素上,查看过渡效果。
<div class="b">
</div>
### 旋转变大的黄球<br />
<div class="c">
<p class="ca">旋转放大</p>
</div>
---
#平移变色消失
<div class="a">
</div>
---
### 参考[codepen](https://codepen.io)里的[Chris Deacy](https://codepen.io/chrisdothtml/)的[笔](https://codepen.io/chrisdothtml/pen/azPYqq)制作
http://huangjieqi.gitee.io/nfu_newmedia_web/button/button
<br><br><br><br><br><br><br>
### 以及一些过渡按钮样式<br>
http://huangjieqi.gitee.io/nfu_newmedia_web/button/button2
---
### 参考[codepen](https://codepen.io)里的项目[白天黑夜]()与廖老师文传[logoSVG](https://codepen.io/hanteng/pen/BVXrMm)动画制作[夜以继日的文传院](http://huangjieqi.gitee.io/nfu_newmedia_web/wcylogo/)
<div id="wcylogo" class="center" >
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="65%">
<defs>
<radialGradient id = "gg" cx = "50%" cy = "60%" r = "50%">
<stop stop-color = "#0d90e1" offset = "0%"/>
<stop stop-color = "#0a67a1" offset = "50%"/>
<stop stop-color = "#043350" offset = "100%"/>
</radialGradient>
</defs>
<circle id="bg_circle_only" cx="60" cy="60" r="60" fill="#fff"/>
<g id="nfu" fill="#006098">
<path d="M54.652 92.049v.28l1.303.003-.004 2.216-1.302-.002-.002.431-.34-.002v-.43L53 94.545l.008-2.218 1.303.004.002-.285zm-.343 2.188l.004-1.609h-.964v1.607zm.343-1.607l-.002 1.609h.938l.004-1.609zM59.64 92.952l-1.328-.004-.004.435 1.377 1.372-.272.23-1.288-1.283-1.258 1.28-.272-.213 1.346-1.386v-.435h-1.3v-.33h1.3v-.582l.372.002v.58l1.327.006zM60.64 94.985h-.358l.002-2.163 1.329.004v-.314l-1.342-.002v-.308l1.342.002.002-.146.36.004-.002.142h1.37v.312l-1.37-.004-.002.314h1.344l-.007 2.166h-.542v-.319h.188l.002-1.531-2.316-.002zm1.34-.65l.745.002.003.31-.748-.002v.345l-.36-.005v-.34l-.751-.002v-.31h.751l.004-.287h-.729v-.308l1.027.004.363-.417.34.067-.297.35.37-.002v.308h-.718zm-.612-1.014l.276.231-.346.07-.287-.235zM64.684 93.578l-.428 1.414-.315-.104.445-1.529.062-.71h-.505l.002-.316 1.449.002-.133-.255.352-.08.158.335H67v.317l-2.215-.002-.043.612 2.183.004L66.84 95l-.782-.004-.017-.316.466.002.068-1.104z"/>
</g>
<g id="title">
<g id="title_zh" fill="#006098">
<path d="M21.3 42.468l-.062-3.922-1.97 1.127-1.956-1.115-.743 1.31-.569-.325 4.039-7.123.571.324-.743 1.31 1.957 1.115.044 2.274 3.392-1.957.323.563-3.708 2.133.068 4.276zm-3.262-6.63L17 36.11l-.155-.647 1.032-.272zm3.145-.278l-1.642-.935-1.906 3.36 1.642.935 1.948-1.106zM26.993 24.648l-1.23-.134.082-.642 1.23.134zm.137 2.343l-1.102-1.316 6.014-5.053 1.073 1.279-.503.424-.65-.778-5.01 4.209.683.812zm1.944-4.091l-1.229-.133.081-.642 1.23.136zm-.923 3.018l3.588-3.016.562.672-.308 1.691 2.437-2.05.42.507-2.749 2.31 1.386 1.658-1.6 1.346-.42-.506 1.096-.921-.966-1.153-3.01 2.529-.422-.506 3.032-2.546.365-2.023-2.989 2.51zm2.074-4.556l.083-1.238.643.031-.08 1.236zM41.043 14.054l.17.995 6.063-2.145.22.62-6.168 2.182.248 1.393.04.113 6.315-2.235 1.572 4.462-4.012 1.419-.219-.62 3.394-1.203-1.135-3.219-6.316 2.234-.266-.759-.544-3.127zm.077 5.59l5.927-2.097.22.618-5.93 2.099zM58.784 10.88l-.668.905-.105 6.721-.656-.012.09-5.817-.68.903-.522-.4 2.028-2.697zm2.893-.245l-.285.814 2.771.045-.012.656-2.988-.046-.38 1.092 3.506.055-.01.657-3.725-.057-.364 1.044-.002.128 3.49.053-.013.932-1.408 1.432 1.553.324-.138.638-4.796-1.016.146-.636 2.472.52 1.51-1.547-3.481-.053.012-.903.325-.928-1.102-.018.01-.656 1.32.02.381-1.091-1.53-.023.01-.657 1.75.025.36-1.024zM74.699 12.744l-.515 1.317 1.756.69-.24.614-.4-.16-1.377 3.52-.819.394.528 1.348-.602.235-.516-1.305-1.264.602-.282-.583 1.311-.622-.325-.844 1.378-3.518-.414-.165.239-.612.413.165.519-1.317zm-1.297 5.514l1.287-3.291-.743-.294-1.291 3.29.215.553zm2.172 3.502l.742-1.904-2.038.913-.269-.593 2.17-.966-1.7-.665.24-.612 2.037.801.28-.713-1.325-.52 1.007-2.568-.711-.282.236-.61.713.28.259-.663.612.239-.258.663 2.018.795.259-.663.61.24-.259.664.714.277-.24.614-.712-.28-1.005 2.568-1.31-.516-.277.714 2.019.797-.239.61-1.681-.66.928 2.18-.597.254-.871-2.058L76.181 22zm3.01-3.838l.767-1.957-2.018-.793-.77 1.955zm-.682-.632l-.499-1.148.59-.259.498 1.15zM88.296 23.68l3.495 3.129-.581.654-1.717-.065 2.372 2.124-.438.49-2.677-2.396-1.439 1.613-1.557-1.394.438-.487 1.067.954 1.003-1.123-2.931-2.624.438-.49 2.953 2.639 2.048.072-2.91-2.605zm-1.206-.857l1.144-1.28 5.854 5.24-1.112 1.248-.49-.44.676-.756-4.877-4.363-.703.789zm2.292-.472l-.043-1.24.647-.011.043 1.241zm2.027 1.812l-.044-1.238.643-.01.048 1.238zm1.685.923l1.234-.098.062.643-1.232.098zM93.967 36.989l7-3.683 1.092 2.085-2.016 1.061-1.307-.023.291.559-3.04 1.6-.597-1.14.58-.307.293.56 1.88-.99-.329-.621.592-.312 1.47.021 1.297-.682-.481-.924-6.422 3.379zm6.333 5.587l-.629-1.197-1.952 1.028.148.282.88-.162.125.647-1.364.241-.675-1.285 2.534-1.333-.645-1.228-1.84.97-1.22-.546.253-.597.939.416 1.565-.824-.49-.939.579-.305 2.371 4.525zm1.12-1.001l-2.038-3.889.581-.305 2.039 3.887zm-1.086-4.606l1.455-.765.956 1.827.78-.412.305.584-.782.412.952 1.819-1.419.744-.306-.581.84-.441-1.603-3.063-.873.459z"/>
</g>
<g id="title_en" fill="#006098">
<path d="M13.488 59.671a.494.494 0 0 1-.445-.327.61.61 0 0 1-.043-.231l.023-2.711.318.002-.02 2.265c0 .04.013.08.047.108a.135.135 0 0 0 .105.048l1.244.012a.177.177 0 0 0 .123-.046.2.2 0 0 0 .051-.139l.018-1.797a.44.44 0 0 1 .132-.32.424.424 0 0 1 .315-.128l.655.006a.397.397 0 0 1 .31.129c.077.086.112.213.11.38l-.023 2.775-.315-.004.02-2.254a.23.23 0 0 0-.031-.126c-.02-.036-.058-.055-.112-.055l-.588-.006a.152.152 0 0 0-.155.156l-.016 1.776a.473.473 0 0 1-.333.469.553.553 0 0 1-.181.027zM16.817 64.93l-.315.033-.222-2.27a.154.154 0 0 0-.054-.106.142.142 0 0 0-.115-.032l-2.458.259a.155.155 0 0 0-.105.056.15.15 0 0 0-.035.117l.224 2.266-.317.034-.272-2.81a.41.41 0 0 1 .018-.18.417.417 0 0 1 .078-.151.483.483 0 0 1 .13-.11.396.396 0 0 1 .166-.055l2.522-.267c.121-.014.23.02.321.099.096.08.147.18.159.305zM14.431 70.832l-.168-.824 1.926-.427-.32-1.555-1.926.428-.169-.828 3.34-.743.166.83-1.095.242.32 1.555 1.094-.241.171.823zM15.135 73.468a.469.469 0 0 1 .283-.573l2.825-.97 1.026 3.232-2.827.971a.45.45 0 0 1-.172.022.461.461 0 0 1-.29-.15.422.422 0 0 1-.087-.154zm.566.219a.16.16 0 0 0-.1.196l.427 1.342c.014.04.038.07.077.088.039.02.078.024.117.01l2.491-.855-.518-1.639zM16.996 78.772a.468.468 0 0 1-.008-.347.443.443 0 0 1 .23-.256l2.7-1.29 1.364 3.095-2.703 1.29a.433.433 0 0 1-.334.012.487.487 0 0 1-.143-.085.43.43 0 0 1-.1-.143zm.584.15a.16.16 0 0 0-.08.088.15.15 0 0 0 .004.118l.566 1.287a.132.132 0 0 0 .085.078c.041.017.08.015.115-.004l2.388-1.138-.691-1.566zM20.03 83.94a.152.152 0 0 0-.07.094.145.145 0 0 0 .016.12l.75 1.334-.273.164-1.018-1.801a.44.44 0 0 1-.054-.169.516.516 0 0 1 .01-.177.496.496 0 0 1 .204-.274l2.565-1.566.41.725zM24.838 91.833a.432.432 0 0 1-.11-.327.458.458 0 0 1 .144-.316l2.204-2.077 2.196 2.522-2.2 2.078a.526.526 0 0 1-.153.092.44.44 0 0 1-.324-.014.382.382 0 0 1-.141-.105zm.6-.04a.157.157 0 0 0-.054.109.144.144 0 0 0 .04.112l.913 1.048a.14.14 0 0 0 .105.048.14.14 0 0 0 .107-.04l1.948-1.833-1.116-1.279zM28.321 95.633l2.256-2.662 2.367 2.166-.211.247-1.758-1.612-.583.688 1.727 1.58-.212.253-1.725-1.58-1.253 1.479zM37.608 102.151a.162.162 0 0 0-.016.118.155.155 0 0 0 .068.1l1.293.756-.157.287-1.745-1.026a.415.415 0 0 1-.132-.12.525.525 0 0 1-.072-.155c-.014-.056-.018-.112-.014-.173a.479.479 0 0 1 .055-.174l1.461-2.693.705.411zM41.242 104.639l-.732-.356 1.438-3.219.734.354zM44.373 105.982l1.05-3.03-1.099-.411.107-.312 2.967 1.113-.11.31-1.103-.414-1.051 3.032zM48.856 107.46a.362.362 0 0 1-.157-.076.502.502 0 0 1-.173-.287.434.434 0 0 1 .009-.183l.673-3.014 3.07.745-.072.322-2.28-.554-.2.891 2.239.542-.074.329-2.24-.544-.32 1.441a.16.16 0 0 0 .015.119.14.14 0 0 0 .095.072l2.136.518-.072.322zM57.272 105.337l-.14 1.33a.448.448 0 0 1-.056.172.472.472 0 0 1-.108.137.386.386 0 0 1-.312.096l-.065-.006.307 1.801-.846-.096-.28-1.801-1.015-.115-.185 1.745-.81-.094.376-3.53zm-1.109 1.342a.157.157 0 0 0 .11-.03.147.147 0 0 0 .055-.108l.105-.965-1.52-.177-.119 1.122zM58.905 109l1.45-3.57 1.119-.017 1.507 3.533-.914.012-.357-.874-1.932.024-.36.883zm1.015-1.239l1.646-.02-.817-2.018zM66.132 108.6l-.414-3.192-1.157.162-.043-.329 3.12-.437.044.324-1.162.167.414 3.191zM70.75 107.755a.345.345 0 0 1-.17.01.511.511 0 0 1-.16-.06.508.508 0 0 1-.123-.117.502.502 0 0 1-.076-.164l-.74-2.996.783-.208.733 2.965c.01.04.033.075.069.1a.148.148 0 0 0 .115.018l1.198-.322a.14.14 0 0 0 .09-.074.166.166 0 0 0 .019-.12l-.733-2.964.778-.209.74 2.998a.461.461 0 0 1-.153.474.368.368 0 0 1-.153.078zM77.273 101.825l.465 1.247a.502.502 0 0 1-.006.352.414.414 0 0 1-.236.237l-.063.028 1.073 1.45-.79.32-1.05-1.463-.95.384.61 1.637-.76.309-1.235-3.313zm-.389 1.723a.155.155 0 0 0 .085-.08.155.155 0 0 0 .002-.12l-.34-.908-1.424.575.395 1.051zM80.98 103.93a.424.424 0 0 1-.164.052.424.424 0 0 1-.167-.021.427.427 0 0 1-.147-.083.375.375 0 0 1-.111-.139l-1.397-2.73 2.783-1.542.146.29-2.066 1.145.413.811 2.03-1.124.15.295-2.029 1.124.67 1.306c.02.038.046.065.087.078.04.016.079.012.116-.01l1.937-1.073.146.293zM89.226 98.458l-1.132-3.694.84-.767 3.353 1.664-.687.626-.817-.423-1.451 1.327.28.914zm-.006-1.626l1.238-1.13-1.884-.983zM91.143 91.806l1.815-2.11a.464.464 0 0 1 .137-.108.4.4 0 0 1 .161-.04.425.425 0 0 1 .32.12l2.212 2.063-.537.626-2.194-2.042a.151.151 0 0 0-.111-.042.154.154 0 0 0-.105.053l-.918 1.068 2.307 2.148-.543.63zM95.994 85.51a.445.445 0 0 1 .28-.18.466.466 0 0 1 .17.006c.056.01.109.036.158.074l2.07 1.52a.486.486 0 0 1 .18.468.45.45 0 0 1-.07.165l-1.57 2.307-2.786-2.048zm2.23 2.306c.02-.036.03-.074.02-.116a.166.166 0 0 0-.061-.105l-2.02-1.483c-.036-.028-.073-.036-.115-.028a.157.157 0 0 0-.098.062l-.8 1.18 2.27 1.67zM102.555 78.106l-2.097-1.508.387-.994 3.462.564-.18.466-3.13-.54 2.6 1.904-.165.42a.552.552 0 0 1-.115.189.22.22 0 0 1-.194.056l-2.954-.44 2.652 1.772-.284.729-2.906-1.996.393-1.006zM105.032 73.67a.465.465 0 0 1-.078.157.415.415 0 0 1-.128.112.439.439 0 0 1-.156.059.423.423 0 0 1-.175-.012l-2.874-.797.813-3.168.306.086-.605 2.353.852.236.593-2.307.312.084-.592 2.309 1.375.383c.039.01.078.006.117-.014a.14.14 0 0 0 .069-.095l.565-2.205.308.084zM103.222 65.287a.43.43 0 0 1 .057-.168.434.434 0 0 1 .114-.123.49.49 0 0 1 .153-.074.397.397 0 0 1 .174-.01l2.508.39c.06.01.115.03.162.065.05.03.09.07.126.114a.555.555 0 0 1 .072.154c.016.056.02.116.01.18l-.402 2.798-3.376-.524zm2.985 1.017a.168.168 0 0 0-.03-.116.138.138 0 0 0-.101-.06l-2.445-.384a.155.155 0 0 0-.115.03.168.168 0 0 0-.06.102l-.202 1.428 2.747.428zM106.895 62.245l-.052.84-3.408-.222.051-.84zM107 60.24l-3.454-1.457-.03-1.165L106.892 56l.023.952-.836.381.055 2.01.854.36zm-1.206-1.037l-.044-1.714-1.928.88z"/>
</g>
</g>
<g id="wave_word" fill="url(#gg)">
<path id="wave_word_left" d="M39.748 30.87c3.316-2.216 9.106-4.376 11.734-4.627.479-1.58 1.24-3.839 2.018-5.243-19.01 1.736-33.966 18.918-34 39.888-.016 9.043 2.747 17.39 7.41 24.112-12.617-35.765 5.877-49.467 12.838-54.13"/>
<path id="wave_word_right" d="M100.5 61.651c.04-20.4-14.67-37.358-34-40.651.765 1.495 1.535 3.644 2.02 5.125 2.747.667 9.581 3.635 12.87 6.456C88.807 38.948 105.632 53.52 93.233 85c4.568-6.627 7.25-14.672 7.267-23.349"/>
</g>
<g id="bg_wheel">
<circle id="bg_circle" cx="60" cy="60" r="60" fill="#fff" fill-opacity="0"/>
<g id="wheel">
<path id="wheel_outer" d="M116.97 58.148c-.476-14.564-6.422-28.245-16.738-38.524C89.966 9.394 76.353 3.505 61.912 3.029a61.552 61.552 0 0 0-3.77 0c-15.209.5-29.322 6.886-39.737 17.993C7.997 32.139 2.535 46.632 3.031 61.848c.476 14.566 6.416 28.246 16.736 38.524 10.269 10.229 23.877 16.124 38.324 16.597 1.242.04 2.511.044 3.76-.004 15.221-.488 29.328-6.884 39.735-17.987 10.417-11.11 15.87-25.611 15.384-40.83m-1.514 2.825c-.03 1.234-.065 2.506-.19 3.763a55.224 55.224 0 0 1-.498 4.113l-.066.42-2.274-.363.055-.404.13-.879c.055-.369.11-.758.156-1.134l-.614-.067c-.165 1.278-.342 2.579-.62 3.87-.235 1.25-.56 2.584-1.008 4.158l.598.174c.158-.528.29-1.067.424-1.597l.19-.763 2.235.547-.097.406c-.271 1.222-.648 2.44-1.007 3.612l-.112.373-.434-.136.428.155-.257.732c-.36 1.037-.736 2.112-1.192 3.15l-.157.376-2.139-.874.171-.4c.262-.605.509-1.238.731-1.868l-.575-.205c-.42 1.174-.909 2.328-1.51 3.664l-.404-.184.404.189a59.396 59.396 0 0 1-1.923 3.801l.53.302c.187-.336.367-.677.546-1.01.13-.26.272-.518.41-.774l.197-.36 2.048 1.047-.192.382a55.048 55.048 0 0 1-2.078 3.694 50.01 50.01 0 0 1-2.295 3.454l-.24.336-1.89-1.345.269-.343c.334-.442.646-.915.939-1.377.068-.091.132-.184.19-.284l-.509-.33a50.773 50.773 0 0 1-2.492 3.456l-.493-.38.493.38a58.21 58.21 0 0 1-2.769 3.25l.447.41 1.626-1.815 1.75 1.505-.283.324c-.847.956-1.838 2.081-2.897 3.11v-.006c-.952.982-1.961 1.887-2.943 2.755l-.318.279-1.52-1.756.331-.276c.4-.329.788-.688 1.159-1.04.107-.104.216-.203.327-.308l-.418-.435a61.418 61.418 0 0 1-2.993 2.593 67.51 67.51 0 0 1-3.41 2.514l.337.502c.123-.083.239-.166.364-.249.425-.292.868-.59 1.28-.9l.34-.254 1.38 1.868-.848.6c-.948.662-1.926 1.356-2.946 1.963-1.005.657-2.074 1.24-3.103 1.81l-.846.462-1.076-2.042 2.137-1.183-.311-.522c-1.069.599-2.28 1.26-3.521 1.83-1.463.7-2.72 1.239-3.908 1.68l.214.578c.618-.236 1.25-.475 1.86-.753l.393-.178.9 2.127-.373.168c-1.25.566-2.563 1.023-3.828 1.473l-.146.047-.116-.339.108.34a49.34 49.34 0 0 1-3.975 1.167l-.402.104-.573-2.228.395-.112c.283-.08.57-.152.855-.231.367-.09.738-.182 1.108-.296l-.185-.598c-1.614.472-2.907.799-4.125 1.042-1.246.276-2.596.495-4.21.7l.072.615c.544-.065 1.08-.15 1.613-.238l.793-.123.371 2.272-.402.075c-1.218.22-2.462.352-3.67.48l-.542.056v-.008c-.296.026-.587.046-.88.067-1.038.07-2.111.146-3.175.134l-.412-.004-.037-2.311.441.008c.658.006 1.34-.029 2-.067l-.038-.607c-1.195.07-2.402.067-3.574.067l-.361-.004v.002a59.802 59.802 0 0 1-4.253-.27l-.064.607.438.038c.526.049 1.049.101 1.567.138l.427.026-.151 2.317-.437-.038c-.32-.03-.632-.059-.956-.082-1.028-.09-2.095-.176-3.148-.355v.01c-1.312-.172-2.614-.434-3.88-.686l-.62-.122.493-2.258 2.388.466.11-.599c-1.287-.247-2.597-.503-3.887-.856-1.565-.406-2.874-.795-4.077-1.224l-.196.58c.666.236 1.29.445 1.906.615l.412.118-.672 2.208-.398-.112c-1.195-.337-2.37-.773-3.509-1.197l-.505-.19.144-.395-.159.39c-1.156-.466-2.497-1.022-3.793-1.664l-.38-.185 1.002-2.065.373.167.672.314c.379.183.77.376 1.164.532l.243-.564a45.46 45.46 0 0 1-3.83-1.863 42.683 42.683 0 0 1-3.675-2.164l-.338.518c.57.381 1.154.722 1.716 1.053l.37.215-1.177 1.982-.367-.203c-1.082-.624-2.118-1.314-3.13-2l-.367-.248-.012.006-.595-.443c-.898-.649-1.828-1.328-2.693-2.067l-.315-.268 1.453-1.783.325.274c.483.39 1.02.832 1.579 1.242l.369-.497a46.043 46.043 0 0 1-3.07-2.51 53.328 53.328 0 0 1-3.07-2.916l-.445.432c.272.27.538.545.814.806.21.203.424.41.63.613l.293.3-1.597 1.653-.303-.29a53.94 53.94 0 0 1-2.88-2.976l.367-.335-.373.329c-.923-1.043-1.826-2.083-2.655-3.185l-.25-.33 1.838-1.416.25.35c.39.536.828 1.047 1.256 1.548l.002.006.466-.387c-.802-.951-1.554-1.953-2.43-3.136l.396-.28-.395.28a58.013 58.013 0 0 1-2.337-3.566l-.528.302 1.288 2.073-1.936 1.264-.427-.679c-.667-1.077-1.353-2.183-1.96-3.321h-.003c-.59-1.027-1.098-2.106-1.589-3.143l-.451-.96 2.122-.95.165.39c.208.469.452.946.676 1.408.068.134.132.269.196.396l.542-.274c-.564-1.104-1.102-2.323-1.754-3.877l.423-.178-.425.166a62.817 62.817 0 0 1-1.423-4.006l-.577.168c.05.143.092.282.131.428.161.499.318 1 .493 1.493l.14.394-2.192.775-.354-1.07c-.348-1.067-.707-2.17-.99-3.294l.003.008c-.336-1.176-.588-2.365-.833-3.529l-.194-.935 2.268-.428.507 2.382.595-.142c-.274-1.272-.544-2.562-.727-3.867-.243-1.618-.397-2.972-.473-4.228l-.617.038c.04.607.097 1.25.195 1.996l.047.426-2.296.248-.057-.408c-.132-1.035-.189-2.083-.245-3.092-.02-.352-.037-.696-.061-1.039l.428-.026-.433.002c0-.376.002-.75-.004-1.122-.016-.984-.027-2.008.036-3.023l.027-.404 2.315.085-.039.434a38.62 38.62 0 0 0-.045 2.012l.614-.008c-.01-1.29.069-2.594.153-3.852l.002-.104.38.022-.38-.026c.103-1.294.266-2.678.505-4.23l-.601-.109-.36 2.415-2.283-.278.15-1.091c.168-1.158.341-2.345.592-3.514.196-1.089.474-2.175.742-3.223.079-.27.146-.538.212-.81l.103-.418 2.235.627-.108.408c-.143.5-.267 1.01-.389 1.523-.039.142-.072.288-.105.428l.589.138c.309-1.26.684-2.611 1.156-4.098l.442.143-.442-.154c.546-1.59 1.014-2.842 1.5-3.989l-.566-.235c-.05.135-.115.278-.165.413-.202.476-.41.968-.583 1.45l-.144.403-2.173-.824.32-.803c.436-1.13.9-2.28 1.443-3.398.542-1.216 1.18-2.4 1.797-3.548l.278-.518 2.011 1.118-1.133 2.156.544.27c.624-1.177 1.245-2.335 1.943-3.457a46.524 46.524 0 0 1 2.344-3.515l-.497-.37c-.4.552-.79 1.088-1.145 1.65l-.23.365-1.92-1.292.224-.35c.65-1.011 1.382-1.982 2.097-2.924l.328-.431.316.24-.311-.248a54.62 54.62 0 0 1 2.678-3.163l.287-.302 1.697 1.545-.265.31a30.98 30.98 0 0 1-.585.653c-.258.28-.52.565-.763.863l.478.398c.815-.962 1.702-1.965 2.67-2.922.905-.945 1.923-1.9 3.11-2.922l-.401-.474c-.414.35-.818.727-1.214 1.091l-.59.55-1.57-1.682.298-.292c.896-.855 1.852-1.658 2.78-2.433l.426-.355.25.298-.238-.311.618-.468c.872-.674 1.776-1.36 2.716-1.983l.35-.227 1.304 1.903-.352.24c-.538.363-1.104.742-1.644 1.161l.375.492a43.133 43.133 0 0 1 3.515-2.392 45.454 45.454 0 0 1 3.71-2.102l-.282-.563c-.383.188-.762.404-1.13.61-.209.12-.427.239-.645.359l-.363.199-1.131-2 .363-.219c1.194-.681 2.427-1.29 3.69-1.909l.029-.016a.135.135 0 0 0 .049-.02l.57-.256c1.025-.458 2.088-.933 3.176-1.315l.385-.14.82 2.165-.408.145c-.64.222-1.268.485-1.856.742l.242.56c1.221-.533 2.48-.98 3.676-1.4 1.213-.417 2.523-.796 4.086-1.202l-.146-.594-2.353.624-.642-2.217 1.106-.292c1.081-.29 2.195-.586 3.314-.801 1.018-.24 2.06-.404 3.072-.559.34-.052.67-.104 1.015-.156l.419-.073.312 2.293-2.409.387.108.599a46.845 46.845 0 0 1 3.935-.522l.027.339-.027-.339c1.352-.12 2.796-.232 4.255-.236l-.012-.609a26.477 26.477 0 0 0-1.997.066l-.434.028-.114-2.306.405-.027c1.11-.087 2.23-.077 3.32-.075l.921.002v.416l.02-.416.4.016c1.222.048 2.485.1 3.734.241l.414.047-.228 2.29-.804-.075a31.303 31.303 0 0 0-1.62-.13l-.034.625c1.63.097 2.989.228 4.247.428 1.24.162 2.541.398 4.185.767l.144-.607c-.37-.089-.752-.162-1.115-.23a12.137 12.137 0 0 1-.866-.174l-.404-.077.418-2.264.414.071c1.228.22 2.502.51 4.144.94 1.384.381 2.639.74 3.867 1.193l.393.143-.762 2.185-.405-.152c-.595-.232-1.233-.416-1.842-.607l-.059-.014-.173.588c1.259.371 2.49.828 3.737 1.292a59.625 59.625 0 0 1 3.878 1.7l.273-.545-2.203-1.035L82 9.045l.387.182c.241.118.493.232.738.35.974.453 1.997.936 2.967 1.47 1.03.534 2.032 1.139 3.004 1.733l.95.57-1.242 1.96-.357-.22c-.442-.288-.903-.555-1.356-.825-.125-.072-.25-.149-.379-.223l-.3.53a57.396 57.396 0 0 1 3.356 2.124l-.254.362.254-.362c1.316.93 2.413 1.745 3.407 2.56l.383-.47c-.111-.09-.231-.186-.346-.284-.393-.323-.799-.665-1.22-.955l-.358-.248 1.403-1.856.332.255c1.076.818 2.213 1.713 3.286 2.68 1.09.942 2.16 1.996 3.012 2.843l.3.302-1.643 1.614-1.75-1.7-.414.445a57.387 57.387 0 0 1 2.971 3.057l-.294.262.294-.262a53.457 53.457 0 0 1 2.718 3.29l.481-.37a23.904 23.904 0 0 1-.198-.266 24.504 24.504 0 0 0-1.036-1.306l-.29-.327 1.798-1.477.27.323a49.864 49.864 0 0 1 2.505 3.296h.004a58.802 58.802 0 0 1 2.266 3.475l.216.36-1.975 1.187-.22-.35c-.164-.246-.311-.494-.466-.747a45.763 45.763 0 0 0-.603-.97l-.523.34c.655 1.025 1.384 2.19 2.017 3.37h.004a44.368 44.368 0 0 1 1.893 3.82l.57-.249c-.3-.68-.61-1.312-.865-1.813l-.192-.388 2.07-1.016.19.365c.506.982.946 2 1.362 2.99.117.265.233.522.348.789l-.375.162.383-.14c.096.26.192.519.292.784.385 1.01.775 2.055 1.088 3.118l.118.394-2.192.702-.132-.41a36.353 36.353 0 0 0-.634-1.908l-.575.213c.397 1.08.772 2.262 1.197 3.78.408 1.438.717 2.88.966 4.15l.609-.111c-.075-.377-.16-.755-.234-1.12-.066-.284-.127-.578-.189-.86l-.082-.4 2.25-.518.09.414c.357 1.625.619 2.952.786 4.177.222 1.328.342 2.686.463 3.993l.045.541-2.323.172-.016-.434a27.36 27.36 0 0 0-.157-1.55 37.958 37.958 0 0 0-.051-.443l-.593.075c.16 1.404.239 2.814.32 4.242l-.407.021.406-.006c.014 1.44.027 2.85-.047 4.256l.607.039c.01-.153.016-.304.018-.449.026-.512.056-1.044.052-1.56l-.006-.432 2.326.025z" fill="#006098"/>
<path id="wheel_inner" d="M86.274 104.977l.364-.207 1.17 2-2.185 1.207.297.558.095-.055c1.027-.561 2.09-1.145 3.089-1.79l.22.341-.212-.35c1.006-.597 1.975-1.284 2.915-1.947l.138-.104-.361-.509c-.328.246-.658.464-.983.687-.237.164-.475.33-.716.495l-.354.243-1.293-1.935.358-.235a57.16 57.16 0 0 0 3.747-2.738l.006.002c1.066-.882 2.187-1.834 3.24-2.845l.306-.29 1.605 1.69-.328.292c-.211.19-.423.392-.633.586-.284.265-.575.54-.875.806l.403.468a43.745 43.745 0 0 0 2.616-2.455c.92-.902 1.809-1.882 2.582-2.76l-.477-.415-1.665 1.856-1.693-1.591.283-.308c1.216-1.316 2.178-2.436 3.029-3.524 1.066-1.381 1.952-2.615 2.699-3.772l.23-.364 1.944 1.27-.237.36c-.143.206-.283.428-.42.634-.236.35-.472.717-.73 1.075l.509.36a53.671 53.671 0 0 0 2.018-3.075l.388.234-.388-.234a54.374 54.374 0 0 0 1.865-3.296l-.56-.293c-.077.137-.146.27-.217.405-.243.466-.498.944-.77 1.414l-.207.372-2.009-1.143.198-.368a54.797 54.797 0 0 0 2.114-4.135l.004-.002c.658-1.481 1.192-2.731 1.63-4.016l.137-.415 2.179.786-.13.395c-.227.654-.472 1.301-.729 1.941l.573.24c.382-.894.698-1.83 1.015-2.738l.259-.736.106-.366c.318-1.03.645-2.1.904-3.172l-.607-.147c-.168.658-.34 1.345-.552 2.013l-.128.388-2.216-.656.125-.397c.51-1.736.86-3.17 1.108-4.502.302-1.425.49-2.872.674-4.273l.05-.415 2.295.26-.053.42c-.052.541-.133 1.076-.202 1.597-.029.157-.05.308-.07.455l.622.1c.2-1.31.344-2.484.425-3.56l-.006-.003c.135-1.25.168-2.533.198-3.775h-.619c-.004.394-.027.796-.041 1.185-.019.286-.028.572-.044.859l-.012.437-2.323-.13.018-.425c.099-1.524.093-3.067.073-4.633-.085-1.57-.172-3.105-.368-4.635l-.053-.42 2.31-.281.042.432c.026.289.067.577.098.863.043.384.089.786.126 1.184l.613-.05c-.115-1.206-.23-2.444-.43-3.645l.421-.072-.42.06a50.253 50.253 0 0 0-.691-3.722l-.615.139c.034.151.064.306.098.46.108.51.223 1.033.326 1.57l.07.413-2.273.415-.077-.41c-.272-1.356-.596-2.947-1.052-4.522l.527-.147-.527.147c-.463-1.692-.876-2.966-1.328-4.13l-.151-.405 2.167-.804.154.385c.263.668.49 1.328.686 1.965l.604-.188c-.293-.907-.629-1.807-.955-2.683-.105-.265-.2-.523-.294-.78-.115-.268-.23-.524-.34-.79-.366-.852-.748-1.742-1.165-2.577l-.568.278c.271.54.58 1.203.868 1.883l.154.386-2.116.927-.168-.393a45.688 45.688 0 0 0-2.033-4.138c-.7-1.32-1.52-2.615-2.235-3.726l-.231-.36 1.93-1.27.225.355c.307.447.591.907.872 1.363.079.128.156.257.239.39l.54-.318a49.166 49.166 0 0 0-1.96-3.006c-.691-.991-1.44-1.978-2.279-3.022l-.483.388c.279.339.544.689.793 1.036.158.192.307.394.467.6l.265.347-1.865 1.388-.257-.345c-.824-1.125-1.76-2.263-2.93-3.592l-.003.008c-.925-1.038-1.956-2.09-3.255-3.322l-.3-.294 1.582-1.696 1.786 1.737.452-.435c-.95-.946-1.78-1.753-2.677-2.525l.267-.313-.283.308c-.941-.857-1.953-1.653-2.914-2.405l-.372.497c.313.241.623.504.928.745.221.182.435.366.674.542l.344.269-1.49 1.807-.327-.276c-1.07-.903-2.25-1.791-3.702-2.81h.004a54.764 54.764 0 0 0-3.678-2.308l-.373-.22 1.157-2.017.374.228c.245.154.498.3.749.45.338.198.682.397 1.012.6l.338-.516-.22-.137c-.96-.578-1.953-1.185-2.962-1.7l.192-.384-.214.376c-.953-.537-1.962-1.017-2.94-1.474a4.494 4.494 0 0 1-.35-.162l-.255.58 2.256 1.061-1.035 2.08-.374-.188a60.15 60.15 0 0 0-4.214-1.865c-1.38-.514-2.73-1.009-4.116-1.4l-.409-.122.662-2.227.874.261c.49.154 1.002.308 1.504.478l.204-.587c-1.118-.385-2.268-.712-3.535-1.062a53.897 53.897 0 0 0-3.59-.83l-.112.625c.148.025.293.061.445.09.518.1 1.062.196 1.593.345l.396.109-.526 2.237-.414-.096c-1.825-.415-3.234-.68-4.555-.851l.045-.38-.055.38c-1.347-.213-2.812-.351-4.616-.446l-.423-.027.122-2.296.405.01c.7.016 1.4.078 2.079.148l.065-.635a60.645 60.645 0 0 0-3.295-.195l-.381-.02c-.313.002-.623 0-.94-.002-.94 0-1.904-.008-2.849.041l.023.627c.72-.035 1.416-.04 2.077-.039h.421l.018 2.323-.433-.002c-1.572-.016-3.16.104-4.635.227-1.29.12-2.697.317-4.307.59l-.415.077-.409-2.293 2.465-.384-.081-.627c-.206.033-.411.06-.604.09-.994.15-2.035.312-3.019.553l-.1-.423.082.427c-1.105.21-2.22.506-3.294.794l-.283.072.179.603 2.408-.637.546 2.255-.407.105c-1.718.44-3.129.84-4.427 1.285-1.316.46-2.718.962-4.052 1.563l-.392.177-.917-2.128.376-.17c.605-.269 1.25-.547 1.918-.794l-.23-.588c-.915.347-1.84.761-2.73 1.158l-.643.282c-1.123.552-2.232 1.095-3.29 1.69l.31.553c.09-.05.185-.106.279-.155.504-.284 1.02-.572 1.56-.826l.37-.169 1.04 2.055-.376.192a48.506 48.506 0 0 0-4.04 2.276l-.23-.366.218.372a42.413 42.413 0 0 0-3.813 2.615l-.344.261-1.388-1.842.324-.26a28.76 28.76 0 0 1 1.679-1.22l-.355-.522c-.805.55-1.587 1.15-2.34 1.727l-.618.471-.417.353a50.152 50.152 0 0 0-2.45 2.124l.427.456c.502-.46 1.013-.936 1.558-1.375l.324-.259 1.493 1.755-.321.282a45.207 45.207 0 0 0-3.392 3.152l-.33-.308.322.323c-1.062 1.042-2.027 2.161-2.917 3.213l-.274.325-1.764-1.47.253-.33c.334-.436.706-.847 1.068-1.236.096-.11.192-.224.295-.333l-.473-.424a56.27 56.27 0 0 0-2.357 2.811l-.34.437c-.618.823-1.267 1.669-1.842 2.545l.518.35c.384-.567.789-1.12 1.203-1.683l.253-.339 1.863 1.38-.251.342a46.418 46.418 0 0 0-2.593 3.843c-.755 1.217-1.422 2.484-2.106 3.773l-.188.368-2.077-1.034 1.17-2.204-.543-.308c-.566 1.052-1.135 2.122-1.625 3.203-.554 1.124-1.026 2.317-1.475 3.468l-.006.014.58.219c.146-.374.296-.742.45-1.099.116-.27.22-.537.33-.804l.16-.405 2.14.923-.167.388c-.54 1.236-1.048 2.582-1.645 4.34a52.231 52.231 0 0 0-1.24 4.466l-.104.411-2.257-.52.103-.418c.067-.282.139-.562.21-.845.095-.386.188-.768.288-1.15l-.6-.172c-.035.132-.064.265-.11.397-.261 1.04-.537 2.12-.728 3.176l-.433-.072.427.092c-.253 1.15-.413 2.338-.587 3.497l-.031.231.62.076.362-2.461 2.294.383-.067.413a54.158 54.158 0 0 0-.562 4.613l-.006.101c-.087 1.39-.178 2.828-.143 4.241l.008.425-2.321.012.004-.413a26.41 26.41 0 0 1 .01-2.072l-.622-.031c-.038.858-.03 1.72-.019 2.56.002.373.014.743.012 1.116.024.351.04.697.065 1.052.038.87.087 1.759.186 2.633l.625-.063a27.3 27.3 0 0 1-.16-2.077l-.016-.41 2.31-.145.015.437c.071 1.357.23 2.817.497 4.609.195 1.417.508 2.846.798 4.223l.095.412-.4.115-1.85.429-.522-2.436-.614.119.02.1c.247 1.148.488 2.334.823 3.485.272 1.103.633 2.212.99 3.285l.084.249.588-.21c-.125-.374-.25-.75-.364-1.128-.083-.286-.178-.553-.27-.831l-.134-.421 2.224-.66.129.405c.4 1.34.902 2.77 1.523 4.367.717 1.729 1.313 3.032 1.925 4.235l.196.376-2.073 1.06-.19-.397c-.123-.261-.253-.524-.378-.78a36.27 36.27 0 0 1-.522-1.067l-.566.257.083.183c.49 1.028 1 2.1 1.568 3.098l-.4.23.413-.22c.586 1.118 1.26 2.207 1.924 3.263l.522-.342-1.309-2.127 2.002-1.172.217.356a60.653 60.653 0 0 0 2.53 3.898c.962 1.307 1.785 2.388 2.678 3.419l.277.327-1.764 1.503-.566-.662c-.336-.412-.69-.83-1.027-1.256l-.49.376c.739.966 1.54 1.881 2.374 2.821.83.936 1.692 1.823 2.55 2.662l.436-.457c-.106-.111-.218-.22-.322-.327a24.487 24.487 0 0 1-1.143-1.157l-.274-.306 1.665-1.587.299.308a52.476 52.476 0 0 0 3.324 3.19h.004a44.2 44.2 0 0 0 3.373 2.735l.342.247-1.376 1.853-.338-.235c-.579-.409-1.135-.85-1.641-1.271l-.403.49c.761.617 1.57 1.212 2.35 1.788l.532.384.42.282a61.87 61.87 0 0 0 2.732 1.771l.326-.543a36.024 36.024 0 0 1-1.758-1.11l-.342-.24 1.268-1.933.352.233c1.384.924 2.685 1.7 3.99 2.376l-.2.374.206-.376c1.222.676 2.551 1.31 4.178 2.01l.39.173-.902 2.115-.38-.146a24.78 24.78 0 0 1-1.62-.72c-.09-.045-.19-.098-.28-.14l-.276.58a71.86 71.86 0 0 0 3.375 1.456l.51.188c1.002.366 2.033.754 3.073 1.073l.18-.6a38.782 38.782 0 0 1-1.967-.672l-.384-.145.778-2.181.405.145c1.28.48 2.69.914 4.423 1.365l-.064.251.064-.25c1.374.371 2.792.643 4.174.904l.486.094-.382 2.286-2.45-.478-.137.614c1.191.235 2.417.48 3.625.63l-.046.403.065-.4c1.029.167 2.085.259 3.12.344.168.012.359.031.534.05l.035-.622c-.4-.035-.792-.071-1.178-.114a45.73 45.73 0 0 1-.865-.082l-.435-.039.257-2.309.42.047c1.391.16 2.889.27 4.592.315h.388c1.303.002 2.652.004 3.963-.1l.427-.028.139 2.32-.566.033c-.627.043-1.274.078-1.92.084l.008.629c.904-.01 1.817-.078 2.705-.135.332-.024.658-.04.983-.067l.436-.043c1.054-.117 2.143-.232 3.209-.407l-.101-.625c-.668.107-1.372.222-2.062.284l-.416.03-.263-2.283.423-.057c1.792-.212 3.245-.437 4.572-.74l.102.438-.09-.441c1.306-.252 2.698-.606 4.495-1.15l.395-.116.679 2.203-.386.124c-.52.19-1.056.327-1.568.454-.147.035-.29.08-.442.112l.156.622a55.383 55.383 0 0 0 3.53-1.06l.138-.049c1.131-.392 2.298-.806 3.415-1.279l-.251-.576c-.6.251-1.216.482-1.811.703l-.512.19-.803-2.177.396-.143c1.29-.465 2.645-1.04 4.269-1.805l.36.76-.355-.76c1.364-.64 2.705-1.382 3.855-2.03m-24.613 5.59c-1.121.04-2.247.04-3.357.005-26.532-.87-47.996-22.36-48.865-48.937C9 48.135 13.85 35.261 23.086 25.401 32.331 15.534 44.855 9.865 58.36 9.424a53.74 53.74 0 0 1 3.354-.002c26.538.866 48.004 22.363 48.863 48.93.437 13.512-4.408 26.38-13.64 36.244-9.247 9.866-21.777 15.533-35.276 15.972" fill="#006098"/>
</g>
</g>
<g id="bell">
<path id="yoke" d="M60.194 30c.114-.175.264-.34.452-.468L65 26.688c-.86-2.424-2.133-5.36-2.657-5.89-1.194-1.08-3.436-1.063-4.806.048-.515.494-1.721 3.26-2.537 5.559l4.734 3.126c.193.13.346.294.46.469" fill="#0a67a1"/>
<g id="bell_body">
<path id="bell_bottom" d="M29.07 88.869s14.505-15.943 25.046-15.696C70.606 73.565 89 87.927 89 87.927s-24.333-5.782-36.019-5.408c-9.105.293-23.91 6.35-23.91 6.35" fill="#00487a"/>
<path id="bell_text_inner" fill="#0a67a1" d="M62.269 60.383l3.936.008-.003 1.599-3.937-.008zM58.84 54.749l4.374.006-.004 3.308-4.375-.005zM65.33 54.77l4.503.006-.005 3.313-4.502-.006zM58.83 49.285l4.377.008-.006 3.314-4.377-.007z M65.34 49.293l4.502.011-.009 3.32-4.502-.013z"/>
<path id="bell_rest" d="M67.76 29.197l-2.633 1.97c2.521.846 5.977 2.433 8.346 5.246 3.865 4.594 8.632 17.827 8.839 18.385l-2.818 1.795c-.048-.132-4.814-13.998-8.326-18.169-3.317-3.943-9.696-5.053-9.762-5.066a1.48 1.48 0 0 1-1.074-.756 1.479 1.479 0 0 1-1.092.758c-.071.014-7.045 1.1-10.373 5.023-3.545 4.18-9.611 17.85-9.666 17.984l-2.62-1.702c.23-.553 6.131-13.748 9.994-18.306 2.424-2.861 6.19-4.445 8.897-5.261l-2.953-2.229c-3.6.415-8.433 1.523-9.806 3.417C36.343 41.024 30.784 76.449 29 88.869c14.891-13.345 22.413-15.32 26.542-14.852 7.986.895 22.46 7.672 33.457 13.91C87.3 73.767 83.03 42.611 77.455 34.02c-1.282-1.973-6.024-3.807-9.695-4.822M52.954 70.515l-2.125-.144 1.18-17.985-2.367-.004-1.88 17.788-2.115-.234 1.983-18.752 1.056-.964 3.468.006.355-5.562-4.56-.008.003-2.164 5.7.012 1.057 1.15zm20.5-.043l-9.224-.018-9.044-.018.006-2.16 7.974.019.002-1.066-5.45-.012-1.055-1.086.01-4.454 2.121.004-.007 3.374 4.388.01v-.925l-1.967-.004-1.058-1.087.008-2.829-2.402-.004-1.054-1.082.02-10.941 1.059-1.082 5.44.01.005-1.387-5.782-.012.006-2.154 5.78.01.002-1.964 2.128.002-.004 1.965 5.86.01-.003 2.157-5.861-.011-.002 1.389 5.567.008 1.058 1.092-.021 10.937-1.06 1.078-2.554-.004-.006 2.827-1.062 1.081-1.97-.002-.002.925 4.497.006.01-3.69 2.12.001-.013 4.777-1.058 1.078-5.559-.008-.004 1.066 8.168.018z" fill="#006098"/>
</g>
</g>
</svg>
</div>
---
<section class="page__content" itemprop="text">
<style>
.box {
animation: colorchange 40s;
-webkit-animation: colorchange 40s; /* Chrome and Safari */
animation-iteration-count: infinite;
}
@keyframes colorchange
{
0% {background: #ff6c6c;}
25% {background: #80cac6;}
50% {background: #8090ca;}
75% {background: #80ca95;}
95% {background: #2be5c0;}
100% {background: #ff6c6c;}
}
@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
{
0% {background: #ff6c6c;}
25% {background: #80cac6;}
50% {background: #8090ca;}
75% {background: #80ca95;}
95% {background: #2be5c0;}
100% {background: #ff6c6c;}
}
@keyframes ckw {
0% { transform: rotate(0deg) scale(1);}
25% { transform: rotate(90deg) scale(1.2);}
50% { transform: rotate(180deg) scale(1);}
75% { transform: rotate(270deg) scale(0.8);}
100% { transform: rotate(360deg) scale(1);}
}
@keyframes sun {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
0% {
transform: rotate(0deg);
}
}
}
@-webkit-keyframes move-right {
0% {
-webkit-transform: translatex(0%);
}
100% {
-webkit-transform: translate3d(790px, 0, 0);
}
}
@-webkit-keyframes move-left {
0% {
-webkit-transform: translatex(0%);
}
100% {
-webkit-transform: translate3d(-790px, 0, 0);
}
}
@-webkit-keyframes rotate-right {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@-webkit-keyframes rotate-left {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(-360deg);
}
}
@-webkit-keyframes hover {
0% {
-webkit-transform: translateY(0%);
}
50% {
-webkit-transform: translateY(30%);
}
100% {
-webkit-transform: translateY(0%);
}
}
@-webkit-keyframes hover-right {
0% {
-webkit-transform: translateY(0%);
}
30% {
-webkit-transform: translateX(30%);
}
50% {
-webkit-transform: translateX(50%);
}
70% {
-webkit-transform: translateX(30%);
}
98% {
-webkit-transform: translateY(0%);
}
}
@-webkit-keyframes hover-left {
0% {
-webkit-transform: translateY(0%);
}
30% {
-webkit-transform: translateX(-30%);
}
50% {
-webkit-transform: translateX(-50%);
}
70% {
-webkit-transform: translateX(-30%);
}
100% {
-webkit-transform: translateY(0%);
}
}
@-webkit-keyframes pull {
0% {
-webkit-transform: scaleY(1);
}
40% {
-webkit-transform: scaleY(1.01);
}
60% {
-webkit-transform: scaleY(0.99);
}
80% {
-webkit-transform: scaleY(1.01);
}
100% {
-webkit-transform: scaleY(0.99);
}
80% {
-webkit-transform: scaleY(1.01);
}
100% {
-webkit-transform: scaleY(1);
}
}
#container {
margin: auto 0;
}
#animation
{
width: 56%;
margin: 0 auto;
}
#circle1 {
-webkit-transform: translate3d(0, 0, 0);
-webkit-transform-origin:0px 0px;
-webkit-transform: translate3d(0, 0, 0);
-webkit-animation: pull 12s linear 0s infinite;
}
#baloon {
-webkit-transform: translate3d(0, 0, 0);
-webkit-transform-origin:200px 200px;
-webkit-transform: translate3d(0, 0, 0);
-webkit-animation: hover 12s linear 0s infinite;
}
#car1 {
-webkit-transform: translate3d(100px, 0, 0);
-webkit-animation: move-right 10s linear 0s infinite;
}
#car2 {
-webkit-transform: translate3d(100px, 0, 0);
-webkit-animation: move-left 10s linear 0s infinite;
}
#wheel1{
animation-name: ckw;
animation-duration: 15.5s;
animation-iteration-count: infinite;
transform-origin: 50% 60%;
display: inline-block;
}
#sun{
animation-name: sun;
animation-duration: 50s;
animation-iteration-count: infinite;
transform-origin: 50% 50%;
display: inline-block;
}
#cloud1 {
-webkit-transform: translate3d(0, 0, 0);
-webkit-transform-origin:200px 200px;
-webkit-transform: translate3d(0, 0, 0);
-webkit-animation: hover-right 12s linear 0s infinite;
}
#cloud2 {
-webkit-transform: translate3d(0, 0, 0);
-webkit-transform-origin:200px 200px;
-webkit-transform: translate3d(0, 0, 0);
-webkit-animation: hover-left 12s linear 0s infinite;
}
</style>
<h4>以下例子是廖老师借用Saad Ali Shah的<a href="https://codepen.io/saadalishah/details/grzbVV">SVG 动画</a>,把原来的LOGO置换成文传院的LOGO。可做参考</h4>
<div class="box">
<div id="container">
<div id="animation">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" viewBox="0 0 800 800" enable-background="new 0 0 800 800" xml:space="preserve">
<g id="objects">
<g id="wheel1">
<g transform="scale(1.6) translate(50 75)">
<circle id="bg_circle_only" cx="60" cy="60" r="60" fill="#fff" />
<g id="nfu1" fill="#006098">
<path d="M54.652 92.049v.28l1.303.003-.004 2.216-1.302-.002-.002.431-.34-.002v-.43L53 94.545l.008-2.218 1.303.004.002-.285zm-.343 2.188l.004-1.609h-.964v1.607zm.343-1.607l-.002 1.609h.938l.004-1.609zM59.64 92.952l-1.328-.004-.004.435 1.377 1.372-.272.23-1.288-1.283-1.258 1.28-.272-.213 1.346-1.386v-.435h-1.3v-.33h1.3v-.582l.372.002v.58l1.327.006zM60.64 94.985h-.358l.002-2.163 1.329.004v-.314l-1.342-.002v-.308l1.342.002.002-.146.36.004-.002.142h1.37v.312l-1.37-.004-.002.314h1.344l-.007 2.166h-.542v-.319h.188l.002-1.531-2.316-.002zm1.34-.65l.745.002.003.31-.748-.002v.345l-.36-.005v-.34l-.751-.002v-.31h.751l.004-.287h-.729v-.308l1.027.004.363-.417.34.067-.297.35.37-.002v.308h-.718zm-.612-1.014l.276.231-.346.07-.287-.235zM64.684 93.578l-.428 1.414-.315-.104.445-1.529.062-.71h-.505l.002-.316 1.449.002-.133-.255.352-.08.158.335H67v.317l-2.215-.002-.043.612 2.183.004L66.84 95l-.782-.004-.017-.316.466.002.068-1.104z" />
</g>
<g id="title2">
<g id="title_zh" fill="#006098">
<path d="M21.3 42.468l-.062-3.922-1.97 1.127-1.956-1.115-.743 1.31-.569-.325 4.039-7.123.571.324-.743 1.31 1.957 1.115.044 2.274 3.392-1.957.323.563-3.708 2.133.068 4.276zm-3.262-6.63L17 36.11l-.155-.647 1.032-.272zm3.145-.278l-1.642-.935-1.906 3.36 1.642.935 1.948-1.106zM26.993 24.648l-1.23-.134.082-.642 1.23.134zm.137 2.343l-1.102-1.316 6.014-5.053 1.073 1.279-.503.424-.65-.778-5.01 4.209.683.812zm1.944-4.091l-1.229-.133.081-.642 1.23.136zm-.923 3.018l3.588-3.016.562.672-.308 1.691 2.437-2.05.42.507-2.749 2.31 1.386 1.658-1.6 1.346-.42-.506 1.096-.921-.966-1.153-3.01 2.529-.422-.506 3.032-2.546.365-2.023-2.989 2.51zm2.074-4.556l.083-1.238.643.031-.08 1.236zM41.043 14.054l.17.995 6.063-2.145.22.62-6.168 2.182.248 1.393.04.113 6.315-2.235 1.572 4.462-4.012 1.419-.219-.62 3.394-1.203-1.135-3.219-6.316 2.234-.266-.759-.544-3.127zm.077 5.59l5.927-2.097.22.618-5.93 2.099zM58.784 10.88l-.668.905-.105 6.721-.656-.012.09-5.817-.68.903-.522-.4 2.028-2.697zm2.893-.245l-.285.814 2.771.045-.012.656-2.988-.046-.38 1.092 3.506.055-.01.657-3.725-.057-.364 1.044-.002.128 3.49.053-.013.932-1.408 1.432 1.553.324-.138.638-4.796-1.016.146-.636 2.472.52 1.51-1.547-3.481-.053.012-.903.325-.928-1.102-.018.01-.656 1.32.02.381-1.091-1.53-.023.01-.657 1.75.025.36-1.024zM74.699 12.744l-.515 1.317 1.756.69-.24.614-.4-.16-1.377 3.52-.819.394.528 1.348-.602.235-.516-1.305-1.264.602-.282-.583 1.311-.622-.325-.844 1.378-3.518-.414-.165.239-.612.413.165.519-1.317zm-1.297 5.514l1.287-3.291-.743-.294-1.291 3.29.215.553zm2.172 3.502l.742-1.904-2.038.913-.269-.593 2.17-.966-1.7-.665.24-.612 2.037.801.28-.713-1.325-.52 1.007-2.568-.711-.282.236-.61.713.28.259-.663.612.239-.258.663 2.018.795.259-.663.61.24-.259.664.714.277-.24.614-.712-.28-1.005 2.568-1.31-.516-.277.714 2.019.797-.239.61-1.681-.66.928 2.18-.597.254-.871-2.058L76.181 22zm3.01-3.838l.767-1.957-2.018-.793-.77 1.955zm-.682-.632l-.499-1.148.59-.259.498 1.15zM88.296 23.68l3.495 3.129-.581.654-1.717-.065 2.372 2.124-.438.49-2.677-2.396-1.439 1.613-1.557-1.394.438-.487 1.067.954 1.003-1.123-2.931-2.624.438-.49 2.953 2.639 2.048.072-2.91-2.605zm-1.206-.857l1.144-1.28 5.854 5.24-1.112 1.248-.49-.44.676-.756-4.877-4.363-.703.789zm2.292-.472l-.043-1.24.647-.011.043 1.241zm2.027 1.812l-.044-1.238.643-.01.048 1.238zm1.685.923l1.234-.098.062.643-1.232.098zM93.967 36.989l7-3.683 1.092 2.085-2.016 1.061-1.307-.023.291.559-3.04 1.6-.597-1.14.58-.307.293.56 1.88-.99-.329-.621.592-.312 1.47.021 1.297-.682-.481-.924-6.422 3.379zm6.333 5.587l-.629-1.197-1.952 1.028.148.282.88-.162.125.647-1.364.241-.675-1.285 2.534-1.333-.645-1.228-1.84.97-1.22-.546.253-.597.939.416 1.565-.824-.49-.939.579-.305 2.371 4.525zm1.12-1.001l-2.038-3.889.581-.305 2.039 3.887zm-1.086-4.606l1.455-.765.956 1.827.78-.412.305.584-.782.412.952 1.819-1.419.744-.306-.581.84-.441-1.603-3.063-.873.459z" />
</g>
<g id="title_en" fill="#006098">
<path d="M13.488 59.671a.494.494 0 0 1-.445-.327.61.61 0 0 1-.043-.231l.023-2.711.318.002-.02 2.265c0 .04.013.08.047.108a.135.135 0 0 0 .105.048l1.244.012a.177.177 0 0 0 .123-.046.2.2 0 0 0 .051-.139l.018-1.797a.44.44 0 0 1 .132-.32.424.424 0 0 1 .315-.128l.655.006a.397.397 0 0 1 .31.129c.077.086.112.213.11.38l-.023 2.775-.315-.004.02-2.254a.23.23 0 0 0-.031-.126c-.02-.036-.058-.055-.112-.055l-.588-.006a.152.152 0 0 0-.155.156l-.016 1.776a.473.473 0 0 1-.333.469.553.553 0 0 1-.181.027zM16.817 64.93l-.315.033-.222-2.27a.154.154 0 0 0-.054-.106.142.142 0 0 0-.115-.032l-2.458.259a.155.155 0 0 0-.105.056.15.15 0 0 0-.035.117l.224 2.266-.317.034-.272-2.81a.41.41 0 0 1 .018-.18.417.417 0 0 1 .078-.151.483.483 0 0 1 .13-.11.396.396 0 0 1 .166-.055l2.522-.267c.121-.014.23.02.321.099.096.08.147.18.159.305zM14.431 70.832l-.168-.824 1.926-.427-.32-1.555-1.926.428-.169-.828 3.34-.743.166.83-1.095.242.32 1.555 1.094-.241.171.823zM15.135 73.468a.469.469 0 0 1 .283-.573l2.825-.97 1.026 3.232-2.827.971a.45.45 0 0 1-.172.022.461.461 0 0 1-.29-.15.422.422 0 0 1-.087-.154zm.566.219a.16.16 0 0 0-.1.196l.427 1.342c.014.04.038.07.077.088.039.02.078.024.117.01l2.491-.855-.518-1.639zM16.996 78.772a.468.468 0 0 1-.008-.347.443.443 0 0 1 .23-.256l2.7-1.29 1.364 3.095-2.703 1.29a.433.433 0 0 1-.334.012.487.487 0 0 1-.143-.085.43.43 0 0 1-.1-.143zm.584.15a.16.16 0 0 0-.08.088.15.15 0 0 0 .004.118l.566 1.287a.132.132 0 0 0 .085.078c.041.017.08.015.115-.004l2.388-1.138-.691-1.566zM20.03 83.94a.152.152 0 0 0-.07.094.145.145 0 0 0 .016.12l.75 1.334-.273.164-1.018-1.801a.44.44 0 0 1-.054-.169.516.516 0 0 1 .01-.177.496.496 0 0 1 .204-.274l2.565-1.566.41.725zM24.838 91.833a.432.432 0 0 1-.11-.327.458.458 0 0 1 .144-.316l2.204-2.077 2.196 2.522-2.2 2.078a.526.526 0 0 1-.153.092.44.44 0 0 1-.324-.014.382.382 0 0 1-.141-.105zm.6-.04a.157.157 0 0 0-.054.109.144.144 0 0 0 .04.112l.913 1.048a.14.14 0 0 0 .105.048.14.14 0 0 0 .107-.04l1.948-1.833-1.116-1.279zM28.321 95.633l2.256-2.662 2.367 2.166-.211.247-1.758-1.612-.583.688 1.727 1.58-.212.253-1.725-1.58-1.253 1.479zM37.608 102.151a.162.162 0 0 0-.016.118.155.155 0 0 0 .068.1l1.293.756-.157.287-1.745-1.026a.415.415 0 0 1-.132-.12.525.525 0 0 1-.072-.155c-.014-.056-.018-.112-.014-.173a.479.479 0 0 1 .055-.174l1.461-2.693.705.411zM41.242 104.639l-.732-.356 1.438-3.219.734.354zM44.373 105.982l1.05-3.03-1.099-.411.107-.312 2.967 1.113-.11.31-1.103-.414-1.051 3.032zM48.856 107.46a.362.362 0 0 1-.157-.076.502.502 0 0 1-.173-.287.434.434 0 0 1 .009-.183l.673-3.014 3.07.745-.072.322-2.28-.554-.2.891 2.239.542-.074.329-2.24-.544-.32 1.441a.16.16 0 0 0 .015.119.14.14 0 0 0 .095.072l2.136.518-.072.322zM57.272 105.337l-.14 1.33a.448.448 0 0 1-.056.172.472.472 0 0 1-.108.137.386.386 0 0 1-.312.096l-.065-.006.307 1.801-.846-.096-.28-1.801-1.015-.115-.185 1.745-.81-.094.376-3.53zm-1.109 1.342a.157.157 0 0 0 .11-.03.147.147 0 0 0 .055-.108l.105-.965-1.52-.177-.119 1.122zM58.905 109l1.45-3.57 1.119-.017 1.507 3.533-.914.012-.357-.874-1.932.024-.36.883zm1.015-1.239l1.646-.02-.817-2.018zM66.132 108.6l-.414-3.192-1.157.162-.043-.329 3.12-.437.044.324-1.162.167.414 3.191zM70.75 107.755a.345.345 0 0 1-.17.01.511.511 0 0 1-.16-.06.508.508 0 0 1-.123-.117.502.502 0 0 1-.076-.164l-.74-2.996.783-.208.733 2.965c.01.04.033.075.069.1a.148.148 0 0 0 .115.018l1.198-.322a.14.14 0 0 0 .09-.074.166.166 0 0 0 .019-.12l-.733-2.964.778-.209.74 2.998a.461.461 0 0 1-.153.474.368.368 0 0 1-.153.078zM77.273 101.825l.465 1.247a.502.502 0 0 1-.006.352.414.414 0 0 1-.236.237l-.063.028 1.073 1.45-.79.32-1.05-1.463-.95.384.61 1.637-.76.309-1.235-3.313zm-.389 1.723a.155.155 0 0 0 .085-.08.155.155 0 0 0 .002-.12l-.34-.908-1.424.575.395 1.051zM80.98 103.93a.424.424 0 0 1-.164.052.424.424 0 0 1-.167-.021.427.427 0 0 1-.147-.083.375.375 0 0 1-.111-.139l-1.397-2.73 2.783-1.542.146.29-2.066 1.145.413.811 2.03-1.124.15.295-2.029 1.124.67 1.306c.02.038.046.065.087.078.04.016.079.012.116-.01l1.937-1.073.146.293zM89.226 98.458l-1.132-3.694.84-.767 3.353 1.664-.687.626-.817-.423-1.451 1.327.28.914zm-.006-1.626l1.238-1.13-1.884-.983zM91.143 91.806l1.815-2.11a.464.464 0 0 1 .137-.108.4.4 0 0 1 .161-.04.425.425 0 0 1 .32.12l2.212 2.063-.537.626-2.194-2.042a.151.151 0 0 0-.111-.042.154.154 0 0 0-.105.053l-.918 1.068 2.307 2.148-.543.63zM95.994 85.51a.445.445 0 0 1 .28-.18.466.466 0 0 1 .17.006c.056.01.109.036.158.074l2.07 1.52a.486.486 0 0 1 .18.468.45.45 0 0 1-.07.165l-1.57 2.307-2.786-2.048zm2.23 2.306c.02-.036.03-.074.02-.116a.166.166 0 0 0-.061-.105l-2.02-1.483c-.036-.028-.073-.036-.115-.028a.157.157 0 0 0-.098.062l-.8 1.18 2.27 1.67zM102.555 78.106l-2.097-1.508.387-.994 3.462.564-.18.466-3.13-.54 2.6 1.904-.165.42a.552.552 0 0 1-.115.189.22.22 0 0 1-.194.056l-2.954-.44 2.652 1.772-.284.729-2.906-1.996.393-1.006zM105.032 73.67a.465.465 0 0 1-.078.157.415.415 0 0 1-.128.112.439.439 0 0 1-.156.059.423.423 0 0 1-.175-.012l-2.874-.797.813-3.168.306.086-.605 2.353.852.236.593-2.307.312.084-.592 2.309 1.375.383c.039.01.078.006.117-.014a.14.14 0 0 0 .069-.095l.565-2.205.308.084zM103.222 65.287a.43.43 0 0 1 .057-.168.434.434 0 0 1 .114-.123.49.49 0 0 1 .153-.074.397.397 0 0 1 .174-.01l2.508.39c.06.01.115.03.162.065.05.03.09.07.126.114a.555.555 0 0 1 .072.154c.016.056.02.116.01.18l-.402 2.798-3.376-.524zm2.985 1.017a.168.168 0 0 0-.03-.116.138.138 0 0 0-.101-.06l-2.445-.384a.155.155 0 0 0-.115.03.168.168 0 0 0-.06.102l-.202 1.428 2.747.428zM106.895 62.245l-.052.84-3.408-.222.051-.84zM107 60.24l-3.454-1.457-.03-1.165L106.892 56l.023.952-.836.381.055 2.01.854.36zm-1.206-1.037l-.044-1.714-1.928.88z" />
</g>
</g>
<g id="wave_word1" fill="#006098">
<path id="wave_word_left" d="M39.748 30.87c3.316-2.216 9.106-4.376 11.734-4.627.479-1.58 1.24-3.839 2.018-5.243-19.01 1.736-33.966 18.918-34 39.888-.016 9.043 2.747 17.39 7.41 24.112-12.617-35.765 5.877-49.467 12.838-54.13" />
<path id="wave_word_right" d="M100.5 61.651c.04-20.4-14.67-37.358-34-40.651.765 1.495 1.535 3.644 2.02 5.125 2.747.667 9.581 3.635 12.87 6.456C88.807 38.948 105.632 53.52 93.233 85c4.568-6.627 7.25-14.672 7.267-23.349" />
</g>
<g id="bg_wheel1">
<circle id="bg_circle" cx="60" cy="60" r="60" fill="#fff" fill-opacity="0" />
<g id="wcy_wheel1">
<path id="wheel_outer" d="M116.97 58.148c-.476-14.564-6.422-28.245-16.738-38.524C89.966 9.394 76.353 3.505 61.912 3.029a61.552 61.552 0 0 0-3.77 0c-15.209.5-29.322 6.886-39.737 17.993C7.997 32.139 2.535 46.632 3.031 61.848c.476 14.566 6.416 28.246 16.736 38.524 10.269 10.229 23.877 16.124 38.324 16.597 1.242.04 2.511.044 3.76-.004 15.221-.488 29.328-6.884 39.735-17.987 10.417-11.11 15.87-25.611 15.384-40.83m-1.514 2.825c-.03 1.234-.065 2.506-.19 3.763a55.224 55.224 0 0 1-.498 4.113l-.066.42-2.274-.363.055-.404.13-.879c.055-.369.11-.758.156-1.134l-.614-.067c-.165 1.278-.342 2.579-.62 3.87-.235 1.25-.56 2.584-1.008 4.158l.598.174c.158-.528.29-1.067.424-1.597l.19-.763 2.235.547-.097.406c-.271 1.222-.648 2.44-1.007 3.612l-.112.373-.434-.136.428.155-.257.732c-.36 1.037-.736 2.112-1.192 3.15l-.157.376-2.139-.874.171-.4c.262-.605.509-1.238.731-1.868l-.575-.205c-.42 1.174-.909 2.328-1.51 3.664l-.404-.184.404.189a59.396 59.396 0 0 1-1.923 3.801l.53.302c.187-.336.367-.677.546-1.01.13-.26.272-.518.41-.774l.197-.36 2.048 1.047-.192.382a55.048 55.048 0 0 1-2.078 3.694 50.01 50.01 0 0 1-2.295 3.454l-.24.336-1.89-1.345.269-.343c.334-.442.646-.915.939-1.377.068-.091.132-.184.19-.284l-.509-.33a50.773 50.773 0 0 1-2.492 3.456l-.493-.38.493.38a58.21 58.21 0 0 1-2.769 3.25l.447.41 1.626-1.815 1.75 1.505-.283.324c-.847.956-1.838 2.081-2.897 3.11v-.006c-.952.982-1.961 1.887-2.943 2.755l-.318.279-1.52-1.756.331-.276c.4-.329.788-.688 1.159-1.04.107-.104.216-.203.327-.308l-.418-.435a61.418 61.418 0 0 1-2.993 2.593 67.51 67.51 0 0 1-3.41 2.514l.337.502c.123-.083.239-.166.364-.249.425-.292.868-.59 1.28-.9l.34-.254 1.38 1.868-.848.6c-.948.662-1.926 1.356-2.946 1.963-1.005.657-2.074 1.24-3.103 1.81l-.846.462-1.076-2.042 2.137-1.183-.311-.522c-1.069.599-2.28 1.26-3.521 1.83-1.463.7-2.72 1.239-3.908 1.68l.214.578c.618-.236 1.25-.475 1.86-.753l.393-.178.9 2.127-.373.168c-1.25.566-2.563 1.023-3.828 1.473l-.146.047-.116-.339.108.34a49.34 49.34 0 0 1-3.975 1.167l-.402.104-.573-2.228.395-.112c.283-.08.57-.152.855-.231.367-.09.738-.182 1.108-.296l-.185-.598c-1.614.472-2.907.799-4.125 1.042-1.246.276-2.596.495-4.21.7l.072.615c.544-.065 1.08-.15 1.613-.238l.793-.123.371 2.272-.402.075c-1.218.22-2.462.352-3.67.48l-.542.056v-.008c-.296.026-.587.046-.88.067-1.038.07-2.111.146-3.175.134l-.412-.004-.037-2.311.441.008c.658.006 1.34-.029 2-.067l-.038-.607c-1.195.07-2.402.067-3.574.067l-.361-.004v.002a59.802 59.802 0 0 1-4.253-.27l-.064.607.438.038c.526.049 1.049.101 1.567.138l.427.026-.151 2.317-.437-.038c-.32-.03-.632-.059-.956-.082-1.028-.09-2.095-.176-3.148-.355v.01c-1.312-.172-2.614-.434-3.88-.686l-.62-.122.493-2.258 2.388.466.11-.599c-1.287-.247-2.597-.503-3.887-.856-1.565-.406-2.874-.795-4.077-1.224l-.196.58c.666.236 1.29.445 1.906.615l.412.118-.672 2.208-.398-.112c-1.195-.337-2.37-.773-3.509-1.197l-.505-.19.144-.395-.159.39c-1.156-.466-2.497-1.022-3.793-1.664l-.38-.185 1.002-2.065.373.167.672.314c.379.183.77.376 1.164.532l.243-.564a45.46 45.46 0 0 1-3.83-1.863 42.683 42.683 0 0 1-3.675-2.164l-.338.518c.57.381 1.154.722 1.716 1.053l.37.215-1.177 1.982-.367-.203c-1.082-.624-2.118-1.314-3.13-2l-.367-.248-.012.006-.595-.443c-.898-.649-1.828-1.328-2.693-2.067l-.315-.268 1.453-1.783.325.274c.483.39 1.02.832 1.579 1.242l.369-.497a46.043 46.043 0 0 1-3.07-2.51 53.328 53.328 0 0 1-3.07-2.916l-.445.432c.272.27.538.545.814.806.21.203.424.41.63.613l.293.3-1.597 1.653-.303-.29a53.94 53.94 0 0 1-2.88-2.976l.367-.335-.373.329c-.923-1.043-1.826-2.083-2.655-3.185l-.25-.33 1.838-1.416.25.35c.39.536.828 1.047 1.256 1.548l.002.006.466-.387c-.802-.951-1.554-1.953-2.43-3.136l.396-.28-.395.28a58.013 58.013 0 0 1-2.337-3.566l-.528.302 1.288 2.073-1.936 1.264-.427-.679c-.667-1.077-1.353-2.183-1.96-3.321h-.003c-.59-1.027-1.098-2.106-1.589-3.143l-.451-.96 2.122-.95.165.39c.208.469.452.946.676 1.408.068.134.132.269.196.396l.542-.274c-.564-1.104-1.102-2.323-1.754-3.877l.423-.178-.425.166a62.817 62.817 0 0 1-1.423-4.006l-.577.168c.05.143.092.282.131.428.161.499.318 1 .493 1.493l.14.394-2.192.775-.354-1.07c-.348-1.067-.707-2.17-.99-3.294l.003.008c-.336-1.176-.588-2.365-.833-3.529l-.194-.935 2.268-.428.507 2.382.595-.142c-.274-1.272-.544-2.562-.727-3.867-.243-1.618-.397-2.972-.473-4.228l-.617.038c.04.607.097 1.25.195 1.996l.047.426-2.296.248-.057-.408c-.132-1.035-.189-2.083-.245-3.092-.02-.352-.037-.696-.061-1.039l.428-.026-.433.002c0-.376.002-.75-.004-1.122-.016-.984-.027-2.008.036-3.023l.027-.404 2.315.085-.039.434a38.62 38.62 0 0 0-.045 2.012l.614-.008c-.01-1.29.069-2.594.153-3.852l.002-.104.38.022-.38-.026c.103-1.294.266-2.678.505-4.23l-.601-.109-.36 2.415-2.283-.278.15-1.091c.168-1.158.341-2.345.592-3.514.196-1.089.474-2.175.742-3.223.079-.27.146-.538.212-.81l.103-.418 2.235.627-.108.408c-.143.5-.267 1.01-.389 1.523-.039.142-.072.288-.105.428l.589.138c.309-1.26.684-2.611 1.156-4.098l.442.143-.442-.154c.546-1.59 1.014-2.842 1.5-3.989l-.566-.235c-.05.135-.115.278-.165.413-.202.476-.41.968-.583 1.45l-.144.403-2.173-.824.32-.803c.436-1.13.9-2.28 1.443-3.398.542-1.216 1.18-2.4 1.797-3.548l.278-.518 2.011 1.118-1.133 2.156.544.27c.624-1.177 1.245-2.335 1.943-3.457a46.524 46.524 0 0 1 2.344-3.515l-.497-.37c-.4.552-.79 1.088-1.145 1.65l-.23.365-1.92-1.292.224-.35c.65-1.011 1.382-1.982 2.097-2.924l.328-.431.316.24-.311-.248a54.62 54.62 0 0 1 2.678-3.163l.287-.302 1.697 1.545-.265.31a30.98 30.98 0 0 1-.585.653c-.258.28-.52.565-.763.863l.478.398c.815-.962 1.702-1.965 2.67-2.922.905-.945 1.923-1.9 3.11-2.922l-.401-.474c-.414.35-.818.727-1.214 1.091l-.59.55-1.57-1.682.298-.292c.896-.855 1.852-1.658 2.78-2.433l.426-.355.25.298-.238-.311.618-.468c.872-.674 1.776-1.36 2.716-1.983l.35-.227 1.304 1.903-.352.24c-.538.363-1.104.742-1.644 1.161l.375.492a43.133 43.133 0 0 1 3.515-2.392 45.454 45.454 0 0 1 3.71-2.102l-.282-.563c-.383.188-.762.404-1.13.61-.209.12-.427.239-.645.359l-.363.199-1.131-2 .363-.219c1.194-.681 2.427-1.29 3.69-1.909l.029-.016a.135.135 0 0 0 .049-.02l.57-.256c1.025-.458 2.088-.933 3.176-1.315l.385-.14.82 2.165-.408.145c-.64.222-1.268.485-1.856.742l.242.56c1.221-.533 2.48-.98 3.676-1.4 1.213-.417 2.523-.796 4.086-1.202l-.146-.594-2.353.624-.642-2.217 1.106-.292c1.081-.29 2.195-.586 3.314-.801 1.018-.24 2.06-.404 3.072-.559.34-.052.67-.104 1.015-.156l.419-.073.312 2.293-2.409.387.108.599a46.845 46.845 0 0 1 3.935-.522l.027.339-.027-.339c1.352-.12 2.796-.232 4.255-.236l-.012-.609a26.477 26.477 0 0 0-1.997.066l-.434.028-.114-2.306.405-.027c1.11-.087 2.23-.077 3.32-.075l.921.002v.416l.02-.416.4.016c1.222.048 2.485.1 3.734.241l.414.047-.228 2.29-.804-.075a31.303 31.303 0 0 0-1.62-.13l-.034.625c1.63.097 2.989.228 4.247.428 1.24.162 2.541.398 4.185.767l.144-.607c-.37-.089-.752-.162-1.115-.23a12.137 12.137 0 0 1-.866-.174l-.404-.077.418-2.264.414.071c1.228.22 2.502.51 4.144.94 1.384.381 2.639.74 3.867 1.193l.393.143-.762 2.185-.405-.152c-.595-.232-1.233-.416-1.842-.607l-.059-.014-.173.588c1.259.371 2.49.828 3.737 1.292a59.625 59.625 0 0 1 3.878 1.7l.273-.545-2.203-1.035L82 9.045l.387.182c.241.118.493.232.738.35.974.453 1.997.936 2.967 1.47 1.03.534 2.032 1.139 3.004 1.733l.95.57-1.242 1.96-.357-.22c-.442-.288-.903-.555-1.356-.825-.125-.072-.25-.149-.379-.223l-.3.53a57.396 57.396 0 0 1 3.356 2.124l-.254.362.254-.362c1.316.93 2.413 1.745 3.407 2.56l.383-.47c-.111-.09-.231-.186-.346-.284-.393-.323-.799-.665-1.22-.955l-.358-.248 1.403-1.856.332.255c1.076.818 2.213 1.713 3.286 2.68 1.09.942 2.16 1.996 3.012 2.843l.3.302-1.643 1.614-1.75-1.7-.414.445a57.387 57.387 0 0 1 2.971 3.057l-.294.262.294-.262a53.457 53.457 0 0 1 2.718 3.29l.481-.37a23.904 23.904 0 0 1-.198-.266 24.504 24.504 0 0 0-1.036-1.306l-.29-.327 1.798-1.477.27.323a49.864 49.864 0 0 1 2.505 3.296h.004a58.802 58.802 0 0 1 2.266 3.475l.216.36-1.975 1.187-.22-.35c-.164-.246-.311-.494-.466-.747a45.763 45.763 0 0 0-.603-.97l-.523.34c.655 1.025 1.384 2.19 2.017 3.37h.004a44.368 44.368 0 0 1 1.893 3.82l.57-.249c-.3-.68-.61-1.312-.865-1.813l-.192-.388 2.07-1.016.19.365c.506.982.946 2 1.362 2.99.117.265.233.522.348.789l-.375.162.383-.14c.096.26.192.519.292.784.385 1.01.775 2.055 1.088 3.118l.118.394-2.192.702-.132-.41a36.353 36.353 0 0 0-.634-1.908l-.575.213c.397 1.08.772 2.262 1.197 3.78.408 1.438.717 2.88.966 4.15l.609-.111c-.075-.377-.16-.755-.234-1.12-.066-.284-.127-.578-.189-.86l-.082-.4 2.25-.518.09.414c.357 1.625.619 2.952.786 4.177.222 1.328.342 2.686.463 3.993l.045.541-2.323.172-.016-.434a27.36 27.36 0 0 0-.157-1.55 37.958 37.958 0 0 0-.051-.443l-.593.075c.16 1.404.239 2.814.32 4.242l-.407.021.406-.006c.014 1.44.027 2.85-.047 4.256l.607.039c.01-.153.016-.304.018-.449.026-.512.056-1.044.052-1.56l-.006-.432 2.326.025z" fill="#006098" />
<path id="wheel_inner" d="M86.274 104.977l.364-.207 1.17 2-2.185 1.207.297.558.095-.055c1.027-.561 2.09-1.145 3.089-1.79l.22.341-.212-.35c1.006-.597 1.975-1.284 2.915-1.947l.138-.104-.361-.509c-.328.246-.658.464-.983.687-.237.164-.475.33-.716.495l-.354.243-1.293-1.935.358-.235a57.16 57.16 0 0 0 3.747-2.738l.006.002c1.066-.882 2.187-1.834 3.24-2.845l.306-.29 1.605 1.69-.328.292c-.211.19-.423.392-.633.586-.284.265-.575.54-.875.806l.403.468a43.745 43.745 0 0 0 2.616-2.455c.92-.902 1.809-1.882 2.582-2.76l-.477-.415-1.665 1.856-1.693-1.591.283-.308c1.216-1.316 2.178-2.436 3.029-3.524 1.066-1.381 1.952-2.615 2.699-3.772l.23-.364 1.944 1.27-.237.36c-.143.206-.283.428-.42.634-.236.35-.472.717-.73 1.075l.509.36a53.671 53.671 0 0 0 2.018-3.075l.388.234-.388-.234a54.374 54.374 0 0 0 1.865-3.296l-.56-.293c-.077.137-.146.27-.217.405-.243.466-.498.944-.77 1.414l-.207.372-2.009-1.143.198-.368a54.797 54.797 0 0 0 2.114-4.135l.004-.002c.658-1.481 1.192-2.731 1.63-4.016l.137-.415 2.179.786-.13.395c-.227.654-.472 1.301-.729 1.941l.573.24c.382-.894.698-1.83 1.015-2.738l.259-.736.106-.366c.318-1.03.645-2.1.904-3.172l-.607-.147c-.168.658-.34 1.345-.552 2.013l-.128.388-2.216-.656.125-.397c.51-1.736.86-3.17 1.108-4.502.302-1.425.49-2.872.674-4.273l.05-.415 2.295.26-.053.42c-.052.541-.133 1.076-.202 1.597-.029.157-.05.308-.07.455l.622.1c.2-1.31.344-2.484.425-3.56l-.006-.003c.135-1.25.168-2.533.198-3.775h-.619c-.004.394-.027.796-.041 1.185-.019.286-.028.572-.044.859l-.012.437-2.323-.13.018-.425c.099-1.524.093-3.067.073-4.633-.085-1.57-.172-3.105-.368-4.635l-.053-.42 2.31-.281.042.432c.026.289.067.577.098.863.043.384.089.786.126 1.184l.613-.05c-.115-1.206-.23-2.444-.43-3.645l.421-.072-.42.06a50.253 50.253 0 0 0-.691-3.722l-.615.139c.034.151.064.306.098.46.108.51.223 1.033.326 1.57l.07.413-2.273.415-.077-.41c-.272-1.356-.596-2.947-1.052-4.522l.527-.147-.527.147c-.463-1.692-.876-2.966-1.328-4.13l-.151-.405 2.167-.804.154.385c.263.668.49 1.328.686 1.965l.604-.188c-.293-.907-.629-1.807-.955-2.683-.105-.265-.2-.523-.294-.78-.115-.268-.23-.524-.34-.79-.366-.852-.748-1.742-1.165-2.577l-.568.278c.271.54.58 1.203.868 1.883l.154.386-2.116.927-.168-.393a45.688 45.688 0 0 0-2.033-4.138c-.7-1.32-1.52-2.615-2.235-3.726l-.231-.36 1.93-1.27.225.355c.307.447.591.907.872 1.363.079.128.156.257.239.39l.54-.318a49.166 49.166 0 0 0-1.96-3.006c-.691-.991-1.44-1.978-2.279-3.022l-.483.388c.279.339.544.689.793 1.036.158.192.307.394.467.6l.265.347-1.865 1.388-.257-.345c-.824-1.125-1.76-2.263-2.93-3.592l-.003.008c-.925-1.038-1.956-2.09-3.255-3.322l-.3-.294 1.582-1.696 1.786 1.737.452-.435c-.95-.946-1.78-1.753-2.677-2.525l.267-.313-.283.308c-.941-.857-1.953-1.653-2.914-2.405l-.372.497c.313.241.623.504.928.745.221.182.435.366.674.542l.344.269-1.49 1.807-.327-.276c-1.07-.903-2.25-1.791-3.702-2.81h.004a54.764 54.764 0 0 0-3.678-2.308l-.373-.22 1.157-2.017.374.228c.245.154.498.3.749.45.338.198.682.397 1.012.6l.338-.516-.22-.137c-.96-.578-1.953-1.185-2.962-1.7l.192-.384-.214.376c-.953-.537-1.962-1.017-2.94-1.474a4.494 4.494 0 0 1-.35-.162l-.255.58 2.256 1.061-1.035 2.08-.374-.188a60.15 60.15 0 0 0-4.214-1.865c-1.38-.514-2.73-1.009-4.116-1.4l-.409-.122.662-2.227.874.261c.49.154 1.002.308 1.504.478l.204-.587c-1.118-.385-2.268-.712-3.535-1.062a53.897 53.897 0 0 0-3.59-.83l-.112.625c.148.025.293.061.445.09.518.1 1.062.196 1.593.345l.396.109-.526 2.237-.414-.096c-1.825-.415-3.234-.68-4.555-.851l.045-.38-.055.38c-1.347-.213-2.812-.351-4.616-.446l-.423-.027.122-2.296.405.01c.7.016 1.4.078 2.079.148l.065-.635a60.645 60.645 0 0 0-3.295-.195l-.381-.02c-.313.002-.623 0-.94-.002-.94 0-1.904-.008-2.849.041l.023.627c.72-.035 1.416-.04 2.077-.039h.421l.018 2.323-.433-.002c-1.572-.016-3.16.104-4.635.227-1.29.12-2.697.317-4.307.59l-.415.077-.409-2.293 2.465-.384-.081-.627c-.206.033-.411.06-.604.09-.994.15-2.035.312-3.019.553l-.1-.423.082.427c-1.105.21-2.22.506-3.294.794l-.283.072.179.603 2.408-.637.546 2.255-.407.105c-1.718.44-3.129.84-4.427 1.285-1.316.46-2.718.962-4.052 1.563l-.392.177-.917-2.128.376-.17c.605-.269 1.25-.547 1.918-.794l-.23-.588c-.915.347-1.84.761-2.73 1.158l-.643.282c-1.123.552-2.232 1.095-3.29 1.69l.31.553c.09-.05.185-.106.279-.155.504-.284 1.02-.572 1.56-.826l.37-.169 1.04 2.055-.376.192a48.506 48.506 0 0 0-4.04 2.276l-.23-.366.218.372a42.413 42.413 0 0 0-3.813 2.615l-.344.261-1.388-1.842.324-.26a28.76 28.76 0 0 1 1.679-1.22l-.355-.522c-.805.55-1.587 1.15-2.34 1.727l-.618.471-.417.353a50.152 50.152 0 0 0-2.45 2.124l.427.456c.502-.46 1.013-.936 1.558-1.375l.324-.259 1.493 1.755-.321.282a45.207 45.207 0 0 0-3.392 3.152l-.33-.308.322.323c-1.062 1.042-2.027 2.161-2.917 3.213l-.274.325-1.764-1.47.253-.33c.334-.436.706-.847 1.068-1.236.096-.11.192-.224.295-.333l-.473-.424a56.27 56.27 0 0 0-2.357 2.811l-.34.437c-.618.823-1.267 1.669-1.842 2.545l.518.35c.384-.567.789-1.12 1.203-1.683l.253-.339 1.863 1.38-.251.342a46.418 46.418 0 0 0-2.593 3.843c-.755 1.217-1.422 2.484-2.106 3.773l-.188.368-2.077-1.034 1.17-2.204-.543-.308c-.566 1.052-1.135 2.122-1.625 3.203-.554 1.124-1.026 2.317-1.475 3.468l-.006.014.58.219c.146-.374.296-.742.45-1.099.116-.27.22-.537.33-.804l.16-.405 2.14.923-.167.388c-.54 1.236-1.048 2.582-1.645 4.34a52.231 52.231 0 0 0-1.24 4.466l-.104.411-2.257-.52.103-.418c.067-.282.139-.562.21-.845.095-.386.188-.768.288-1.15l-.6-.172c-.035.132-.064.265-.11.397-.261 1.04-.537 2.12-.728 3.176l-.433-.072.427.092c-.253 1.15-.413 2.338-.587 3.497l-.031.231.62.076.362-2.461 2.294.383-.067.413a54.158 54.158 0 0 0-.562 4.613l-.006.101c-.087 1.39-.178 2.828-.143 4.241l.008.425-2.321.012.004-.413a26.41 26.41 0 0 1 .01-2.072l-.622-.031c-.038.858-.03 1.72-.019 2.56.002.373.014.743.012 1.116.024.351.04.697.065 1.052.038.87.087 1.759.186 2.633l.625-.063a27.3 27.3 0 0 1-.16-2.077l-.016-.41 2.31-.145.015.437c.071 1.357.23 2.817.497 4.609.195 1.417.508 2.846.798 4.223l.095.412-.4.115-1.85.429-.522-2.436-.614.119.02.1c.247 1.148.488 2.334.823 3.485.272 1.103.633 2.212.99 3.285l.084.249.588-.21c-.125-.374-.25-.75-.364-1.128-.083-.286-.178-.553-.27-.831l-.134-.421 2.224-.66.129.405c.4 1.34.902 2.77 1.523 4.367.717 1.729 1.313 3.032 1.925 4.235l.196.376-2.073 1.06-.19-.397c-.123-.261-.253-.524-.378-.78a36.27 36.27 0 0 1-.522-1.067l-.566.257.083.183c.49 1.028 1 2.1 1.568 3.098l-.4.23.413-.22c.586 1.118 1.26 2.207 1.924 3.263l.522-.342-1.309-2.127 2.002-1.172.217.356a60.653 60.653 0 0 0 2.53 3.898c.962 1.307 1.785 2.388 2.678 3.419l.277.327-1.764 1.503-.566-.662c-.336-.412-.69-.83-1.027-1.256l-.49.376c.739.966 1.54 1.881 2.374 2.821.83.936 1.692 1.823 2.55 2.662l.436-.457c-.106-.111-.218-.22-.322-.327a24.487 24.487 0 0 1-1.143-1.157l-.274-.306 1.665-1.587.299.308a52.476 52.476 0 0 0 3.324 3.19h.004a44.2 44.2 0 0 0 3.373 2.735l.342.247-1.376 1.853-.338-.235c-.579-.409-1.135-.85-1.641-1.271l-.403.49c.761.617 1.57 1.212 2.35 1.788l.532.384.42.282a61.87 61.87 0 0 0 2.732 1.771l.326-.543a36.024 36.024 0 0 1-1.758-1.11l-.342-.24 1.268-1.933.352.233c1.384.924 2.685 1.7 3.99 2.376l-.2.374.206-.376c1.222.676 2.551 1.31 4.178 2.01l.39.173-.902 2.115-.38-.146a24.78 24.78 0 0 1-1.62-.72c-.09-.045-.19-.098-.28-.14l-.276.58a71.86 71.86 0 0 0 3.375 1.456l.51.188c1.002.366 2.033.754 3.073 1.073l.18-.6a38.782 38.782 0 0 1-1.967-.672l-.384-.145.778-2.181.405.145c1.28.48 2.69.914 4.423 1.365l-.064.251.064-.25c1.374.371 2.792.643 4.174.904l.486.094-.382 2.286-2.45-.478-.137.614c1.191.235 2.417.48 3.625.63l-.046.403.065-.4c1.029.167 2.085.259 3.12.344.168.012.359.031.534.05l.035-.622c-.4-.035-.792-.071-1.178-.114a45.73 45.73 0 0 1-.865-.082l-.435-.039.257-2.309.42.047c1.391.16 2.889.27 4.592.315h.388c1.303.002 2.652.004 3.963-.1l.427-.028.139 2.32-.566.033c-.627.043-1.274.078-1.92.084l.008.629c.904-.01 1.817-.078 2.705-.135.332-.024.658-.04.983-.067l.436-.043c1.054-.117 2.143-.232 3.209-.407l-.101-.625c-.668.107-1.372.222-2.062.284l-.416.03-.263-2.283.423-.057c1.792-.212 3.245-.437 4.572-.74l.102.438-.09-.441c1.306-.252 2.698-.606 4.495-1.15l.395-.116.679 2.203-.386.124c-.52.19-1.056.327-1.568.454-.147.035-.29.08-.442.112l.156.622a55.383 55.383 0 0 0 3.53-1.06l.138-.049c1.131-.392 2.298-.806 3.415-1.279l-.251-.576c-.6.251-1.216.482-1.811.703l-.512.19-.803-2.177.396-.143c1.29-.465 2.645-1.04 4.269-1.805l.36.76-.355-.76c1.364-.64 2.705-1.382 3.855-2.03m-24.613 5.59c-1.121.04-2.247.04-3.357.005-26.532-.87-47.996-22.36-48.865-48.937C9 48.135 13.85 35.261 23.086 25.401 32.331 15.534 44.855 9.865 58.36 9.424a53.74 53.74 0 0 1 3.354-.002c26.538.866 48.004 22.363 48.863 48.93.437 13.512-4.408 26.38-13.64 36.244-9.247 9.866-21.777 15.533-35.276 15.972" fill="#006098" />
</g>
</g>
<g id="bell1">
<path id="yoke" d="M60.194 30c.114-.175.264-.34.452-.468L65 26.688c-.86-2.424-2.133-5.36-2.657-5.89-1.194-1.08-3.436-1.063-4.806.048-.515.494-1.721 3.26-2.537 5.559l4.734 3.126c.193.13.346.294.46.469" fill="#0a67a1" />
<g id="bell_body">
<path id="bell_bottom" d="M29.07 88.869s14.505-15.943 25.046-15.696C70.606 73.565 89 87.927 89 87.927s-24.333-5.782-36.019-5.408c-9.105.293-23.91 6.35-23.91 6.35" fill="#00487a" />
<path id="bell_text_inner" fill="#0a67a1" d="M62.269 60.383l3.936.008-.003 1.599-3.937-.008zM58.84 54.749l4.374.006-.004 3.308-4.375-.005zM65.33 54.77l4.503.006-.005 3.313-4.502-.006zM58.83 49.285l4.377.008-.006 3.314-4.377-.007z M65.34 49.293l4.502.011-.009 3.32-4.502-.013z" />
<path id="bell_rest" d="M67.76 29.197l-2.633 1.97c2.521.846 5.977 2.433 8.346 5.246 3.865 4.594 8.632 17.827 8.839 18.385l-2.818 1.795c-.048-.132-4.814-13.998-8.326-18.169-3.317-3.943-9.696-5.053-9.762-5.066a1.48 1.48 0 0 1-1.074-.756 1.479 1.479 0 0 1-1.092.758c-.071.014-7.045 1.1-10.373 5.023-3.545 4.18-9.611 17.85-9.666 17.984l-2.62-1.702c.23-.553 6.131-13.748 9.994-18.306 2.424-2.861 6.19-4.445 8.897-5.261l-2.953-2.229c-3.6.415-8.433 1.523-9.806 3.417C36.343 41.024 30.784 76.449 29 88.869c14.891-13.345 22.413-15.32 26.542-14.852 7.986.895 22.46 7.672 33.457 13.91C87.3 73.767 83.03 42.611 77.455 34.02c-1.282-1.973-6.024-3.807-9.695-4.822M52.954 70.515l-2.125-.144 1.18-17.985-2.367-.004-1.88 17.788-2.115-.234 1.983-18.752 1.056-.964 3.468.006.355-5.562-4.56-.008.003-2.164 5.7.012 1.057 1.15zm20.5-.043l-9.224-.018-9.044-.018.006-2.16 7.974.019.002-1.066-5.45-.012-1.055-1.086.01-4.454 2.121.004-.007 3.374 4.388.01v-.925l-1.967-.004-1.058-1.087.008-2.829-2.402-.004-1.054-1.082.02-10.941 1.059-1.082 5.44.01.005-1.387-5.782-.012.006-2.154 5.78.01.002-1.964 2.128.002-.004 1.965 5.86.01-.003 2.157-5.861-.011-.002 1.389 5.567.008 1.058 1.092-.021 10.937-1.06 1.078-2.554-.004-.006 2.827-1.062 1.081-1.97-.002-.002.925 4.497.006.01-3.69 2.12.001-.013 4.777-1.058 1.078-5.559-.008-.004 1.066 8.168.018z" fill="#006098" />
</g>
</g>
</g>
</g>
<g id="baloon1">
<g>
<rect x="583.747" y="318.954" fill="#FCAD00" width="17.447" height="9.452" />
<path fill="#FDCB1A" d="M632.496,262.853c0-22.982-17.922-39.532-40.029-39.532c-22.116,0-40.021,16.55-40.021,39.532
c0,9.901,3.636,18.788,8.912,26.151c5.939,8.287,22.39,31.548,22.39,31.548h17.431c0,0,16.492-23.285,22.433-31.581
C628.877,281.615,632.496,272.738,632.496,262.853z" />
<path fill="#FFFFFF" d="M622.645,262.853c0-22.982-13.512-39.532-30.178-39.532c-16.674,0-30.17,16.55-30.17,39.532
c0,9.901,2.779,18.862,6.715,26.151c4.518,8.362,16.883,31.548,16.883,31.548h13.138c0,0,12.388-23.201,16.915-31.581
C619.883,281.69,622.645,272.738,622.645,262.853z" />
<path fill="#FDCB1A" d="M607.71,262.853c0-22.982-6.823-39.532-15.243-39.532s-15.235,16.55-15.235,39.532
c0,9.901,1.423,18.938,3.395,26.151c2.313,8.445,8.53,31.548,8.53,31.548h6.631c0,0,6.24-23.127,8.545-31.581
C606.295,281.765,607.71,272.738,607.71,262.853z" />
</g>
<g>
<g>
<path fill="#754C24" d="M620.569,289.154c-7.497,2.984-17.474,4.627-28.098,4.627s-20.603-1.643-28.097-4.627
c-1.296-0.517-3.19-1.418-4.277-1.986c0,0.127,1.088,1.595,1.389,2.016c0.852,0.414,1.488,0.685,2.449,1.067
c7.631,3.039,17.767,4.711,28.536,4.711c10.771,0,20.903-1.673,28.536-4.711c0.959-0.382,1.6-0.654,2.451-1.069
c0.525-0.742,1.388-2.014,1.388-2.014C623.76,287.737,621.865,288.638,620.569,289.154z" />
</g>
<g>
<g>
<line fill="none" stroke="#754C24" stroke-width="1.1813" stroke-linecap="square" stroke-miterlimit="10" x1="621.312" y1="290.094" x2="599.586" y2="338.16" />
<line fill="none" stroke="#754C24" stroke-width="1.1813" stroke-miterlimit="10" x1="604.193" y1="293.901" x2="596.396" y2="337.609" />
</g>
<g>
<line fill="none" stroke="#754C24" stroke-width="1.1813" stroke-linecap="square" stroke-miterlimit="10" x1="563.633" y1="290.094" x2="585.359" y2="338.16" />
<line fill="none" stroke="#754C24" stroke-width="1.1813" stroke-miterlimit="10" x1="580.753" y1="293.901" x2="588.549" y2="337.609" />
</g>
</g>
<g>
<path fill="#754C24" d="M601.441,352.952c0,1.137-0.922,2.058-2.059,2.058h-13.689c-1.137,0-2.059-0.921-2.059-2.058v-13.688
c0-1.137,0.922-2.059,2.059-2.059h13.689c1.137,0,2.059,0.922,2.059,2.059V352.952z" />
<path fill="#603813" d="M602.116,339.852c0,0.476-0.384,0.86-0.858,0.86h-17.571c-0.475,0-0.861-0.385-0.861-0.86v-1.788
c0-0.474,0.387-0.859,0.861-0.859h17.571c0.475,0,0.858,0.385,0.858,0.859V339.852z" />
</g>
</g>
</g>
<g id="cloud2">
<path fill="#FFFFFF" d="M614.679,418.368c0,4.762,3.698,8.625,8.265,8.625h94.197c4.564,0,8.264-3.863,8.264-8.625
c0-4.775-3.699-8.632-8.264-8.632h-1.232c0.23-1.033,0.365-2.093,0.365-3.178c0-9.613-9.434-17.403-21.069-17.403
c-2.923,0-5.702,0.488-8.228,1.374c-3.7-7.542-12.641-12.873-23.104-12.873c-13.767,0-24.929,9.223-24.929,20.593
c0,0.686,0.046,1.359,0.127,2.023c-1.624-1.119-3.69-1.826-5.97-1.826c-5.158,0-9.342,3.457-9.342,7.723
c0,1.291,0.421,2.492,1.106,3.566h-1.922C618.377,409.736,614.679,413.593,614.679,418.368z" />
<g>
<path fill="#E6E6E6" d="M663.872,377.657c-13.767,0-24.929,9.223-24.929,20.593c0,0.686,0.046,1.359,0.127,2.023
c-1.624-1.119-3.69-1.826-5.97-1.826c-5.158,0-9.342,3.457-9.342,7.723c0,1.291,0.421,2.492,1.106,3.566h-1.922
c-4.566,0-8.265,3.856-8.265,8.632c0,4.762,3.698,8.625,8.265,8.625h47.1v-48.688
C668.067,377.889,666.004,377.657,663.872,377.657z" />
</g>
</g>
<g id="cloud2">
<path fill="#FFFFFF" d="M635.684,192.956c0,2.576,2,4.666,4.471,4.666h50.953c2.469,0,4.47-2.09,4.47-4.666
c0-2.583-2.001-4.669-4.47-4.669h-0.667c0.125-0.559,0.197-1.132,0.197-1.719c0-5.2-5.103-9.413-11.396-9.413
c-1.581,0-3.084,0.264-4.45,0.743c-2.002-4.08-6.838-6.963-12.498-6.963c-7.446,0-13.484,4.989-13.484,11.139
c0,0.371,0.025,0.735,0.069,1.095c-0.879-0.605-1.997-0.988-3.229-0.988c-2.79,0-5.054,1.87-5.054,4.177
c0,0.698,0.229,1.349,0.599,1.929h-1.039C637.684,188.287,635.684,190.373,635.684,192.956z" />
<g>
<path fill="#E6E6E6" d="M662.293,170.934c-7.446,0-13.484,4.989-13.484,11.139c0,0.371,0.025,0.735,0.069,1.095
c-0.879-0.605-1.997-0.988-3.229-0.988c-2.79,0-5.054,1.87-5.054,4.177c0,0.698,0.229,1.349,0.599,1.929h-1.039
c-2.471,0-4.471,2.086-4.471,4.669c0,2.576,2,4.666,4.471,4.666h25.477v-26.336C664.563,171.06,663.446,170.934,662.293,170.934z
" />
</g>
</g>
<g id="cloud2">
<path fill="#FFFFFF" d="M191.61,368.112c0,3.073,2.387,5.566,5.333,5.566h60.791c2.946,0,5.333-2.493,5.333-5.566
c0-3.082-2.387-5.571-5.333-5.571h-0.795c0.149-0.667,0.236-1.351,0.236-2.051c0-6.204-6.088-11.231-13.597-11.231
c-1.886,0-3.68,0.315-5.31,0.887c-2.388-4.868-8.158-8.308-14.911-8.308c-8.884,0-16.088,5.952-16.088,13.29
c0,0.442,0.03,0.877,0.082,1.306c-1.048-0.722-2.382-1.178-3.853-1.178c-3.329,0-6.029,2.23-6.029,4.983
c0,0.833,0.271,1.609,0.714,2.302h-1.24C193.997,362.541,191.61,365.03,191.61,368.112z" />
<g>
<path fill="#E6E6E6" d="M223.357,341.838c-8.884,0-16.088,5.952-16.088,13.29c0,0.442,0.03,0.877,0.082,1.306
c-1.048-0.722-2.382-1.178-3.853-1.178c-3.329,0-6.029,2.23-6.029,4.983c0,0.833,0.271,1.609,0.714,2.302h-1.24
c-2.947,0-5.333,2.489-5.333,5.571c0,3.073,2.387,5.566,5.333,5.566h30.396v-31.421
C226.064,341.988,224.733,341.838,223.357,341.838z" />
</g>
</g>
<g id="cloud1">
<path fill="#FFFFFF" d="M117.376,248.357c0,5.934,4.609,10.749,10.3,10.749h117.391c5.688,0,10.298-4.814,10.298-10.749
c0-5.951-4.61-10.758-10.298-10.758h-1.536c0.288-1.288,0.456-2.607,0.456-3.96c0-11.979-11.757-21.687-26.257-21.687
c-3.643,0-7.106,0.608-10.253,1.712c-4.611-9.4-15.753-16.042-28.793-16.042c-17.156,0-31.067,11.494-31.067,25.664
c0,0.854,0.057,1.694,0.158,2.521c-2.024-1.394-4.599-2.275-7.439-2.275c-6.428,0-11.642,4.308-11.642,9.625
c0,1.608,0.524,3.106,1.379,4.444h-2.395C121.985,237.599,117.376,242.406,117.376,248.357z" />
<g>
<path fill="#E6E6E6" d="M178.683,197.621c-17.156,0-31.067,11.494-31.067,25.664c0,0.854,0.057,1.694,0.158,2.521
c-2.024-1.394-4.599-2.275-7.439-2.275c-6.428,0-11.642,4.308-11.642,9.625c0,1.608,0.524,3.106,1.379,4.444h-2.395
c-5.691,0-10.3,4.807-10.3,10.758c0,5.934,4.609,10.749,10.3,10.749h58.697v-60.677
C183.911,197.91,181.339,197.621,178.683,197.621z" />
</g>
</g>
<g id="cloud1">
<path fill="#FFFFFF" d="M336.187,201.333c0,7.586,5.891,13.741,13.166,13.741h150.07c7.272,0,13.165-6.155,13.165-13.741
c0-7.608-5.893-13.752-13.165-13.752h-1.964c0.367-1.646,0.582-3.333,0.582-5.063c0-15.314-15.028-27.724-33.566-27.724
c-4.656,0-9.084,0.777-13.106,2.188c-5.896-12.017-20.14-20.508-36.81-20.508c-21.933,0-39.716,14.693-39.716,32.808
c0,1.092,0.073,2.166,0.202,3.224c-2.587-1.782-5.879-2.909-9.511-2.909c-8.217,0-14.882,5.508-14.882,12.304
c0,2.056,0.67,3.971,1.763,5.681h-3.063C342.078,187.581,336.187,193.726,336.187,201.333z" />
<g>
<path fill="#E6E6E6" d="M414.559,136.474c-21.933,0-39.716,14.693-39.716,32.808c0,1.092,0.073,2.166,0.202,3.224
c-2.587-1.782-5.879-2.909-9.511-2.909c-8.217,0-14.882,5.508-14.882,12.304c0,2.056,0.67,3.971,1.763,5.681h-3.063
c-7.274,0-13.166,6.145-13.166,13.752c0,7.586,5.891,13.741,13.166,13.741h75.037v-77.568
C421.242,136.844,417.955,136.474,414.559,136.474z" />
</g>
</g>
<g>
<path fill="#FFD84F" d="M285.586,123.303c0,12.299-9.977,22.277-22.279,22.277c-12.306,0-22.282-9.978-22.282-22.277
c0-12.305,9.977-22.282,22.282-22.282C275.609,101.021,285.586,110.998,285.586,123.303z" />
<g>
<path fill="#FDCB1A" d="M263.307,101.021v44.559c12.302,0,22.279-9.978,22.279-22.277
C285.586,110.998,275.609,101.021,263.307,101.021z" />
</g>
<g id="sun">
<circle fill="#FFD84F" cx="263.306" cy="89.579" r="3.687" />
<circle fill="#FFD84F" cx="246.445" cy="94.097" r="3.687" />
<circle fill="#FFD84F" cx="234.101" cy="106.44" r="3.686" />
<circle fill="#FFD84F" cx="229.584" cy="123.301" r="3.687" />
<circle fill="#FFD84F" cx="234.102" cy="140.161" r="3.686" />
<circle fill="#FFD84F" cx="246.445" cy="152.504" r="3.686" />
<circle fill="#FFD84F" cx="263.306" cy="157.022" r="3.687" />
<circle fill="#FFD84F" cx="280.167" cy="152.504" r="3.687" />
<circle fill="#FFD84F" cx="292.51" cy="140.161" r="3.687" />
<circle fill="#FFD84F" cx="297.027" cy="123.3" r="3.687" />
<circle fill="#FFD84F" cx="292.51" cy="106.439" r="3.687" />
<circle fill="#FFD84F" cx="280.167" cy="94.096" r="3.687" />
</g>
</g>
<g>
<polygon fill="#8FEDD1" points="665.631,602.646 697.508,602.646 697.508,564.215 681.57,540.886 665.631,564.215 " />
<polygon fill="#FFFFFF" points="621.592,602.646 653.469,602.646 653.469,564.215 637.529,540.886 621.592,564.215 " />
<rect x="621.592" y="564.215" fill="#7ED1B8" width="44.039" height="38.431" />
<polygon fill="#736357" points="637.529,540.886 681.57,540.886 665.631,564.215 621.592,564.215 " />
<polygon fill="#534741" points="662.99,564.215 665.631,564.215 681.57,540.886 678.928,540.886 " />
<rect x="623.871" y="561.633" fill="#534741" width="41.545" height="2.582" />
<polygon fill="#534741" points="621.592,564.215 624.232,564.215 640.172,540.886 637.529,540.886 " />
<g>
<path fill="#68847D" d="M634.846,592.479h-8.648v-15.785c0-2.394,1.936-4.327,4.322-4.327l0,0c2.393,0,4.326,1.934,4.326,4.327
V592.479z" />
<path fill="#68847D" d="M661.025,592.479h-8.648v-15.785c0-2.394,1.936-4.327,4.32-4.327l0,0c2.395,0,4.328,1.934,4.328,4.327
V592.479z" />
<path fill="#68847D" d="M647.938,592.479h-8.648v-15.785c0-2.394,1.934-4.327,4.32-4.327l0,0c2.393,0,4.328,1.934,4.328,4.327
V592.479z" />
</g>
</g>
<g>
<rect x="428.75" y="340.107" fill="#465955" width="86.652" height="262.538" />
</g>
<g>
<rect x="319.071" y="314.166" fill="#465955" width="94.79" height="288.48" />
</g>
<g>
<rect x="235.194" y="493.05" fill="#FDC17F" width="73.518" height="109.596" />
<rect x="239.435" y="459.344" fill="#754F38" width="65.044" height="29.475" />
<polygon fill="#593C2B" points="235.203,488.818 235.203,455.954 239.435,455.954 239.435,488.818 304.479,488.818
304.479,455.954 308.711,455.954 308.711,488.818 308.703,488.818 308.703,493.05 235.187,493.05 235.187,488.818 " />
<rect x="254.227" y="450.682" fill="#FDC17F" width="7.972" height="21.701" />
<g>
<path fill="#68847D" d="M290.362,525.246h9.584V507c0-2.651-2.146-4.794-4.789-4.794l0,0c-2.651,0-4.795,2.143-4.795,4.794
V525.246z" />
<path fill="#68847D" d="M274.896,525.246h9.583V507c0-2.651-2.145-4.794-4.789-4.794l0,0c-2.652,0-4.795,2.143-4.795,4.794
V525.246z" />
<path fill="#68847D" d="M259.428,525.246h9.583V507c0-2.651-2.144-4.794-4.786-4.794l0,0c-2.654,0-4.797,2.143-4.797,4.794
V525.246z" />
<path fill="#68847D" d="M243.959,525.246h9.585V507c0-2.651-2.145-4.794-4.789-4.794l0,0c-2.652,0-4.796,2.143-4.796,4.794
V525.246z" />
</g>
<g>
<path fill="#68847D" d="M290.362,558.802h9.584v-18.246c0-2.652-2.146-4.797-4.789-4.797l0,0c-2.651,0-4.795,2.145-4.795,4.797
V558.802z" />
<path fill="#68847D" d="M274.896,558.802h9.583v-18.246c0-2.652-2.145-4.797-4.789-4.797l0,0c-2.652,0-4.795,2.145-4.795,4.797
V558.802z" />
<path fill="#68847D" d="M259.428,558.802h9.583v-18.246c0-2.652-2.144-4.797-4.786-4.797l0,0c-2.654,0-4.797,2.145-4.797,4.797
V558.802z" />
<path fill="#68847D" d="M243.959,558.802h9.585v-18.246c0-2.652-2.145-4.797-4.789-4.797l0,0c-2.652,0-4.796,2.145-4.796,4.797
V558.802z" />
</g>
<g>
<path fill="#68847D" d="M290.362,592.363h9.584v-18.246c0-2.651-2.146-4.796-4.789-4.796l0,0c-2.651,0-4.795,2.145-4.795,4.796
V592.363z" />
<path fill="#68847D" d="M274.896,592.363h9.583v-18.246c0-2.651-2.145-4.796-4.789-4.796l0,0c-2.652,0-4.795,2.145-4.795,4.796
V592.363z" />
<path fill="#68847D" d="M259.428,592.363h9.583v-18.246c0-2.651-2.144-4.796-4.786-4.796l0,0c-2.654,0-4.797,2.145-4.797,4.796
V592.363z" />
<path fill="#68847D" d="M243.959,592.363h9.585v-18.246c0-2.651-2.145-4.796-4.789-4.796l0,0c-2.652,0-4.796,2.145-4.796,4.796
V592.363z" />
</g>
</g>
<g>
<rect x="570.186" y="526.373" fill="#FFFFFF" width="73.518" height="76.272" />
<rect x="570.186" y="564.326" fill="#FDC17F" width="73.518" height="38.319" />
<rect x="574.426" y="492.668" fill="#754F38" width="65.045" height="29.474" />
<polygon fill="#593C2B" points="570.195,522.142 570.195,489.278 574.426,489.278 574.426,522.142 639.471,522.142
639.471,489.278 643.703,489.278 643.703,522.142 643.695,522.142 643.695,526.373 570.178,526.373 570.178,522.142 " />
<rect x="615.795" y="484.006" fill="#FFFFFF" width="7.973" height="21.701" />
<g>
<path fill="#68847D" d="M625.354,558.57h9.584v-18.246c0-2.652-2.146-4.795-4.789-4.795l0,0c-2.652,0-4.795,2.143-4.795,4.795
V558.57z" />
<path fill="#68847D" d="M609.887,558.57h9.584v-18.246c0-2.652-2.145-4.795-4.789-4.795l0,0c-2.652,0-4.795,2.143-4.795,4.795
V558.57z" />
<path fill="#68847D" d="M594.418,558.57h9.584v-18.246c0-2.652-2.143-4.795-4.785-4.795l0,0c-2.654,0-4.799,2.143-4.799,4.795
V558.57z" />
<path fill="#68847D" d="M578.951,558.57h9.586v-18.246c0-2.652-2.145-4.795-4.789-4.795l0,0c-2.652,0-4.797,2.143-4.797,4.795
V558.57z" />
</g>
<g>
<path fill="#68847D" d="M625.354,592.126h9.584V573.88c0-2.653-2.146-4.798-4.789-4.798l0,0c-2.652,0-4.795,2.145-4.795,4.798
V592.126z" />
<path fill="#68847D" d="M609.887,592.126h9.584V573.88c0-2.653-2.145-4.798-4.789-4.798l0,0c-2.652,0-4.795,2.145-4.795,4.798
V592.126z" />
<path fill="#68847D" d="M594.418,592.126h9.584V573.88c0-2.653-2.143-4.798-4.785-4.798l0,0c-2.654,0-4.799,2.145-4.799,4.798
V592.126z" />
<path fill="#68847D" d="M578.951,592.126h9.586V573.88c0-2.653-2.145-4.798-4.789-4.798l0,0c-2.652,0-4.797,2.145-4.797,4.798
V592.126z" />
</g>
</g>
<g>
<rect x="110.792" y="549.771" fill="#FED991" width="73.518" height="52.874" />
<rect x="115.033" y="516.066" fill="#754F38" width="65.045" height="29.474" />
<polygon fill="#593C2B" points="110.801,545.54 110.801,512.676 115.033,512.676 115.033,545.54 180.078,545.54 180.078,512.676
184.311,512.676 184.311,545.54 184.302,545.54 184.302,549.771 110.786,549.771 110.786,545.54 " />
<rect x="129.826" y="507.403" fill="#FED991" width="7.972" height="21.701" />
<g>
<path fill="#68847D" d="M165.96,582.498h9.584v-18.246c0-2.653-2.146-4.798-4.789-4.798l0,0c-2.651,0-4.795,2.145-4.795,4.798
V582.498z" />
<path fill="#68847D" d="M150.494,582.498h9.583v-18.246c0-2.653-2.144-4.798-4.789-4.798l0,0c-2.652,0-4.795,2.145-4.795,4.798
V582.498z" />
<path fill="#68847D" d="M135.026,582.498h9.583v-18.246c0-2.653-2.144-4.798-4.787-4.798l0,0c-2.653,0-4.796,2.145-4.796,4.798
V582.498z" />
<path fill="#68847D" d="M119.558,582.498h9.586v-18.246c0-2.653-2.145-4.798-4.789-4.798l0,0c-2.652,0-4.797,2.145-4.797,4.798
V582.498z" />
</g>
<rect x="110.786" y="590.251" fill="#E6C483" width="73.525" height="12.395" />
</g>
<g>
<polygon fill="#F88A6B" points="363.887,493.05 363.887,460.054 290.369,460.054 290.369,569.65 290.37,569.65 290.37,602.646
363.888,602.646 363.888,493.05 " />
<path fill="#68847D" d="M308.719,558.802h-9.584v-18.246c0-2.652,2.146-4.797,4.789-4.797l0,0c2.651,0,4.795,2.145,4.795,4.797
V558.802z" />
<path fill="#68847D" d="M324.186,558.802h-9.583v-18.246c0-2.652,2.145-4.797,4.789-4.797l0,0c2.652,0,4.794,2.145,4.794,4.797
V558.802z" />
<path fill="#68847D" d="M339.653,558.802h-9.583v-18.246c0-2.652,2.144-4.797,4.787-4.797l0,0c2.654,0,4.796,2.145,4.796,4.797
V558.802z" />
<path fill="#68847D" d="M355.122,558.802h-9.586v-18.246c0-2.652,2.145-4.797,4.789-4.797l0,0c2.652,0,4.797,2.145,4.797,4.797
V558.802z" />
<rect x="299.135" y="569.321" fill="#68847D" width="9.584" height="18.246" />
<rect x="314.602" y="569.321" fill="#68847D" width="9.583" height="18.246" />
<rect x="330.07" y="569.321" fill="#68847D" width="9.583" height="18.246" />
<rect x="345.536" y="569.321" fill="#68847D" width="9.586" height="18.246" />
<rect x="288.25" y="592.141" fill="#534741" width="77.749" height="10.505" />
<rect x="294.609" y="426.349" fill="#534741" width="65.045" height="29.474" />
<polygon fill="#736357" points="290.377,455.822 290.377,422.958 294.609,422.958 294.609,455.822 359.654,455.822
359.654,422.958 363.887,422.958 363.887,455.822 363.877,455.822 363.877,460.054 290.362,460.054 290.362,455.822 " />
<rect x="339.148" y="417.687" fill="#F88A6B" width="3.986" height="21.7" />
<rect x="346.343" y="417.687" fill="#F88A6B" width="3.986" height="21.7" />
<path fill="#68847D" d="M345.536,492.251h9.585v-18.246c0-2.652-2.146-4.795-4.789-4.795l0,0c-2.651,0-4.796,2.143-4.796,4.795
V492.251z" />
<path fill="#68847D" d="M330.07,492.251h9.583v-18.246c0-2.652-2.144-4.795-4.788-4.795l0,0c-2.652,0-4.795,2.143-4.795,4.795
V492.251z" />
<path fill="#68847D" d="M314.602,492.251h9.583v-18.246c0-2.652-2.143-4.795-4.787-4.795l0,0c-2.653,0-4.797,2.143-4.797,4.795
V492.251z" />
<path fill="#68847D" d="M299.134,492.251h9.585v-18.246c0-2.652-2.144-4.795-4.788-4.795l0,0c-2.652,0-4.797,2.143-4.797,4.795
V492.251z" />
<path fill="#68847D" d="M345.536,525.806h9.585V507.56c0-2.651-2.146-4.796-4.789-4.796l0,0c-2.651,0-4.796,2.145-4.796,4.796
V525.806z" />
<path fill="#68847D" d="M330.07,525.806h9.583V507.56c0-2.651-2.144-4.796-4.788-4.796l0,0c-2.652,0-4.795,2.145-4.795,4.796
V525.806z" />
<path fill="#68847D" d="M314.602,525.806h9.583V507.56c0-2.651-2.143-4.796-4.787-4.796l0,0c-2.653,0-4.797,2.145-4.797,4.796
V525.806z" />
<path fill="#68847D" d="M299.134,525.806h9.585V507.56c0-2.651-2.144-4.796-4.788-4.796l0,0c-2.652,0-4.797,2.145-4.797,4.796
V525.806z" />
<path fill="#68847D" d="M345.536,559.368h9.585v-18.245c0-2.653-2.146-4.798-4.789-4.798l0,0c-2.651,0-4.796,2.145-4.796,4.798
V559.368z" />
<path fill="#68847D" d="M330.07,559.368h9.583v-18.245c0-2.653-2.144-4.798-4.788-4.798l0,0c-2.652,0-4.795,2.145-4.795,4.798
V559.368z" />
<path fill="#68847D" d="M314.602,559.368h9.583v-18.245c0-2.653-2.143-4.798-4.787-4.798l0,0c-2.653,0-4.797,2.145-4.797,4.798
V559.368z" />
<path fill="#68847D" d="M299.134,559.368h9.585v-18.245c0-2.653-2.144-4.798-4.788-4.798l0,0c-2.652,0-4.797,2.145-4.797,4.798
V559.368z" />
</g>
<g>
<path fill="#C6F81C" d="M718.49,571.401c0,7.854-6.371,14.226-14.229,14.226s-14.229-6.372-14.229-14.226
c0-7.856,6.371-14.228,14.229-14.228S718.49,563.545,718.49,571.401z" />
<g>
<path fill="#85BC02" d="M704.26,585.627v-28.453c-7.855,0-14.227,6.372-14.227,14.225
C690.033,579.257,696.404,585.627,704.26,585.627z" />
</g>
<rect x="702.373" y="577.602" fill="#754C24" width="3.777" height="25.044" />
</g>
<g>
<polygon fill="#FFFFFF" points="213.43,602.646 248.752,602.646 248.752,528.264 231.092,502.412 213.43,528.264 " />
<polygon fill="#FFFFFF" points="164.629,602.646 199.951,602.646 199.951,528.264 182.291,502.412 164.629,528.264 " />
<rect x="164.629" y="528.264" fill="#E6E6E6" width="48.801" height="74.382" />
<polygon fill="#534741" points="182.291,502.412 231.092,502.412 213.43,528.264 164.629,528.264 " />
<rect x="213.43" y="597.322" fill="#998675" width="35.322" height="5.323" />
<rect x="164.629" y="597.322" fill="#736357" width="48.801" height="5.323" />
<rect x="186.371" y="497.275" fill="#E6E6E6" width="4.023" height="20.259" />
<rect x="194.033" y="497.275" fill="#E6E6E6" width="4.023" height="20.259" />
<g>
<rect x="196.974" y="573.795" fill="#68847D" width="7.13" height="20.508" />
<rect x="185.472" y="573.795" fill="#68847D" width="7.115" height="20.508" />
<rect x="173.952" y="573.795" fill="#68847D" width="7.133" height="20.508" />
</g>
<g>
<rect x="196.974" y="536.604" fill="#68847D" width="7.13" height="20.509" />
<rect x="185.472" y="536.604" fill="#68847D" width="7.115" height="20.509" />
<rect x="173.952" y="536.604" fill="#68847D" width="7.133" height="20.509" />
</g>
<polygon fill="#736357" points="210.502,528.264 213.43,528.264 231.092,502.412 228.164,502.412 " />
<rect x="167.155" y="525.402" fill="#736357" width="46.035" height="2.861" />
<polygon fill="#736357" points="164.629,528.264 167.555,528.264 185.217,502.412 182.291,502.412 " />
<circle fill="#68847D" cx="231.092" cy="524.51" r="3.754" />
</g>
<g>
<polygon fill="#FCAC99" points="559.441,602.646 591.318,602.646 591.318,539.21 575.381,515.881 559.441,539.21 " />
<polygon fill="#FFFFFF" points="515.402,602.646 547.277,602.646 547.277,539.21 531.34,515.881 515.402,539.21 " />
<rect x="515.402" y="539.21" fill="#F58B67" width="44.039" height="63.436" />
<polygon fill="#736357" points="531.34,515.881 575.381,515.881 559.441,539.21 515.402,539.21 " />
<rect x="535.023" y="511.244" fill="#FCAC99" width="3.629" height="18.283" />
<rect x="541.938" y="511.244" fill="#FCAC99" width="3.629" height="18.283" />
<polygon fill="#534741" points="556.799,539.21 559.441,539.21 575.381,515.881 572.738,515.881 " />
<rect x="517.682" y="536.627" fill="#534741" width="41.543" height="2.583" />
<polygon fill="#534741" points="515.402,539.21 518.043,539.21 533.98,515.881 531.34,515.881 " />
<g>
<path fill="#68847D" d="M532.178,596.038h-8.65v-15.782c0-2.394,1.936-4.329,4.322-4.329l0,0c2.393,0,4.328,1.936,4.328,4.329
V596.038z" />
<path fill="#68847D" d="M551.314,596.038h-8.648v-15.782c0-2.394,1.934-4.329,4.32-4.329l0,0c2.395,0,4.328,1.936,4.328,4.329
V596.038z" />
</g>
<g>
<path fill="#68847D" d="M532.178,567.473h-8.65v-15.783c0-2.394,1.936-4.328,4.322-4.328l0,0c2.393,0,4.328,1.935,4.328,4.328
V567.473z" />
<path fill="#68847D" d="M551.314,567.473h-8.648v-15.783c0-2.394,1.934-4.328,4.32-4.328l0,0c2.395,0,4.328,1.935,4.328,4.328
V567.473z" />
</g>
</g>
<g>
<path fill="#85BC02" d="M189.016,592.107c-2.832,0-5.397,1.123-7.292,2.94c-2.522-3.979-6.953-6.63-12.014-6.63
c-7.856,0-14.227,6.37-14.228,14.228h44.072C199.553,596.825,194.835,592.107,189.016,592.107z" />
</g>
<g>
<rect x="451.828" y="493.05" fill="#8FEDD1" width="73.518" height="109.596" />
<rect x="456.061" y="459.344" fill="#754F38" width="65.045" height="29.475" />
<polygon fill="#593C2B" points="525.336,488.818 525.336,455.954 521.105,455.954 521.105,488.818 456.061,488.818
456.061,455.954 451.828,455.954 451.828,488.818 451.838,488.818 451.838,493.05 525.352,493.05 525.352,488.818 " />
<rect x="498.34" y="450.682" fill="#593C2B" width="7.973" height="21.701" />
<g>
<path fill="#68847D" d="M470.178,525.246h-9.584V507c0-2.651,2.145-4.794,4.787-4.794l0,0c2.652,0,4.797,2.143,4.797,4.794
V525.246z" />
<path fill="#68847D" d="M485.645,525.246h-9.584V507c0-2.651,2.145-4.794,4.789-4.794l0,0c2.652,0,4.795,2.143,4.795,4.794
V525.246z" />
<path fill="#68847D" d="M501.111,525.246h-9.582V507c0-2.651,2.143-4.794,4.785-4.794l0,0c2.654,0,4.797,2.143,4.797,4.794
V525.246z" />
<path fill="#68847D" d="M516.58,525.246h-9.586V507c0-2.651,2.145-4.794,4.789-4.794l0,0c2.652,0,4.797,2.143,4.797,4.794
V525.246z" />
</g>
<g>
<path fill="#68847D" d="M470.178,558.802h-9.584v-18.246c0-2.652,2.145-4.797,4.787-4.797l0,0c2.652,0,4.797,2.145,4.797,4.797
V558.802z" />
<path fill="#68847D" d="M485.645,558.802h-9.584v-18.246c0-2.652,2.145-4.797,4.789-4.797l0,0c2.652,0,4.795,2.145,4.795,4.797
V558.802z" />
<path fill="#68847D" d="M501.111,558.802h-9.582v-18.246c0-2.652,2.143-4.797,4.785-4.797l0,0c2.654,0,4.797,2.145,4.797,4.797
V558.802z" />
<path fill="#68847D" d="M516.58,558.802h-9.586v-18.246c0-2.652,2.145-4.797,4.789-4.797l0,0c2.652,0,4.797,2.145,4.797,4.797
V558.802z" />
</g>
<g>
<rect x="460.594" y="569.321" fill="#68847D" width="9.584" height="18.246" />
<rect x="476.061" y="569.321" fill="#68847D" width="9.584" height="18.246" />
<rect x="491.529" y="569.321" fill="#68847D" width="9.582" height="18.246" />
<rect x="506.994" y="569.321" fill="#68847D" width="9.586" height="18.246" />
</g>
<rect x="449.709" y="592.141" fill="#7ED1B8" width="77.748" height="10.505" />
</g>
<g>
<rect x="383.512" y="493.659" fill="#FFEABF" width="73.108" height="108.986" />
<rect x="434.408" y="474.796" fill="#534741" width="7.927" height="18.863" />
<rect x="426.354" y="468.44" fill="#534741" width="5.184" height="25.219" />
<g>
<path fill="#68847D" d="M401.759,524.66h-9.53v-18.145c0-2.638,2.133-4.77,4.762-4.77l0,0c2.637,0,4.768,2.132,4.768,4.77V524.66
z" />
<path fill="#68847D" d="M417.14,524.66h-9.531v-18.145c0-2.638,2.133-4.77,4.763-4.77l0,0c2.638,0,4.769,2.132,4.769,4.77V524.66
z" />
<path fill="#68847D" d="M432.521,524.66h-9.529v-18.145c0-2.638,2.133-4.77,4.761-4.77l0,0c2.64,0,4.769,2.132,4.769,4.77V524.66
z" />
<path fill="#68847D" d="M447.905,524.66h-9.533v-18.145c0-2.638,2.133-4.77,4.761-4.77l0,0c2.64,0,4.772,2.132,4.772,4.77V524.66
z" />
</g>
<g>
<path fill="#68847D" d="M401.759,560.063h-9.53v-18.145c0-2.638,2.133-4.771,4.762-4.771l0,0c2.637,0,4.768,2.133,4.768,4.771
V560.063z" />
<path fill="#68847D" d="M417.14,560.063h-9.531v-18.145c0-2.638,2.133-4.771,4.763-4.771l0,0c2.638,0,4.769,2.133,4.769,4.771
V560.063z" />
<path fill="#68847D" d="M432.521,560.063h-9.529v-18.145c0-2.638,2.133-4.771,4.761-4.771l0,0c2.64,0,4.769,2.133,4.769,4.771
V560.063z" />
<path fill="#68847D" d="M447.905,560.063h-9.533v-18.145c0-2.638,2.133-4.771,4.761-4.771l0,0c2.64,0,4.772,2.133,4.772,4.771
V560.063z" />
</g>
<g>
<rect x="392.229" y="569.507" fill="#68847D" width="55.676" height="18.145" />
</g>
<rect x="381.404" y="590.651" fill="#998675" width="77.317" height="11.994" />
<rect x="381.404" y="529.077" fill="#998675" width="77.317" height="3.652" />
<rect x="381.404" y="491.832" fill="#998675" width="77.317" height="3.652" />
<rect x="379.949" y="486.021" fill="#736357" width="80.227" height="6.924" />
<g>
<g>
<circle fill="#FFFFFF" cx="450.202" cy="579.512" r="2.151" />
<circle fill="#FCAD00" cx="445.899" cy="579.512" r="2.151" />
<circle fill="#FFFFFF" cx="441.597" cy="579.512" r="2.151" />
<circle fill="#FCAD00" cx="437.295" cy="579.512" r="2.151" />
<circle fill="#FFFFFF" cx="432.993" cy="579.512" r="2.151" />
<circle fill="#FCAD00" cx="428.69" cy="579.512" r="2.152" />
<circle fill="#FFFFFF" cx="424.387" cy="579.512" r="2.151" />
<circle fill="#FCAD00" cx="420.084" cy="579.512" r="2.152" />
<circle fill="#FFFFFF" cx="415.781" cy="579.512" r="2.151" />
<circle fill="#FCAD00" cx="411.479" cy="579.512" r="2.151" />
<circle fill="#FFFFFF" cx="407.176" cy="579.512" r="2.151" />
<circle fill="#FCAD00" cx="402.874" cy="579.512" r="2.152" />
<circle fill="#FFFFFF" cx="398.571" cy="579.512" r="2.151" />
<circle fill="#FCAD00" cx="394.269" cy="579.512" r="2.151" />
<circle fill="#FFFFFF" cx="389.967" cy="579.512" r="2.151" />
</g>
<rect x="387.815" y="565.759" fill="#FDCB1A" width="64.537" height="13.753" />
</g>
</g>
<g>
<path fill="none" d="M475.238,593.633l1.939-0.188l-1.703-5.286l-2.119,2.739C474.193,591.631,474.848,592.567,475.238,593.633z" />
<path fill="none" d="M470.459,594.639l-0.541,0.701c0.035,0.059,0.064,0.123,0.088,0.189l4.271-0.022
c-0.033-0.405-0.109-0.8-0.229-1.177L470.459,594.639z" />
<path fill="none" d="M472.529,591.966l-1.609,2.076l2.914-0.276C473.525,593.077,473.08,592.465,472.529,591.966z" />
<path fill="none" d="M469.291,594.826l0.072-0.094l-0.424,0.036C469.063,594.769,469.18,594.79,469.291,594.826z" />
<path fill="none" d="M463.584,595.938c0,2.954,2.404,5.357,5.355,5.357c2.209,0,4.107-1.343,4.928-3.256l-4.951-0.459
c-0.908-0.014-1.643-0.765-1.643-1.674c0-0.91,0.734-1.66,1.643-1.672l0.9-0.087l2.074-2.677
c-0.848-0.562-1.861-0.887-2.951-0.887C465.988,590.584,463.584,592.985,463.584,595.938z" />
<path fill="none" d="M468.939,597.019l5.135,0.44c0.115-0.384,0.186-0.786,0.213-1.199l-4.285,0.001
C469.852,596.702,469.434,597.019,468.939,597.019z" />
<path fill="none" d="M485.461,595.938c0,2.954,2.4,5.357,5.355,5.357c2.953,0,5.355-2.403,5.355-5.357
c0-2.952-2.402-5.354-5.355-5.354c-0.967,0-1.875,0.258-2.658,0.707c0.764,1.364,1.656,2.73,2.293,3.583
c0.113-0.038,0.236-0.061,0.365-0.061c0.621,0,1.123,0.503,1.123,1.124c0,0.622-0.502,1.127-1.123,1.127
c-0.623,0-1.125-0.505-1.125-1.127c0-0.198,0.051-0.385,0.145-0.549c-0.645-0.865-1.555-2.239-2.344-3.645
C486.254,592.727,485.461,594.241,485.461,595.938z" />
<path fill="none" d="M478.092,597.803c-0.807-0.125-1.449-0.746-1.6-1.545h-0.854c-0.02,0.454-0.088,0.895-0.195,1.32
L478.092,597.803z" />
<path fill="none" d="M478.008,593.367l0.361-0.035h0.021c0.523,0,1.008,0.175,1.406,0.466l5.49-5.835h-9.02L478.008,593.367z" />
<path fill="none" d="M477.428,594.218l-0.055-0.172l-1.951,0.167c0.107,0.416,0.18,0.846,0.211,1.288l0.865-0.003
C476.611,594.95,476.957,594.49,477.428,594.218z" />
<path fill="#333333" d="M475.787,586.579l-0.359-1.097c0.051-0.023,0.096-0.049,0.141-0.065c0.281-0.12,1.219,0,1.219,0
c0.475,0,0.84-0.036,0.84-0.511v-0.027c0-0.478-0.424-0.544-0.898-0.582c-0.662-0.054-2.328-0.258-2.602-0.258
c-0.404,0.002-0.734,0.249-0.941,0.505c-0.133,0.167-0.217,0.362-0.217,0.576c0,0.605,0.398,0.853,1.195,0.853
c0.178,0,0.371-0.056,0.559-0.135l0.322,0.986C475.031,586.635,475.635,586.452,475.787,586.579z" />
<path fill="#333333" d="M490.816,589.233c-1.195,0-2.316,0.313-3.289,0.863c0.119,0.235,0.242,0.478,0.371,0.72
c0.861-0.491,1.857-0.773,2.918-0.773c3.25,0,5.895,2.644,5.895,5.895c0,3.254-2.645,5.898-5.895,5.898
c-3.252,0-5.896-2.645-5.896-5.898c0-1.899,0.906-3.595,2.307-4.673c-0.133-0.243-0.258-0.488-0.379-0.729
c-1.658,1.222-2.74,3.188-2.74,5.401c0,3.699,3.01,6.708,6.709,6.708c3.695,0,6.707-3.009,6.707-6.708
C497.523,592.241,494.512,589.233,490.816,589.233z" />
<path fill="#333333" d="M490.816,597.064c0.621,0,1.123-0.505,1.123-1.127c0-0.621-0.502-1.124-1.123-1.124
c-0.129,0-0.252,0.022-0.365,0.061c0.24,0.322,0.445,0.572,0.592,0.72c0.158,0.157,0.158,0.414,0,0.572
c-0.08,0.081-0.182,0.118-0.287,0.118c-0.104,0-0.207-0.037-0.287-0.118c-0.146-0.147-0.369-0.421-0.633-0.777
c-0.094,0.164-0.145,0.351-0.145,0.549C489.691,596.56,490.193,597.064,490.816,597.064z" />
<path fill="#333333" d="M469.77,595.53l0.236-0.001c-0.023-0.066-0.053-0.131-0.088-0.189L469.77,595.53z" />
<path fill="#333333" d="M478.844,596.118c-0.129,0.166-0.445,0.14-0.453,0.14h-1.898c0.15,0.799,0.793,1.42,1.6,1.545
l-2.648-0.225c0.107-0.426,0.176-0.866,0.195-1.32l-0.811,0.002c-0.023,0.43-0.096,0.846-0.205,1.248l-0.549-0.049l-5.135-0.44
c0.494,0,0.912-0.316,1.063-0.758l-1.059,0.001c-0.002,0-0.002,0-0.004,0c-0.154,0-0.293-0.048-0.361-0.186
c-0.07-0.139-0.053-0.263,0.043-0.384l0.67-0.866c-0.111-0.036-0.229-0.058-0.352-0.058l0.424-0.036l0.453-0.585l-0.9,0.087
c-0.908,0.012-1.643,0.762-1.643,1.672c0,0.909,0.734,1.66,1.643,1.674l4.951,0.459l0.561,0.052
c-0.863,2.19-2.996,3.745-5.488,3.745c-3.248,0-5.896-2.645-5.896-5.898c0-3.251,2.648-5.895,5.896-5.895
c1.215,0,2.342,0.369,3.281,0.999l0.496-0.642c-1.076-0.736-2.377-1.167-3.777-1.167c-3.697,0-6.707,3.007-6.707,6.704
c0,3.699,3.01,6.708,6.707,6.708c2.918,0,5.402-1.872,6.324-4.476l3.105,0.288h0.021c0.004,0,0.008-0.002,0.01-0.002l0.24,1.528
l-0.186,0.038c-0.213,0.04-0.354,0.247-0.313,0.462l0.004,0.021c0.043,0.214,0.25,0.353,0.463,0.311l1.613-0.317
c0.213-0.044,0.352-0.251,0.309-0.465l-0.002-0.021c-0.043-0.213-0.252-0.352-0.463-0.311l-0.631,0.124l-0.238-1.517
c0.971-0.359,1.672-1.333,1.672-2.415c0-0.531-0.17-1.038-0.457-1.456L478.844,596.118z" />
<path fill="#333333" d="M476.498,595.498l1.338-0.007l-0.408-1.273C476.957,594.49,476.611,594.95,476.498,595.498z" />
<path fill="#C1272D" d="M488.158,591.291c0.783-0.449,1.691-0.707,2.658-0.707c2.953,0,5.355,2.401,5.355,5.354
c0,2.954-2.402,5.357-5.355,5.357c-2.955,0-5.355-2.403-5.355-5.357c0-1.696,0.793-3.211,2.031-4.193
c-0.09-0.16-0.178-0.319-0.266-0.479c-1.4,1.078-2.307,2.773-2.307,4.673c0,3.254,2.645,5.898,5.896,5.898
c3.25,0,5.895-2.645,5.895-5.898c0-3.251-2.645-5.895-5.895-5.895c-1.061,0-2.057,0.282-2.918,0.773
C487.986,590.974,488.072,591.133,488.158,591.291z" />
<path fill="#BF3F12" d="M474.623,597.508c0.109-0.402,0.182-0.818,0.205-1.248h-0.541c-0.027,0.413-0.098,0.815-0.213,1.199
L474.623,597.508z" />
<path fill="#BF3F12" d="M473.834,593.766l0.564-0.056c-0.344-0.837-0.873-1.577-1.539-2.171l-0.33,0.427
C473.08,592.465,473.525,593.077,473.834,593.766z" />
<path fill="#BF3F12" d="M474.049,594.33c0.119,0.377,0.195,0.771,0.229,1.177l0.541-0.002c-0.031-0.42-0.105-0.829-0.221-1.221
L474.049,594.33z" />
<path fill="#C1272D" d="M463.043,595.938c0,3.254,2.648,5.898,5.896,5.898c2.492,0,4.625-1.555,5.488-3.745l-0.561-0.052
c-0.82,1.913-2.719,3.256-4.928,3.256c-2.951,0-5.355-2.403-5.355-5.357c0-2.952,2.404-5.354,5.355-5.354
c1.09,0,2.104,0.325,2.951,0.887l0.33-0.429c-0.939-0.63-2.066-0.999-3.281-0.999
C465.691,590.043,463.043,592.687,463.043,595.938z" />
<path fill="#333333" d="M486.623,586.36l0.006-2.691c0.002-0.129-0.059-0.259-0.162-0.334c-0.104-0.077-0.236-0.104-0.359-0.066
l-1.555,0.16c-0.096-0.075-0.215-0.118-0.348-0.114l-2.098,0.081c-0.297,0.012-0.531,0.263-0.518,0.561
c0.008,0.243,0.176,0.442,0.398,0.501c0.053,0.016,0.105,0.022,0.162,0.019l2.096-0.079c0.129-0.006,0.242-0.058,0.334-0.137
l1.238-0.061l-0.008,2.591c0,0.003,0.002,0.009,0.002,0.013c0.002-0.235,0.006-0.425,0.008-0.437
C485.826,586.153,486.557,586.164,486.623,586.36z" />
<path fill="#A62127" d="M487.492,591.744c0.789,1.405,1.699,2.779,2.344,3.645c0.264,0.356,0.486,0.63,0.633,0.777
c0.08,0.081,0.184,0.118,0.287,0.118c0.105,0,0.207-0.037,0.287-0.118c0.158-0.158,0.158-0.415,0-0.572
c-0.146-0.147-0.352-0.397-0.592-0.72c-0.637-0.853-1.529-2.219-2.293-3.583c-0.086-0.158-0.172-0.317-0.26-0.475
c-0.129-0.242-0.252-0.484-0.371-0.72c-0.467-0.941-0.807-1.8-0.883-2.385c0.02-0.077,0.014-0.159-0.018-0.242
c-0.012-0.379,0.002-1.076,0.002-1.08c0.002-0.011-0.002-0.021-0.006-0.029c-0.066-0.196-0.797-0.207-0.803,0.006
c-0.002,0.012-0.006,0.201-0.008,0.437c-0.002,0.137-0.002,0.286-0.002,0.428h-9.805l-0.188-0.609
c-0.004-0.017-0.016-0.03-0.031-0.042c-0.152-0.127-0.756,0.056-0.742,0.245c0,0.006,0,0.014,0.004,0.021l0.133,0.402
c-0.029,0.021-0.057,0.043-0.08,0.071l-2.385,3.081l-0.496,0.642l-0.33,0.429l-2.074,2.677l-0.453,0.585l-0.072,0.094l-0.67,0.866
c-0.096,0.121-0.113,0.245-0.043,0.384c0.068,0.138,0.207,0.186,0.361,0.186c0.002,0,0.002,0,0.004,0l1.059-0.001l4.285-0.001
h0.541l0.811-0.002h0.854h1.898c0.008,0,0.324,0.026,0.453-0.14l1.568-1.679l5.578-5.969c0.18,0.605,0.484,1.32,0.857,2.065
c0.121,0.24,0.246,0.485,0.379,0.729C487.314,591.425,487.402,591.584,487.492,591.744z M476.498,595.498l-0.865,0.003
l-0.814,0.004l-0.541,0.002l-4.271,0.022l-0.236,0.001l0.148-0.19l0.541-0.701l0.461-0.597l1.609-2.076l0.33-0.427l0.496-0.641
l2.119-2.739l1.703,5.286l0.195,0.601l0.055,0.172l0.408,1.273L476.498,595.498z M479.797,593.798l-1.229,1.31l-0.561-1.74
l-1.74-5.404h9.02L479.797,593.798z" />
<path fill="#333333" d="M477.373,594.046l-0.195-0.601l-1.939,0.188c-0.391-1.065-1.045-2.002-1.883-2.734l-0.496,0.641
c0.666,0.594,1.195,1.334,1.539,2.171l-0.564,0.056l-2.914,0.276l-0.461,0.597l3.59-0.309l0.549-0.046
c0.115,0.392,0.189,0.801,0.221,1.221l0.814-0.004c-0.031-0.442-0.104-0.872-0.211-1.288L477.373,594.046z" />
<path fill="#333333" d="M478.369,593.332l-0.361,0.035l0.561,1.74l1.229-1.31c-0.398-0.291-0.883-0.466-1.406-0.466H478.369z" />
</g>
<g>
<circle fill="#C6F81C" cx="529.805" cy="576.317" r="11.99" />
<g>
<path fill="#85BC02" d="M529.807,588.304v-23.978c-6.623,0-11.992,5.37-11.992,11.988
C517.814,582.936,523.184,588.304,529.807,588.304z" />
</g>
<rect x="528.213" y="581.542" fill="#754C24" width="3.186" height="21.104" />
</g>
<g>
<path fill="#85BC02" d="M554.393,593.813c-2.373,0-4.523,0.94-6.111,2.464c-2.115-3.335-5.832-5.558-10.072-5.558
c-6.586,0-11.924,5.34-11.926,11.927h36.945C563.229,597.768,559.273,593.813,554.393,593.813z" />
</g>
<g>
<circle fill="#C6F81C" cx="688.222" cy="576.317" r="11.989" />
<g>
<path fill="#85BC02" d="M688.223,588.304v-23.978c-6.621,0-11.99,5.37-11.99,11.988
C676.232,582.936,681.602,588.304,688.223,588.304z" />
</g>
<rect x="686.631" y="581.542" fill="#754C24" width="3.184" height="21.104" />
</g>
<g>
<path fill="#85BC02" d="M691.947,593.813c2.373,0,4.523,0.94,6.111,2.464c2.115-3.335,5.83-5.558,10.07-5.558
c6.588,0,11.928,5.34,11.928,11.927h-36.945C683.113,597.768,687.068,593.813,691.947,593.813z" />
</g>
<g>
<circle fill="#C6F81C" cx="373.648" cy="576.317" r="11.99" />
<g>
<path fill="#85BC02" d="M373.648,588.304v-23.978c-6.622,0-11.99,5.37-11.99,11.988
C361.658,582.936,367.027,588.304,373.648,588.304z" />
</g>
<rect x="372.056" y="581.542" fill="#754C24" width="3.184" height="21.104" />
</g>
<g>
<path fill="#C6F81C" d="M368.546,571.401c0,7.854-6.37,14.226-14.227,14.226c-7.856,0-14.228-6.372-14.228-14.226
c0-7.856,6.371-14.228,14.228-14.228C362.177,557.174,368.546,563.545,368.546,571.401z" />
<g>
<path fill="#85BC02" d="M354.319,585.627v-28.453c-7.857,0-14.228,6.372-14.228,14.225
C340.092,579.257,346.462,585.627,354.319,585.627z" />
</g>
<rect x="352.431" y="577.602" fill="#754C24" width="3.777" height="25.044" />
</g>
<g>
<path fill="#C6F81C" d="M123.111,571.401c0,7.854-6.371,14.226-14.227,14.226c-7.857,0-14.228-6.372-14.228-14.226
c0-7.856,6.371-14.228,14.228-14.228C116.74,557.174,123.111,563.545,123.111,571.401z" />
<g>
<path fill="#85BC02" d="M108.883,585.627v-28.453c-7.856,0-14.227,6.372-14.227,14.225
C94.656,579.257,101.026,585.627,108.883,585.627z" />
</g>
<rect x="106.995" y="577.602" fill="#754C24" width="3.777" height="25.044" />
</g>
<g>
<circle fill="#C6F81C" cx="91.933" cy="576.317" r="11.99" />
<g>
<path fill="#85BC02" d="M91.934,588.304v-23.978c-6.622,0-11.99,5.37-11.99,11.988C79.943,582.936,85.312,588.304,91.934,588.304
z" />
</g>
<rect x="90.341" y="581.542" fill="#754C24" width="3.183" height="21.104" />
</g>
<rect x="61.406" y="602.646" fill="#5A736E" width="677.188" height="10.096" />
<rect x="61.406" y="648.724" fill="#5A736E" width="677.188" height="10.096" />
<rect x="79.848" y="658.819" fill="#85BC02" width="640.305" height="10.096" />
<g>
<rect x="39.981" y="612.724" fill="#465955" width="720.039" height="36" />
<g>
<path fill="#FFFFFF" d="M680.58,630.725c0,0.873,0.707,1.58,1.58,1.58h9.695c0.871,0,1.578-0.707,1.578-1.58l0,0
c0-0.874-0.707-1.582-1.578-1.582h-9.695C681.287,629.143,680.58,629.851,680.58,630.725L680.58,630.725z" />
<path fill="#FFFFFF" d="M705.537,630.725c0,0.873,0.707,1.58,1.582,1.58h9.693c0.871,0,1.578-0.707,1.578-1.58l0,0
c0-0.874-0.707-1.582-1.578-1.582h-9.693C706.244,629.143,705.537,629.851,705.537,630.725L705.537,630.725z" />
<path fill="#FFFFFF" d="M730.496,630.725c0,0.873,0.707,1.58,1.58,1.58h9.695c0.871,0,1.578-0.707,1.578-1.58l0,0
c0-0.874-0.707-1.582-1.578-1.582h-9.695C731.203,629.143,730.496,629.851,730.496,630.725L730.496,630.725z" />
<path fill="#FFFFFF" d="M655.623,630.725c0,0.873,0.707,1.58,1.58,1.58h9.691c0.871,0,1.58-0.707,1.58-1.58l0,0
c0-0.874-0.709-1.582-1.58-1.582h-9.691C656.33,629.143,655.623,629.851,655.623,630.725L655.623,630.725z" />
<path fill="#FFFFFF" d="M630.666,630.725c0,0.873,0.707,1.58,1.58,1.58h9.691c0.873,0,1.58-0.707,1.58-1.58l0,0
c0-0.874-0.707-1.582-1.58-1.582h-9.691C631.373,629.143,630.666,629.851,630.666,630.725L630.666,630.725z" />
<path fill="#FFFFFF" d="M605.707,630.725c0,0.873,0.709,1.58,1.582,1.58h9.691c0.875,0,1.58-0.707,1.58-1.58l0,0
c0-0.874-0.705-1.582-1.58-1.582h-9.691C606.416,629.143,605.707,629.851,605.707,630.725L605.707,630.725z" />
<path fill="#FFFFFF" d="M580.75,630.725c0,0.873,0.707,1.58,1.582,1.58h9.691c0.873,0,1.578-0.707,1.578-1.58l0,0
c0-0.874-0.705-1.582-1.578-1.582h-9.691C581.457,629.143,580.75,629.851,580.75,630.725L580.75,630.725z" />
<path fill="#FFFFFF" d="M555.791,630.725c0,0.873,0.707,1.58,1.58,1.58h9.695c0.871,0,1.578-0.707,1.578-1.58l0,0
c0-0.874-0.707-1.582-1.578-1.582h-9.695C556.498,629.143,555.791,629.851,555.791,630.725L555.791,630.725z" />
<path fill="#FFFFFF" d="M530.836,630.725c0,0.873,0.707,1.58,1.58,1.58h9.693c0.871,0,1.578-0.707,1.578-1.58l0,0
c0-0.874-0.707-1.582-1.578-1.582h-9.693C531.543,629.143,530.836,629.851,530.836,630.725L530.836,630.725z" />
<path fill="#FFFFFF" d="M505.879,630.725c0,0.873,0.707,1.58,1.58,1.58h9.693c0.873,0,1.578-0.707,1.578-1.58l0,0
c0-0.874-0.705-1.582-1.578-1.582h-9.693C506.586,629.143,505.879,629.851,505.879,630.725L505.879,630.725z" />
<path fill="#FFFFFF" d="M480.92,630.725c0,0.873,0.709,1.58,1.582,1.58h9.691c0.873,0,1.58-0.707,1.58-1.58l0,0
c0-0.874-0.707-1.582-1.58-1.582h-9.691C481.629,629.143,480.92,629.851,480.92,630.725L480.92,630.725z" />
<path fill="#FFFFFF" d="M455.963,630.725c0,0.873,0.707,1.58,1.58,1.58h9.691c0.873,0,1.58-0.707,1.58-1.58l0,0
c0-0.874-0.707-1.582-1.58-1.582h-9.691C456.67,629.143,455.963,629.851,455.963,630.725L455.963,630.725z" />
<path fill="#FFFFFF" d="M431.004,630.725c0,0.873,0.709,1.58,1.582,1.58h9.693c0.873,0,1.58-0.707,1.58-1.58l0,0
c0-0.874-0.707-1.582-1.58-1.582h-9.693C431.713,629.143,431.004,629.851,431.004,630.725L431.004,630.725z" />
<path fill="#FFFFFF" d="M406.049,630.725c0,0.873,0.707,1.58,1.582,1.58h9.691c0.871,0,1.578-0.707,1.578-1.58l0,0
c0-0.874-0.707-1.582-1.578-1.582h-9.691C406.756,629.143,406.049,629.851,406.049,630.725L406.049,630.725z" />
<path fill="#FFFFFF" d="M381.09,630.725c0,0.873,0.708,1.58,1.581,1.58h9.692c0.873,0,1.579-0.707,1.579-1.58l0,0
c0-0.874-0.706-1.582-1.579-1.582h-9.692C381.798,629.143,381.09,629.851,381.09,630.725L381.09,630.725z" />
<path fill="#FFFFFF" d="M356.132,630.725c0,0.873,0.708,1.58,1.581,1.58h9.692c0.873,0,1.579-0.707,1.579-1.58l0,0
c0-0.874-0.706-1.582-1.579-1.582h-9.692C356.84,629.143,356.132,629.851,356.132,630.725L356.132,630.725z" />
<path fill="#FFFFFF" d="M331.176,630.725c0,0.873,0.708,1.58,1.581,1.58h9.692c0.874,0,1.579-0.707,1.579-1.58l0,0
c0-0.874-0.706-1.582-1.579-1.582h-9.692C331.884,629.143,331.176,629.851,331.176,630.725L331.176,630.725z" />
<path fill="#FFFFFF" d="M306.219,630.725c0,0.873,0.707,1.58,1.581,1.58h9.691c0.874,0,1.579-0.707,1.579-1.58l0,0
c0-0.874-0.705-1.582-1.579-1.582H307.8C306.926,629.143,306.219,629.851,306.219,630.725L306.219,630.725z" />
<path fill="#FFFFFF" d="M281.263,630.725c0,0.873,0.708,1.58,1.581,1.58h9.692c0.874,0,1.579-0.707,1.579-1.58l0,0
c0-0.874-0.705-1.582-1.579-1.582h-9.692C281.97,629.143,281.263,629.851,281.263,630.725L281.263,630.725z" />
<path fill="#FFFFFF" d="M256.305,630.725c0,0.873,0.708,1.58,1.581,1.58h9.692c0.874,0,1.58-0.707,1.58-1.58l0,0
c0-0.874-0.706-1.582-1.58-1.582h-9.692C257.013,629.143,256.305,629.851,256.305,630.725L256.305,630.725z" />
<path fill="#FFFFFF" d="M231.349,630.725c0,0.873,0.708,1.58,1.581,1.58h9.692c0.873,0,1.579-0.707,1.579-1.58l0,0
c0-0.874-0.706-1.582-1.579-1.582h-9.692C232.057,629.143,231.349,629.851,231.349,630.725L231.349,630.725z" />
<path fill="#FFFFFF" d="M206.392,630.725c0,0.873,0.708,1.58,1.581,1.58h9.692c0.873,0,1.579-0.707,1.579-1.58l0,0
c0-0.874-0.706-1.582-1.579-1.582h-9.692C207.1,629.143,206.392,629.851,206.392,630.725L206.392,630.725z" />
<path fill="#FFFFFF" d="M181.435,630.725c0,0.873,0.708,1.58,1.581,1.58h9.692c0.873,0,1.579-0.707,1.579-1.58l0,0
c0-0.874-0.706-1.582-1.579-1.582h-9.692C182.143,629.143,181.435,629.851,181.435,630.725L181.435,630.725z" />
<path fill="#FFFFFF" d="M156.478,630.725c0,0.873,0.708,1.58,1.581,1.58h9.692c0.873,0,1.579-0.707,1.579-1.58l0,0
c0-0.874-0.706-1.582-1.579-1.582h-9.692C157.186,629.143,156.478,629.851,156.478,630.725L156.478,630.725z" />
<path fill="#FFFFFF" d="M131.521,630.725c0,0.873,0.708,1.58,1.582,1.58h9.691c0.874,0,1.579-0.707,1.579-1.58l0,0
c0-0.874-0.706-1.582-1.579-1.582h-9.691C132.229,629.143,131.521,629.851,131.521,630.725L131.521,630.725z" />
<path fill="#FFFFFF" d="M106.564,630.725c0,0.873,0.708,1.58,1.581,1.58h9.692c0.874,0,1.579-0.707,1.579-1.58l0,0
c0-0.874-0.705-1.582-1.579-1.582h-9.692C107.272,629.143,106.564,629.851,106.564,630.725L106.564,630.725z" />
<path fill="#FFFFFF" d="M81.608,630.725c0,0.873,0.708,1.58,1.581,1.58h9.692c0.874,0,1.579-0.707,1.579-1.58l0,0
c0-0.874-0.706-1.582-1.579-1.582h-9.692C82.315,629.143,81.608,629.851,81.608,630.725L81.608,630.725z" />
<path fill="#FFFFFF" d="M56.651,630.725c0,0.873,0.708,1.58,1.581,1.58h9.692c0.874,0,1.58-0.707,1.58-1.58l0,0
c0-0.874-0.706-1.582-1.58-1.582h-9.692C57.358,629.143,56.651,629.851,56.651,630.725L56.651,630.725z" />
</g>
</g>
<g id="car1">
<path fill="#C1272D" d="M7.066,634.543c0.375-6.893,5.17-14.58,7.972-14.58h28.494c1.813,0,10.164,7.878,10.891,11.026h6.158
c2.209,0,3.999,1.791,3.999,3.999v3.999c0,2.208-1.789,3.998-3.999,3.998H11.039c-2.208,0-3.999-1.79-3.999-3.998v-3.999
C7.04,634.838,7.05,634.688,7.066,634.543z" />
<circle fill="#32403D" cx="54.502" cy="642.011" r="5.109" />
<circle fill="#465955" cx="54.503" cy="642.011" r="2.356" />
<circle fill="#32403D" cx="15.717" cy="642.011" r="5.108" />
<circle fill="#465955" cx="15.717" cy="642.011" r="2.356" />
<path fill="#68847D" d="M44.034,622.581H22.692v7.365h26.801C51.406,629.946,45.834,624.076,44.034,622.581z M10.609,629.946
c0,0,4.641,0,10.715,0v-7.365h-6.831C13.333,623.857,11.705,626.714,10.609,629.946z" />
<path fill="#FFFFFF" d="M7.041,634.973h1.268c0.354,0,0.643,0.289,0.643,0.644v0.644c0,0.355-0.288,0.643-0.643,0.643H7.04v-1.914
C7.04,634.983,7.041,634.979,7.041,634.973z" />
<path fill="#FFFFFF" d="M63.588,633.325h0.627c0.232,0.507,0.365,1.069,0.365,1.663v1.241h-0.992
c-0.533,0-0.967-0.434-0.967-0.968v-0.97C62.621,633.759,63.055,633.325,63.588,633.325z" />
<path fill="#32403D" d="M6.759,639.069c-0.462,0-0.838,0.374-0.838,0.84v0.837c0,0.463,0.376,0.839,0.838,0.839h1.354
c0.463,0,0.838-0.376,0.838-0.839v-0.837c0-0.466-0.375-0.84-0.838-0.84H6.759z" />
<path fill="#32403D" d="M63.904,639.069c-0.463,0-0.838,0.374-0.838,0.84v0.837c0,0.463,0.375,0.839,0.838,0.839h1.354
c0.463,0,0.838-0.376,0.838-0.839v-0.837c0-0.466-0.375-0.84-0.838-0.84H63.904z" />
<path fill="#A62127" d="M48.396,631.944c1.103,0,1.997-0.896,1.997-1.998s-0.894-1.997-1.997-1.997V631.944z" />
</g>
<g id="car2">
<path fill="#8FEDD1" d="M790.863,618.001c-0.375-6.894-5.172-14.58-7.973-14.58h-11.656c-1.814,0-10.163,7.879-10.892,11.025
h-6.157c-2.208,0-4,1.792-4,4.001v3.997c0,2.209,1.792,4,4,4h32.705c2.209,0,3.998-1.791,3.998-4v-3.997
C790.889,618.296,790.879,618.146,790.863,618.001z" />
<g>
<circle fill="#32403D" cx="760.263" cy="625.469" r="5.108" />
<circle fill="#465955" cx="760.264" cy="625.469" r="2.357" />
</g>
<g>
<circle fill="#32403D" cx="782.213" cy="625.469" r="5.109" />
<circle fill="#465955" cx="782.212" cy="625.469" r="2.357" />
</g>
<path fill="#68847D" d="M783.437,606.039h-12.704c-1.801,1.496-7.373,7.364-5.459,7.364c1.422,0,22.049,0,22.049,0
C786.226,610.174,784.597,607.315,783.437,606.039z" />
<path fill="#FFFFFF" d="M790.889,618.431h-1.268c-0.354,0-0.643,0.288-0.643,0.644v0.644c0,0.354,0.288,0.642,0.643,0.642h1.268
v-1.912C790.889,618.441,790.889,618.436,790.889,618.431z" />
<path fill="#FFFFFF" d="M751.179,616.783h-0.627c-0.231,0.507-0.366,1.067-0.366,1.664v1.241h0.993
c0.532,0,0.968-0.434,0.968-0.969v-0.969C752.146,617.217,751.711,616.783,751.179,616.783z" />
<g>
<path fill="#32403D" d="M791.171,622.526c0.462,0,0.837,0.375,0.837,0.839v0.838c0,0.464-0.375,0.839-0.837,0.839h-1.355
c-0.462,0-0.837-0.375-0.837-0.839v-0.838c0-0.464,0.375-0.839,0.837-0.839H791.171z" />
</g>
<g>
<path fill="#32403D" d="M750.861,622.526c0.466,0,0.841,0.375,0.841,0.839v0.838c0,0.464-0.375,0.839-0.841,0.839h-1.352
c-0.464,0-0.84-0.375-0.84-0.839v-0.838c0-0.464,0.376-0.839,0.84-0.839H750.861z" />
</g>
<path fill="#7ED1B8" d="M766.08,614.82c-0.781,0-1.418-0.634-1.418-1.417c0-0.78,0.637-1.415,1.418-1.415V614.82z" />
</g>
</g>
</svg>
</div>
</div>
</div>
</section>
---
<!--
作者:offline
时间:2019-04-11
描述:
# SVG Loading Images
<svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="10px" y="10px"
width="60px" height="60px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
<path opacity="0.2" fill="#333" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946
s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634
c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"/>
<path fill="#000" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0
C22.32,8.481,24.301,9.057,26.013,10.047z">
<animateTransform attributeType="xml"
attributeName="transform"
type="rotate"
from="0 20 20"
to="360 20 20"
dur="0.5s"
repeatCount="indefinite"/>
</path>
</svg>
<svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="60px" height="60px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
<path fill="#000" d="M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z">
<animateTransform attributeType="xml"
attributeName="transform"
type="rotate"
from="0 25 25"
to="360 25 25"
dur="0.6s"
repeatCount="indefinite"/>
</path>
</svg>
<svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="60px" height="60px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
<path fill="#000" d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z">
<animateTransform attributeType="xml"
attributeName="transform"
type="rotate"
from="0 25 25"
to="360 25 25"
dur="0.6s"
repeatCount="indefinite"/>
</path>
</svg>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="10px" y="10px"
width="42px" height="42px" viewBox="0 0 24 24" style="enable-background:new 0 0 50 50;" xml:space="preserve">
<rect x="0" y="0" width="4" height="7" fill="#333">
<animateTransform attributeType="xml"
attributeName="transform" type="scale"
values="1,1; 1,3; 1,1"
begin="0s" dur="0.6s" repeatCount="indefinite" />
</rect>
<rect x="10" y="0" width="4" height="7" fill="#333">
<animateTransform attributeType="xml"
attributeName="transform" type="scale"
values="1,1; 1,3; 1,1"
begin="0.2s" dur="0.6s" repeatCount="indefinite" />
</rect>
<rect x="20" y="0" width="4" height="7" fill="#333">
<animateTransform attributeType="xml"
attributeName="transform" type="scale"
values="1,1; 1,3; 1,1"
begin="0.4s" dur="0.6s" repeatCount="indefinite" />
</rect>
</svg>
***
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="24px" height="30px" viewBox="0 0 24 30" style="enable-background:new 0 0 50 50;" xml:space="preserve">
<rect x="0" y="0" width="4" height="10" fill="#333">
<animateTransform attributeType="xml"
attributeName="transform" type="translate"
values="0 0; 0 20; 0 0"
begin="0" dur="0.6s" repeatCount="indefinite" />
</rect>
<rect x="10" y="0" width="4" height="10" fill="#333">
<animateTransform attributeType="xml"
attributeName="transform" type="translate"
values="0 0; 0 20; 0 0"
begin="0.2s" dur="0.6s" repeatCount="indefinite" />
</rect>
<rect x="20" y="0" width="4" height="10" fill="#333">
<animateTransform attributeType="xml"
attributeName="transform" type="translate"
values="0 0; 0 20; 0 0"
begin="0.4s" dur="0.6s" repeatCount="indefinite" />
</rect>
</svg>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="24px" height="30px" viewBox="0 0 24 30" style="enable-background:new 0 0 50 50;" xml:space="preserve">
<rect x="0" y="13" width="4" height="5" fill="#333">
<animate attributeName="height" attributeType="XML"
values="5;21;5"
begin="0s" dur="0.6s" repeatCount="indefinite" />
<animate attributeName="y" attributeType="XML"
values="13; 5; 13"
begin="0s" dur="0.6s" repeatCount="indefinite" />
</rect>
<rect x="10" y="13" width="4" height="5" fill="#333">
<animate attributeName="height" attributeType="XML"
values="5;21;5"
begin="0.15s" dur="0.6s" repeatCount="indefinite" />
<animate attributeName="y" attributeType="XML"
values="13; 5; 13"
begin="0.15s" dur="0.6s" repeatCount="indefinite" />
</rect>
<rect x="20" y="13" width="4" height="5" fill="#333">
<animate attributeName="height" attributeType="XML"
values="5;21;5"
begin="0.3s" dur="0.6s" repeatCount="indefinite" />
<animate attributeName="y" attributeType="XML"
values="13; 5; 13"
begin="0.3s" dur="0.6s" repeatCount="indefinite" />
</rect>
</svg>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="24px" height="30px" viewBox="0 0 24 30" style="enable-background:new 0 0 50 50;" xml:space="preserve">
<rect x="0" y="0" width="4" height="20" fill="#333">
<animate attributeName="opacity" attributeType="XML"
values="1; .2; 1"
begin="0s" dur="0.6s" repeatCount="indefinite" />
</rect>
<rect x="7" y="0" width="4" height="20" fill="#333">
<animate attributeName="opacity" attributeType="XML"
values="1; .2; 1"
begin="0.2s" dur="0.6s" repeatCount="indefinite" />
</rect>
<rect x="14" y="0" width="4" height="20" fill="#333">
<animate attributeName="opacity" attributeType="XML"
values="1; .2; 1"
begin="0.4s" dur="0.6s" repeatCount="indefinite" />
</rect>
</svg>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="24px" height="30px" viewBox="0 0 24 30" style="enable-background:new 0 0 50 50;" xml:space="preserve">
<rect x="0" y="10" width="4" height="10" fill="#333" opacity="0.2">
<animate attributeName="opacity" attributeType="XML" values="0.2; 1; .2" begin="0s" dur="0.6s" repeatCount="indefinite" />
<animate attributeName="height" attributeType="XML" values="10; 20; 10" begin="0s" dur="0.6s" repeatCount="indefinite" />
<animate attributeName="y" attributeType="XML" values="10; 5; 10" begin="0s" dur="0.6s" repeatCount="indefinite" />
</rect>
<rect x="8" y="10" width="4" height="10" fill="#333" opacity="0.2">
<animate attributeName="opacity" attributeType="XML" values="0.2; 1; .2" begin="0.15s" dur="0.6s" repeatCount="indefinite" />
<animate attributeName="height" attributeType="XML" values="10; 20; 10" begin="0.15s" dur="0.6s" repeatCount="indefinite" />
<animate attributeName="y" attributeType="XML" values="10; 5; 10" begin="0.15s" dur="0.6s" repeatCount="indefinite" />
</rect>
<rect x="16" y="10" width="4" height="10" fill="#333" opacity="0.2">
<animate attributeName="opacity" attributeType="XML" values="0.2; 1; .2" begin="0.3s" dur="0.6s" repeatCount="indefinite" />
<animate attributeName="height" attributeType="XML" values="10; 20; 10" begin="0.3s" dur="0.6s" repeatCount="indefinite" />
<animate attributeName="y" attributeType="XML" values="10; 5; 10" begin="0.3s" dur="0.6s" repeatCount="indefinite" />
</rect>
</svg>
-->
</textarea>
<script src="remark-latest.min.js">
</script>
<script>
var slideshow = remark.create();
</script>
</body>
</html>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。