vue世界时区选择显示时间和昼夜动画效果-html代码-BFW代码库

代码语言：html
所属分类：选择器
代码描述：vue世界时区选择显示时间和昼夜动画效果
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<style>
body {
  font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  background: #f3f8fc;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#f3f8fc), to(#efe6f9));
  background: linear-gradient(to bottom, #f3f8fc 0%, #efe6f9 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f8fc', endColorstr='#efe6f9',GradientType=0 );
  /* IE6-9 */
  width: 100vw;
  height: 100vh;
  min-height: 700px;
}

#app {
  color: white;
  max-width: 300px;
  padding: 60px;
  background: #2b323a;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #2b323a 0%, #1d0c1f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b323a', endColorstr='#1d0c1f',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  margin: 30px auto;
  display: table;
  box-shadow: 16px 16px 32px rgba(30, 15, 33, 0.5);
}

select, option {
  font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

select {
  background: transparent;
  color: #b1afb8;
  font-size: 18px;
  margin: -23px auto;
  border: 1px solid #4f4d53;
  display: table;
  line-height: 20px;
  text-align: center;
  position: relative;
  z-index: 3000;
}

.dial {
  width: 100%;
  opacity: 0.85;
}

.tree-front-group {
  opacity: 0.5;
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
}

#moonstars {
  opacity: 0;
}

svg text {
  font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

@media (max-width: 600px) {
  #app {
    max-width: 200px;
    margin: 10px auto;
  }

  body {
    min-height: 500px;
  }
}
#app:not(:root:root) {
  padding: 30px;
}
</style>

</head>
<body translate="no">
<div id="app">
<svg class="dial" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="150 0 350 600">
<defs>
<clipPath id="clip-path">
<path fill="none" d="M27.7.3h331.7v332.32H27.7z" />
</clipPath>
<clipPath id="clip-path-2">
<path fill="none" clip-path="url(#clip-path)" d="M28.4.9h.6l-.6.7V.9z" />
</clipPath>
<clipPath id="clip-path-3">
<path fill="none" d="M27.7.3h331.7v332.32H27.7z" />
</clipPath>
<clipPath id="clip-path-19" transform="translate(131.5 -.3)">
<path fill="none" d="M-3.7 567.7l194-123.4 211.4 120-15.4-308.6-386-1.4-4 313.4z" />
</clipPath>
<linearGradient id="linear-gradient" x1="324.49" y1="624" x2="324.49" y2="277.41" gradientUnits="userSpaceOnUse">
<stop offset="0.35" stop-color="#d774e8" />
<stop offset="0.44" stop-color="#c87ee7" />
<stop offset="0.61" stop-color="#9f98e5" />
<stop offset="0.83" stop-color="#5fc1e1" />
<stop offset="1" stop-color="#2be2de" />
</linearGradient>
<linearGradient id="linear-gradient-2" x1="325.83" y1="554.88" x2="325.83" y2="349.19" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#686571" />
<stop offset="0.62" stop-color="#696370" />
<stop offset="0.85" stop-color="#6c5c6b" />
<stop offset="0.91" stop-color="#6d5969" />
<stop offset="0.93" stop-color="#725568" />
<stop offset="0.95" stop-color="#7f4b65" />
<stop offset="0.98" stop-color="#953a60" />
<stop offset="1" stop-color="#ab295b" />
</linearGradient>
<clipPath id="clip-path-21" transform="translate(131.5 -.3)">
<path d="M437-51H-42v479H4.7c12.5-94.3 93.1-167 190.8-167s178.3 72.7 190.8 167H437z" fill="none" />
</clipPath>
<clipPath id="clip-path-22" transform="translate(131.5 -.3)">
<path fill="none" clip-path="url(#clip-path-2)" d="M27.1-.4h-.7l.7-.6v.6z" />
</clipPath>
<clipPath id="clip-path-23" transform="translate(131.5 -.3)">
<path fill="none" d="M27.7.3h331.7v332.32H27.7z" />
</clipPath>
<linearGradient id="linear-gradient-3" x1="489.5" y1="1131.7" x2="489.5" y2="935.21" gradientTransform="matrix(1 0 0 -1 -164.51 1139.7)" gradientUnits="userSpaceOnUse">
<stop id="stopcolor" offset="0" stop-color="#76b4e8" />
<stop offset="1" stop-color="#c4f7fb" />
</linearGradient>
<linearGradient id="linear-gradient-4" x1="488.88" y1="885.92" x2="488.88" y2="1051.6" gradientTransform="matrix(1 0 0 -1 -164.51 1139.7)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#fff" />
<stop offset="1" />
</linearGradient>
<linearGradient id="linear-gradient-5" x1="488.88" y1="885.92" x2="488.88" y2="1051.6" gradientTransform="matrix(1 0 0 -1 -164.51 1139.7)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#ffff4f" />
<stop offset="1" stop-color="#aabb74" />
</linearGradient>
<linearGradient id="linear-gradient-6" x1="489.17" y1="842.38" x2="489.17" y2="1037.32" gradientTransform="matrix(1 0 0 -1 -164.51 1139.7)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#b3b3b3" />
<stop offset="1" />
</linearGradient>
<linearGradient id="linear-gradient-7" x1="489.17" y1="842.38" x2="489.17" y2="1037.32" gradientTransform="matrix(1 0 0 -1 -164.51 1139.7)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#e30057" />
<stop offset="1" stop-color="#aabb74" />
</linearGradient>
<radialGradient id="radial-gradient" cx="604.71" cy="1087.78" r="39.85" gradientTransform="matrix(1 0 0 -1 -164.51 1139.7)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#fff" />
<stop offset="0.89" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<radialGradient id="radial-gradient-2" cx="473.92" cy="879.62" r="56.53" gradientTransform="matrix(1 0 0 -1 -164.51 1139.7)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#f4f4f4" />
<stop offset="1" />
</radialGradient>
<radialGradient id="radial-gradient-3" cx="473.92" cy="879.62" r="56.53" gradientTransform="matrix(1 0 0 -1 -164.51 1139.7)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#8454a8" />
<stop offset="1" stop-color="#9d93c8" />
</radialGradient>
<linearGradient id="linear-gradient-8" x1="-369.49" y1="873.88" x2="-361.62" y2="873.88" gradientTransform="rotate(180 -105.55 570)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#696969" />
<stop offset="0.45" stop-color="#fff" />
<stop offset="0.8" stop-color="#fff" />
</linearGradient>
<linearGradient id="linear-gradient-9" x1="-369.49" y1="873.88" x2="-361.62" y2="873.88" gradientTransform="rotate(180 -105.55 570)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#3c2c43" />
<stop offset="0.45" stop-color="#96443d" />
<stop offset="0.8" stop-color="#77415b" />
</linearGradient>
<linearGradient id="linear-gradient-10" x1="-355.98" y1="890.59" x2="-349.62" y2="890.59" xlink:href="#linear-gradient-8" />
<linearGradient id="linear-gradient-11" x1="-355.98" y1="890.59" x2="-349.62" y2="890.59" xlink:href="#linear-gradient-9" />
<linearGradient id="linear-gradient-12" x1="-414.12" y1="863.62" x2="-400.26" y2="863.62" xlink:href="#linear-gradient-8" />
<linearGradient id="linear-gradient-13" x1="-414.12" y1="863.62" x2="-400.26" y2="863.62" xlink:href="#linear-gradient-9" />
<radialGradient id="radial-gradient-4" cx="618.47" cy="846.26" r="36.8" xlink:href="#radial-gradient-2" />
<radialGradient id="radial-gradient-5" cx="618.47" cy="846.26" r="36.8" xlink:href="#radial-gradient-3" />
<linearGradient id="linear-gradient-14" x1="-516.57" y1="842.52" x2="-511" y2="842.52" xlink:href="#linear-gradient-8" />
<linearGradient id="linear-gradient-15" x1="-516.57" y1="842.52" x2="-511" y2="842.52" xlink:href="#linear-gradient-9" />
<linearGradient id="linear-gradient-16" x1="-507.01" y1="860.05" x2="-502.51" y2="860.05" xlink:href="#linear-gradient-8" />
<linearGradient id="linear-gradient-17" x1="-507.01" y1="860.05" x2="-502.51" y2="860.05" xlink:href="#linear-gradient-9" />
<linearGradient id="linear-gradient-18" x1="-548.15" y1="831.8" x2="-538.35" y2="831.8" xlink:href="#linear-gradient-8" />
<linearGradient id="linear-gradient-19" x1="-548.15" y1="831.8" x2="-538.35" y2="831.8" xlink:href="#linear-gradient-9" />
<radialGradient id="radial-gradient-6" cx="359.75" cy="889.81" r="45.37" xlink:href="#radial-gradient-2" />
<radialGradient id="radial-gradient-7" cx="359.75" cy="889.81" r="45.37" xlink:href="#radial-gradient-3" />
<linearGradient id="linear-gradient-20" x1="-260.64" y1="883.27" x2="-255.07" y2="883.27" xlink:href="#linear-gradient-8" />
<linearGradient id="linear-gradient-21" x1="-260.64" y1="883.27" x2="-255.07" y2="883.27" xlink:href="#linear-gradient-9" />
<linearGradient id="linear-gradient-22" x1="-251.08" y1="900.8" x2="-246.58" y2="900.8" xlink:href="#linear-gradient-8" />
<linearGradient id="linear-gradient-23" x1="-251.08" y1="900.8" x2="-246.58" y2="900.8" xlink:href="#linear-gradient-9" />
<linearGradient id="linear-gradient-24" x1="-292.22" y1="872.54" x2="-282.42" y2="872.54" xlink:href="#linear-gradient-8" />
<linearGradient id="linear-gradient-25" x1="-292.22" y1="872.54" x2="-282.42" y2="872.54" xlink:href="#linear-gradient-9" />
</defs>
<title>
    time6-export
  </title>
<g id="Layer_1" data-name="Layer 1">
<text id="currentlocation" transform="translate(272.4 555.8)" font-size="12" fill="#686571" font-family="MyriadPro-Semibold, Myriad Pro" font-weight="700">
CURRENT LOCATION
</text>
<g opacity="0.33">
<g clip-path="url(#clip-path-19)">
<circle cx="324.5" cy="450.7" r="167.3" fill="none" stroke-miterlimit="10" stroke-width="12" stroke-dasharray="2 5.01" stroke="url(#linear-gradient)" />
</g>
</g>
<text transform="translate(325 465.2)" font-size="36" fill="#fff" font-family="MyriadPro-Semibold, Myriad Pro" font-weight="700" text-anchor="middle">
{{ timeVal }}
</text>
<text transform="translate(281.8 423.9)" font-size="17.23" fill="#686571" font-family="MyriadPro-Semibold, Myriad Pro" font-weight="700">
<tspan letter-spacing="-0.04em">L</tspan><tspan x="7.8" y="0" letter-spacing="0em">O</tspan><tspan x="19.9" y="0" letter-spacing="0.01em">C</tspan><tspan x="30.2" y="0">AL</tspan><tspan x="49.6" y="0" letter-spacing="-0.04em"> </tspan><tspan x="52.5" y="0">TIME</tspan>
</text>
<g id="changecolor">
<g clip-path="url(#clip-path-19)">
<g id="dialspin">
<circle cx="325.8" cy="452" r="102.3" fill="none" stroke-miterlimit="10" stroke="url(#linear-gradient-2)" />
<circle cx="327.2" cy="350" r="2.2" fill="#ab295b" />
</g>
</g>
</g>
<text transform="translate(310.5 306.8)" font-size="12" fill="#686571" font-family="MyriadPro-Semibold, Myriad Pro" font-weight="700">
12<tspan x="12.9" y="0" letter-spacing="-0.01em">P</tspan><tspan x="19.4" y="0">M</tspan>
</text>
<text transform="translate(179.1 400.9)" font-size="12" fill="#686571" font-family="MyriadPro-Semibold, Myriad Pro" font-weight="700">
6<tspan x="6.4" y="0" letter-spacing="0em">A</tspan><tspan x="14" y="0">M</tspan>
</text>
<text transform="translate(444.1 400.9)" font-size="12" fill="#686571" font-family="MyriadPro-Semibold, Myriad Pro" font-weight="700">
6<tspan x="6.4" y="0" letter-spacing="-0.01em">P</tspan><tspan x="13" y="0">M</tspan>
</text>
<text transform="translate(173.1 470)" font-size="12" fill="#686571" font-family="MyriadPro-Semibold, Myriad Pro" font-weight="700">
3<tspan x="6.4" y="0" letter-spacing="0em">A</tspan><tspan x="14" y="0">M</tspan>
</text>
<text transform="translate(449.1 470)" font-size="12" fill="#686571" font-family="MyriadPro-Semibold, Myriad Pro" font-weight="700">
9<tspan x="6.4" y="0" letter-spacing="-0.01em">P</tspan><tspan x="13" y="0">M</tspan>
</text>
<text transform="translate(227.4 339.4)" font-size="12" fill="#686571" font-family="MyriadPro-Semibold, Myriad Pro" font-weight="700">
9<tspan x="6.4" y="0" letter-spacing="0em">A</tspan><tspan x="14" y="0">M</tspan>
</text>
<text transform="translate(399.1 339.4)" font-size="12" fill="#686571" font-family="MyriadPro-Semibold, Myriad Pro" font-weight="700">
3<tspan x="6.4" y="0" letter-spacing="-0.01em">P</tspan><tspan x="13" y="0">M</tspan>
</text>
<g id="radcircs" fill="#2be2de">
<circle cx="326.2" cy="454" r="26.3" opacity="0.02" />
<circle cx="326.2" cy="454" r="40.3" opacity="0.02" />
<circle cx="326.2" cy="454" r="55.4" opacity="0.02" />
<circle cx="326.2" cy="454" r="70.9" opacity="0.02" />
<circle cx="326.2" cy="454" r="85.3" opacity="0.01" />
</g>
</g>
<g id="Layer_2" data-name="Layer 2">
<g clip-path="url(#clip-path-21)">
<g>
<g id="sky-2" data-name="sky">
<g clip-path="url(#clip-path-22)">
<path fill="blue" d="M157.9 0h334.3v332.32H157.9z" />
</g>
</g>
<g clip-path="url(#clip-path-23)">
<path id="sky-3" data-name="sky" fill="url(#linear-gradient-3)" d="M157.9 0h334.3v332.32H157.9z" />
</g>
<g clip-path="url(#clip-path-23)">
<g id="cloud">
<g id="cloudlg" opacity="0.58">
<g opacity="0.36">
<circle cx="207.1" cy="90.3" r="37" transform="rotate(-11.48 276.48 -592.53)" fill="#ffebee" />
</g>
<g opacity="0.63">
<circle cx="235.9" cy="59.7" r="37" transform="rotate(-10.9 301.17 -629.13)" fill="#ffebee" />
</g>
<g opacity="0.67">
<circle cx="188.8" cy="59" r="21.1" transform="rotate(-10.9 253.66 -629.97)" fill="#ffebee" />
</g>
<g opacity="0.44">
<circle cx="279.3" cy="79" r="21.1" transform="rotate(-10.9 344.84 -610.16)" fill="#ffebee" />
</g>
<g opacity="0.22">
<circle cx="167.3" cy="79.2" r="21.1" transform="rotate(-10.9 232.17 -609.8)" fill="#ffebee" />
</g>
</g>
<g id="cloudsm" opacity="0.58">
<g opacity="0.36">
<circle cx="88.3" cy="137.2" r="20.6" transform="matrix(.98 -.2 .2 .98 107 19)" fill="#ffebee" />
</g>
<g opacity="0.63">
<circle cx="104.3" cy="120.2" r="20.6" transform="rotate(-10.9 169.02 -568.76)" fill="#ffebee" />
</g>
<g opacity="0.44">
<circle cx="78.1" cy="119.8" r="11.7" transform="rotate(-10.9 142.62 -569.17)" fill="#ffebee" />
</g>
<g opacity="0.44">
<circle cx="128.5" cy="130.9" r="11.7" transform="rotate(-10.9 193.38 -557.98)" fill="#ffebee" />
</g>
<g opacity="0.22">
<circle cx="66.1" cy="130.9" r="11.7" transform="rotate(-10.9 130.41 -557.64)" fill="#ffebee" />
</g>
</g>
 </g>
</g>
<g clip-path="url(#clip-path-23)">
<g id="mountains">
<g>
<g>
<path fill="#80c3ff" d="M280.5 269.2L397.8 64.8l91.3 134.4 36.4-51.4 130.1 132.8H280.5v-11.4z" />
<path fill="#5ca1fc" d="M397.8 64.8l-14.9 81.8 13-1.3 1.9 135.3H280.5v-12.1L397.8 64.8z" />
</g>
<path fill="#b8f1ff" d="M397.8 64.8l91.3 134.4 25.2 30.1 37.6 51.3H438.6l-15.5-102.1-9.2-5.8-1.6-35.1-14.5-72.8z" />
<path fill="#d7ffff" opacity="0.52" style="isolation:isolate" d="M397.8 64.8l-30.4 52.9 13.7 12.4 4.6 1.1 24.4-4.4 19.8 4.4 5.6-10.9-37.7-55.5z" />
</g>
<g>
<g>
<path d="M244.8 147.8l-36.3 51.4-91.3-134.4-95.2 166c-.9 2.3-1.8 4.6-2.8 6.9-1.9 4.5-4.4 8.9-6.5 13.4l-.5 1c-.6 1.5-1.2 3.1-1.8 4.5-3.2 7.9-6.3 15.8-10.5 23.2v.7h375.2z" fill="#80c3ff" />
<path fill="#5ca1fc" d="M208.5 199.2l25.2 30.1 11.1-81.5-36.3 51.4z" />
</g>
<path fill="#91bbe8" opacity="0.25" style="isolation:isolate" d="M117.2 64.8l91.3 134.4 25.2 30.1 37.5 51.3H158l-15.6-102.1-9.1-5.8-1.7-35.1-14.4-72.8z" />
<path fill="#b8f1ff" d="M245.7 148.8L375 280.6h-73.1l-41.2-53 3.7-25.9-18.7-52.9z" />
<path fill="#d7ffff" opacity="0.52" style="isolation:isolate" d="M225.6 174.9l13.3 16.4 19.4-7 7.2-9.4v-6l-20.7-21.1-19.2 27.1z" />
</g>
<g>
<path fill="#80c3ff" d="M104.7 280.6l57.2-63.1 25.1 18.6 114.8-89.6 136 134.1H104.7z" />
<path fill="#5ca1fc" d="M301.8 146.5L187 236.1l17.8 19.2 17.3 25.3H287l1.8-67.1 6.9-20 6.1-47zm-139.9 71l-57.2 63.1h36l28.6-11.1-4.4-29.1-4.3-11.7 1.3-11.2z" />
<path fill="#b8f1ff" d="M301.8 146.5l136 134.1H329.9l-4.7-67.1-10.4-12.6-4.4-33.4-8.6-21zm-139.9 71l25.1 18.6 17.8 19.2 17.3 25.3h-38.2l3.1-16.7-14.3-18.6-10.8-27.8z" />
<path fill="#d7ffff" opacity="0.52" style="isolation:isolate" d="M301.8 146.5L275.5 167l14.5 16.8 12.7 4 14-4.9 2-14.1.9-4.7-17.8-17.6zm-139.9 71L143.2 238l13.1 7.5h13.6l9.1-5.9 1-8.7-18.1-13.4z" />
</g>
</g>
</g>
<g id="yellowlayer-2" data-name="yellowlayer">
<g clip-path="url(#clip-path-22)">
<path fill="url(#linear-gradient-4)" d="M157.9 0h332.9v286.04H157.9z" />
</g>
</g>
<g clip-path="url(#clip-path-23)">
<path id="yellowlayer-3" data-name="yellowlayer" opacity="0.2" fill="url(#linear-gradient-5)" style="isolation:isolate" d="M157.9 0h332.9v286.04H157.9z" />
</g>
<g clip-path="url(#clip-path-23)">
<g id="tree-bk">
<path d="M419.6 272.5c-.5.5 1.2 1.1 0 0zm0 .8c1 4.7 7.5 1.9 6 .5q.1.7-.4.2a.8.8 0 0 1 .1.8c-2.7-1.9-4.4.4-5.7-1.5zm-.6-.3c-.8-.8-1.1-1 0 0zm4.1 11.5c-1.2-1.6-2.9-1.9-3.6-1.4 3.9 5 4.2 5.2 7.9.8l.2-.3c.2-.3-5.8-.8-4.5.9zm51.4-18.2c1.3-2.5-.7 1 0 0zm-66.2-26.6c-1.1 1.7-.1.1 0 0zm19.3 32.4c2.5-3.1-.7.6.1-2-.2.3-1.3 3.5-.1 2zm-18.3 4.3c-.3 1.9.1.4 0 0zm67.8 15.3c-.3.4.2-.5 0 0zM414.7 277c.6 1.3.3-.6 0 0zm69.1-4.8c.6 1.6.3-.8 0 0zm-66.3-.1c.6.8-1.3-2.1 0 0zm64.8 24.1c1.3.5-.3-.3 0 0z" fill="#92a0d5" />
<path d="M427.8 270.3c1.5-2.3.2-.6 0 0zm17.7-9.9zm0 0c1-.4-2-.8-2.7-2.1.3 2 1 2.8 2.7 2.1zm.8 2.6c.8-1.5-1-1 0 0zm-1.8 6c.3-.2-.7-1.1 0 0zm-16.7-2.8c-1.4 1.7 0 .4 0 0zm36.4-15.4c.5.9 1.9 4.9 2.8 5.6s-.1.1-.1.3c2.8-1.8 8.2-6.8 7.6-11.2-.6 1-.5.3-.4-.3l-.6 1.5c-.2.1.1-1.7.1-1.6a14.8 14.8 0 0 1-2.1 1.9l.8-1.7c-.9.6-4.9 2.9-2.5 4.2-1.4-.7-.1-.1-1.4.3a20.6 20.6 0 0 1 1.4 2.3c-1.7-1-2.4-2-3.7-2.8l.9 1.6h-.1c-.4 0-1.9-1.5-2.1-1.8s.4 1.6.2 1.6-1.9-2-.8.1zM451 283.1c.9-1.4-1 .8-1.4 1.4s-1.2-1.9-2.1-.3c2.1 2.2 1.7 1.6 3.5-1.1zm-8-14.3c.8.8-1.4-2.5 0 0zm7.1 3.1c-1.6 2.7-.6.8-.5.1s.3-.8 0-.1-.3 0-1.2 1.4c.3-.4-1.9-1 .1 1.6a6.1 6.1 0 0 0 1.6-3zm-22.9 25c.4-.3.2-.4 0 0zm1.8-15.7c.7 0 0-1.1 0 0zm1.6-12.6c1.4-2.5-.7 1 0 0zm-1.3.2c.5-1.4-1.4 2.7 0 0zm-14.7-22.9l1.6.4h-.2a3.9 3.9 0 0 1-1.6-.6.5.5 0 0 1 .2.2zm3 9.5c-.1 0-.2-.3-.3-.6h-.1c0 .2-.1.3-.5-.2a7 7 0 0 0 0 1.2l2.4.6-1.4-1.1s0 .2-.1.1zm16.1 19.5c.2-.7.3-2 0 0zm39.4-16.8c.1-.3-1-.4-1.1-1.3-1.3 1.9-1.2.5-2.1 2.6 2.3 1.1 1.3 1.1 3.6-1.4h.1c.7-1.2 2-4.3-.5.1zM439 230.3h-.1c.4 1.7 1.4 2.1.1 0zm.9 44.3c.6 1.5.3-.8 0 0zm-65.8 34.3c.9-.5.5-.7 0 0zm2.5-41c-.1-.3-.1-.4-.3-.2s-1.5-.7-2.1 0 1.6 2 2.4.2zm-.3 39.9c1-2.5-.4.2 0 0zm.4-40.1c1.1-1.6.1-1.2 0 0zm4.4 16c.4-1.1-.5-.4 0 0zm9.5-6.4c.8 1-1.5-2.7 0 0zm-3.2 6.5c.7 1.8.3-.9 0 0zm3.1 24.6c0-.4-1-1.4 0 0zM370 281.2c.6 1.6.3-.9 0 0zm22.5-2.8c-.1-2.1-1.1-1.2 0 0zm-23.2-42.1h-.1c.3 1.8 1.1 2 .1 0zm-4.7 45.2c.2-.7.2-2.1 0 0zm12.3-24.9c-2.3-1.6-1.8-.4-3.1-2-2.5 3 .8 2.9 1 6.2a17.7 17.7 0 0 0 2.1-4.2zm.7-1.5c1-2-.5.1-.1-1.8-.1.2-.5 1.8-.6 1.8s-.4-1-.8-.8a20.4 20.4 0 0 1 1 2.1l.6-1.3zm-3.1-.9c-.6.8 1.1.5 0 0zm2.5 2.2h.2z" fill="#92a0d5" />
<path d="M376.6 253.7c-.5.6.6.4 0 0zm29.9 17.9c-.8 1.8 1-1 0 0zm-2.6 24.2c-.2-.6-1 .5 0 0zm1.6-1.3c-.4.4-.5 1.4 0 0zM405 272zm81.9-33.5a37.6 37.6 0 0 1-3.3-3.1 13.1 13.1 0 0 0 1 2.5zM405 272.3a2.8 2.8 0 0 1 .1-.3c-.1.1-.1.2-.1.3zm-11.1 20.8c.6-.4-3.2-4.2 0 0zm2.2.5c-1-.2-.1.8 0 0zm-1.6-.9c.5-.5.5-2.1 0 0zm1.1-.7c.5-.3.2-1.4 0 0zm2.9-17.7h-.1c0 .3 0 .8.1 0zm-4.7 4.2c.4 1.3.7 2.7-.7.3.6 3.1 2.3 2.2 2.6 2.3h.1c1.6-.5-1.6-1.9-2-2.6z" fill="#92a0d5" />
<path d="M393.4 278.3c-1.6-1.5.7 2 0 0zm.1-4c0 .4 1.5 1.7 0 0zm3.7 10.4c.6.6.1.1 0 0 2.6 2.3 8.1 2.7 8-2.5-1.8 3.5-1.6-.7-3.9 2.6 1.1-1.7-5.5-1.4-4.1-.1zm7.3-12.2c-.4.5-1.2 2.1 0 0zm-.6-2.6c-1.3 1.4 0 .3 0 0zm1.1 2.4c-.1.2-.1.4-.1.5s-.1.3 0 .1a2.9 2.9 0 0 1 .1-.6z" fill="#92a0d5" />
<path d="M401.7 277.3c1.1-1.4 2.4-2.4 2.7-4-1.1 1.8-.9.9-.6-.2-1.6 2.6-2.3 0-4.2 1.9-.4.5 1.1-1.4 2.1 2.3zm84.6-29.9a17.1 17.1 0 0 0 1.7 3.5l2.7.7a30.4 30.4 0 0 1-4.4-4.2zm-56 0zm-163.1-13c.8 1.8 2.8 5.2 4 6.1-1.8-1.3-1.9-.8-3.4-1.3.1.7 3.1 5.5 3.8 5.7a11.3 11.3 0 0 1-3.8-1.8c3.2 7 7.2 5.8 10.9.1a15 15 0 0 1-4.3 1.9c.6-.3 4.2-4.9 4.2-5.8-1.8.6-2.1.1-4 1.5a21 21 0 0 0 3.8-4.7v-.2c-1 1.4-.8.8-.3-.5-3.9-7.7-4.3-16.4-5.5-26.3-.7 8.4-1.4 18.4-5.1 25.1 1.1 2.6 1.9 3.9-.3.2zM445.9 299h.1s0-.1-.1 0zm-99.1 8c.1-.1 0-.1 0 0zm100.9-43.5c.2-.5-.6-1.6-.7-1.5-.6 3.4 1.2 2.9 3.1 1.2a8.1 8.1 0 0 1-1-1.4c-.5.4-.6 0-1.4 1.7zm-22.9.7h-.1l-1-.3c.1.5 1.5.9 1.3.9a6.6 6.6 0 0 1-2.7-.1h.1l-.4-.2c0 .5-.9.5-.5 1.2-1-1.9-.8-.5-2.1-2.1 0 1.7-1.4.6-2-.6 1.3 10 12.7-.1 13.1-5.1-.6 1.5-2.2 2.9-2.2.9-1.3 1.9-1.2.4-2.2 2.7.4-.8-.7-1-.6-1.6l-.4.3h-.1v.2-.2a7 7 0 0 0-2 .5c.4.1.1.3-1 .1s1.4-.6 1.4-1.2-.9.1-1.6.5c3.4-2 9.7-7.3 9-12.4-.6 1-.5.3-.4-.3l-.6 1.5c-.2.1.1-1.7.1-1.6a14.8 14.8 0 0 1-2.1 1.9h-.1l.8-1.7-1 .8a51 51 0 0 1-4.3 6.2h3.1c-2.5 4.2-5.3 5.6-7.6 4.6a19.7 19.7 0 0 0 6.1 5.1zm64 14.1a4.4 4.4 0 0 0 3 4.1v-2.9c-1.3-.3-1.4 1.8-3-1.2zm-227.2-35.2zm134 11.5c-.4-.5-.8-.6-1.2-.5a22.7 22.7 0 0 1 1.4 2.7c-1.8-1.2-2.5-2.3-3.8-3.1l.9 1.8h-.1c-.4 0-2-1.7-2.3-1.9s.5 1.9.1 1.8a10.2 10.2 0 0 0-.6-1.6c.1.6.4 1.5-.4.5-.6 5.5 6.1 11 9.9 13-.2-.1-1.7-.5-1.7-.3s1.7 1 1.5 1a9.1 9.1 0 0 1-3.2-.2h.1l-.5-.3c0 .6-1.1.7-.6 1.7-1.2-2.6-.9-.6-2.4-2.8 0 2.1-1.5 1-2.3-.8 1.4 12.3 15.1 5.1 15.8-2.4-.6 1.2-1.9 2.5-2 .8-1.2 1.6-1 .4-1.9 2.3.3-.6-.6-.8-.6-1.3l-.3.3h.1a7.6 7.6 0 0 1-2.8.5c-.3-.1 1.2-.5 1.2-1l-1 .3h-.1c3.1-1.8 8.2-6.2 7.7-10.3-.6.8-.5.2-.3-.3l-.5 1.3c-.2.1.1-1.4.1-1.4a11.3 11.3 0 0 1-1.9 1.6h-.1l.7-1.4c-1.1.8-1.8 1.7-3.2 2.6a18.9 18.9 0 0 1 1.2-2.1c-1.2-.3-.1-.8-1.3-.1 2.5-1.5 6.6-6.4 7.1-9.3-1.8 1.3-1.8.2-3.1 1.7.6-.7-.3-1.1-1.2-.5a20.6 20.6 0 0 0 4.6-5.8 9.7 9.7 0 0 1-3.2 1.8c.6-.3 3.2-4.6 3.2-5.3s-1.6.1-3.1 1.4c1-.8 2.4-3.3 3.2-5.1h-.1c-1.4 2.5-1 1.4-.3-.7-1.9-6.1-2.5-13.6-3.1-20.1-1.5 12.7-1.9 23.6-9.9 32.7h2.1c-1 1.7-2.7 3.2-3.5 4.9l3.6-2a6.4 6.4 0 0 1-4.3 3.3 15.7 15.7 0 0 0 2.6 2c-2.8-1.9.3.7-.2.6zM290.7 249c.1.3.3 1.2.1 1a3.4 3.4 0 0 0-1.7-.8l-1.3 1.4 2.6-.6a7 7 0 0 1-1 2.8 24.1 24.1 0 0 0 7.1 5.2c-1.9-.8.2-.2-1.7.3a23.2 23.2 0 0 1 1.7 2.1c-1.9-.9-2.9-1.8-4.4-2.6l1.1 1.5h-.1c-.5 0-2.1-1.3-2.6-1.6s.5 1.6.2 1.4-.6-1.3-.8-1.4.4 1.2-.4.5c-.3 2.3 1.5 5.5 3.8 6.9l.2-.2.5.5a3.7 3.7 0 0 0 5.3-1.6 10.7 10.7 0 0 1-3.4 1.6c.6-.2 3.3-4.2 3.3-4.9s-1.6.1-3.2 1.2a17.4 17.4 0 0 0 3.6-5.4c-3.6 6 1.5-4.3 2-6.4-.3 1.4-.1 1.1.1.6a20.1 20.1 0 0 0 .8 2..........完整代码请登录后点击上方下载按钮下载查看