jquery+css实现公交车行驶在天气晴朗白云飘飘的城市道路上代码
代码语言:html
所属分类:动画
代码描述:jquery+css实现公交车行驶在天气晴朗白云飘飘的城市道路上代码
代码标签: jquery css 公交车 行驶 天气 晴朗 白云 城市 道路
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> @import url("https://fonts.googleapis.com/css?family=Dancing+Script"); body { background:#fff7b0; width:100%; height:100vh; margin:0; padding:0; position:relative; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-family:"Dancing Script",cursive; } .credit-section { position:absolute; text-align:left; left:15px; bottom:20px; color:#fff; font-size:16px; } .credit-section a { color:#faee5a; cursor:pointer; } .heading { top:50px !important; left:30% !important; font-family:"Dancing Script",cursive; } .heading h1 { font-size:60px; color:#68b69f; } .main-section { height:700px; max-width:992px; margin:0 auto; border:15px solid #fff; background:#68cdaf; position:absolute; top:50%; left:0; right:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); } #scene { height:100%; overflow:hidden; } .cloud_3 { top:20px !important; left:-150px !important; width:400px; -webkit-animation:animateCloud3 15s linear infinite alternate both; animation:animateCloud3 15s linear infinite alternate both; } .cloud_3 img { width:100%; } .cloud_1 { top:200px !important; left:-150px !important; } .cloud_2 { left:auto !important; top:-50px !important; right:-50px !important; width:300px; -webkit-animation:animateCloud4 15s linear infinite alternate both; animation:animateCloud4 15s linear infinite alternate both; } .rope-line { top:auto !important; bottom:140px; height:85px; left:-50px !important; right:-50px; z-index:2; } .rope-line >.inner { background:url("//repo.bfw.wiki/bfwrepo/images/radar/rope-line_zd9qwz.png"); background-size:1500px; background-repeat:repeat-x; height:100%; } .hills-background-wrap { top:auto !important; bottom:145px; z-index:-1; height:230px; left:-50px !important; right:-50px; } .hills-background-wrap >.inner { background:url("https://res.cloudinary.com/dyquku6bs/image/upload/v1537333316/hill-bg_rzukmt.png"); background-size:3000px; background-repeat:repeat-x; height:100%; } .buildings-bg { top:auto !important; bottom:145px; z-index:1; height:255px; left:-50px !important; right:-50px; } .buildings-bg >.inner { position:absolute; left:0; right:0; top:0; bottom:0; height:100%; background:url("https://res.cloudinary.com/dyquku6bs/image/upload/v1537333316/buildings-background_rxiq0u.png") 0% 0% repeat-x; animation:move-bg 1000s linear reverse; background-size:3000px; } .bus-wrap { position:absolute; bottom:15px; top:auto !important; z-index:3; left:auto !important; right:80px; width:400px; } .bus-wrap >.inner { position:relative; -webkit-animation:bus-bounce 0.75s linear infinite; animation:bus-bounce 0.75s linear infinite; } .bus-wrap svg { width:100%; } .bus-wrap .tyres-wrapper { position:absolute; top:0; left:0; right:0; bottom:0; } .bus-wrap .tyres-wrapper .tyres-content:nth-child(1) { position:absolute; bottom:36px; left:80px; } .bus-wrap .tyres-wrapper .tyres-content:nth-child(2) { position:absolute; bottom:36px; right:105px; } .bus-wrap .tyres { position:relative; z-index:1; width:18px; height:18px; background:#f4f4f4; border-radius:50%; border:8px solid #333; } .bus-wrap .rim-section { position:relative; width:14px; height:14px; background:#f3f3f3; border-radius:50%; border:2px solid #f1f1f1; } .bus-wrap .rim-dot { position:absolute; width:10px; height:10px; border:2px dashed #4e5066; border-radius:50%; -webkit-animation:rim-dot 2s linear infinite; animation:rim-dot 2s linear infinite; } .road-wrap { height:150px; background:#4a4953; position:absolute; top:auto !important; left:0; right:0; bottom:0; } .road-wrap .bar { position:absolute; content:""; background-image:linear-gradient(to right,rgba(255,255,255,0.3) 40%,rgba(255,255,255,0) 0%); background-position:bottom; background-size:39px 9px; background-repeat:repeat-x; height:4px; left:0; width:100%; right:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); } .road-wrap .bar:before { content:""; position:absolute; background-image:linear-gradient(to right,rgba(255,255,255,0.3) 40%,rgba(255,255,255,0) 0%); background-size:39px 9px; height:4px; left:-101%; display:block; width:100%; } .road-wrap:before { position:absolute; content:""; left:0; right:0; top:10px; border-top:5px solid #e6db69; } /* KEYFRAMES */@-webkit-keyframes animateCloud { 0% { left:-20%; } 100% { left:100%; } }@keyframes animateCloud { 0% { left:-20%; } 100% { left:100%; } }@-webkit-keyframes animateCloud1 { 0% { left:-10%; } 100% { left:100%; } }@keyframes animateCloud1 { 0% { left:-10%; } 100% { left:100%; } }@-webkit-keyframes animateCloud2 { 0% { left:-30%; } 100% { left:100%; } }@keyframes animateCloud2 { 0% { left:-30%; } 100% { left:100%; } }@-webkit-keyframes animateCloud3 { 0% { margin-left:0; } 100% { margin-left:100px; } }@keyframes animateCloud3 { 0% { margin-left:0; } 100% { margin-left:100px; } }@-webkit-keyframes animateCloud4 { 0% { margin-right:0; } 100% { margin-right:150px; } }@keyframes animateCloud4 { 0% { margin-right:0; } 100% { margin-right:150px; } }@-webkit-keyframes wire-move { 0% { margin-bottom:0; } 100% { margin-bottom:-30px; } }@keyframes wire-move { 0% { margin-bottom:0; } 100% { margin-bottom:-30px; } }/* ANIMATIONS */#background-wrap { opacity:0.7; } .x1 { -webkit-animation:animateCloud 100s linear infinite; animation:animateCloud 100s linear infinite; -webkit-transform:scale(0.2); transform:scale(0.2); position:absolute; top:50px; } .x2 { -webkit-animation:animateCloud1 200s linear infinite; animation:animateCloud1 200s linear infinite; -webkit-transform:scale(0.3); transform:scale(0.3); position:absolute; top:300px; } .x3 { -webkit-animation:animateCloud2 150s linear infinite; animation:animateCloud2 150s linear infinite; -webkit-transform:scale(0.4); transform:scale(0.4); position:absolute; top:150px; } /* Clouds */.cloud { background:#fff; background:linear-gradient(top,#fff 5%,#f1f1f1 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#fff",endColorstr="#f1f1f1",GradientType=0 ); border-radius:100px; box-shadow:0 8px 5px rgba(0,0,0,0.1); height:120px; position:relative; width:350px; } .cloud:after,.cloud:before { background:#fff; content:""; position:absolute; z-index:-1; } .cloud:after { border-radius:100px; height:100px; left:50px; top:-50px; width:100px; } .cloud:before { border-radius:200px; width:180px; height:180px; right:50px; top:-90px; } .slide-right { -webkit-animation:slide-right 30s linear infinite both; animation:slide-right 30s linear infinite both; } .slide-right-img { -webkit-animation:slide-right-img 100s linear infinite; animation:slide-right-img 100s linear infinite; } .slide-right-buildings { -webkit-animation:slide-right-buildings 115s linear infinite; animation:slide-right-buildings 115s linear infinite; } .slide-right-rope { -webkit-animation:slide-right-rope 90s linear infinite; animation:slide-right-rope 90s linear infinite; } @-webkit-keyframes slide-right { 0% { -webkit-transform:translateX(0); transform:translateX(0); } 100% { -webkit-transform:translateX(100%); transform:translateX(100%); } }@keyframes slide-right { 0% { -webkit-transform:translateX(0); transform:translateX(0); } 100% { -webkit-transform:translateX(100%); transform:translateX(100%); } }@-webkit-keyframes slide-right-rope { 100% { background-position:5000px 0; } }@keyframes slide-right-rope { 100% { background-position:5000px 0; } }@-webkit-keyframes slide-right-buildings { 0% { background-position:0 0; } 100% { background-position:5000px 0; } }@keyframes slide-right-buildings { 0% { background-position:0 0; } 100% { background-position:5000px 0; } }@-webkit-keyframes slide-right-img { 100% { background-position:3000px 0; } }@keyframes slide-right-img { 100% { background-position:3000px 0; } }@-webkit-keyframes bus-bounce { 0% { top:1px; } 20% { top:0px; } 40% { top:1px; } 75% { top:0px; } 100% { top:0px; } }@keyframes bus-bounce { 0% { top:1px; } 20% { top:0px; } 40% { top:1px; } 75% { top:0px; } 100% { top:0px; } }@-webkit-keyframes rim-dot { 0% { -webkit-transform:rotateZ(0deg); transform:rotateZ(0deg); } 50% { -webkit-transform:rotateZ(-180deg); transform:rotateZ(-180deg); } 100% { -webkit-transform:rotateZ(-360deg); transform:rotateZ(-360deg); } }@keyframes rim-dot { 0% { -webkit-transform:rotateZ(0deg); transform:rotateZ(0deg); } 50% { -webkit-transform:rotateZ(-180deg); transform:rotateZ(-180deg); } 100% { -webkit-transform:rotateZ(-360deg); transform:rotateZ(-360deg); } }@-webkit-keyframes move-bg { to { background-position-x:5000%; } }@keyframes move-bg { to { background-position-x:5000%; } } </style> </head> <body> <div class="main-section"> <div id="scene"> <div id="background-wrap"> <div class="x1"> <div class="cloud"></div> </div> <div class="x2"> <div class="cloud"></div> </div> <div class="x3"> <div class="cloud"></div> </div> </div> <div class="cloud_3" data-depth="0.2"><img src="//repo.bfw.wiki/bfwrepo/images/radar/ic_cloud-3_ygyuja.svg" alt=""></div> <div class="heading" data-depth="0.1"> <h1>A Beautiful Day</h1> </div> <div class="cloud_1" data-depth="0.6"><img src="//repo.bfw.wiki/bfwrepo/images/radar/ic_cloud-1_y4gj1j.svg" alt=""></div> <div class="cloud_2" data-depth="0.4"><img src="//repo.bfw.wiki/bfwrepo/images/radar/ic_cloud-2_uw3c2v.svg" alt=""></div> <div class="hills-background-wrap"> <div class="inner slide-right-img"></div> </div> <div class="rope-line"> <div class="inner slide-right-rope"></div> </div> <div class="buildings-bg"> <div class="inner"></div> </div> <div class="bus-wrap"> <div class="inner"><svg width="621px" height="182px" viewBox="0 0 621 182" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>bus Clipped</title><desc>Created with Sketch.</desc><defs><rect id="path-1" x="0" y="0" width="4860" height="996"></rect><path d="M594.470881,148.950741 L591.294014,151.571433 C587.638852,154.588205 580.922868,157 576.180772,157 L13.4417459,157 C8.30740914,157 3.75203894,152.860525 3.26480368,147.750913 L0.165709314,115.206205 C-0.267398067,110.664229 0.177608079,103.392385 1.16124897,98.94008 L21.0361416,8.928585 C22.1292344,3.98086207 27.0866126,0 32.1558247,0 L596.577702,0 C601.7631,0 606,4.23362221 606,9.4167241 L606,90.7248068 C606,95.193892 605.602422,102.451447 605.114202,106.886198 L602.037339,134.938957 C601.517669,139.686671 598.157724,145.907821 594.470881,148.950741 Z" id="path-3"></path><path d="M594.470881,148.950741 L591.294014,151.571433 C587.638852,154.588205 580.922868,157 576.180772,157 L13.4417459,157 C8.30740914,157 3.75203894,152.860525 3.26480368,147.750913 L0.165709314,115.206205 C-0.267398067,110.664229 0.177608079,103.392385 1.16124897,98.94008 L21.0361416,8.928585 C22.1292344,3.98086207 27.0866126,0 32.1558247,0 L596.577702,0 C601.7631,0 606,4.23362221 606,9.4167241 L606,90.7248068 C606,95.193892 605.602422,102.451447 605.114202,106.886198 L602.037339,134.938957 C601.517669,139.686671 598.157724,145.907821 594.470881,148.950741 Z" id="path-5"></path><path d="M594.470881,148.950741 L591.294014,151.571433 C587.638852,154.588205 580.922868,157 576.180772,157 L13.4417459,157 C8.30740914,157 3.75203894,152.860525 3.26480368,147.750913 L0.165709314,115.206205 C-0.267398067,110.664229 0.177608079,103.392385 1.16124897,98.94008 L21.0361416,8.928585 C22.1292344,3.98086207 27.0866126,0 32.1558247,0 L596.577702,0 C601.7631,0 606,4.23362221 606,9.4167241 L606,90.7248068 C606,95.193892 605.602422,102.451447 605.114202,106.886198 L602.037339,134.938957 C601.517669,139.686671 598.157724,145.907821 594.470881,148.950741 Z" id="path-7"></path><path d="M594.470881,148.950741 L591.294014,151.571433 C587.638852,154.588205 580.922868,157 576.180772,157 L13.4417459,157 C8.30740914,157 3.75203894,152.860525 3.26480368,147.750913 L0.165709314,115.206205 C-0.267398067,110.664229 0.177608079,103.392385 1.16124897,98.94008 L21.0361416,8.928585 C22.1292344,3.98086207 27.0866126,0 32.1558247,0 L596.577702,0 C601.7631,0 606,4.23362221 606,9.4167241 L606,90.7248068 C606,95.193892 605.602422,102.451447 605.114202,106.886198 L602.037339,134.938957 C601.517669,139.686671 598.157724,145.907821 594.470881,148.950741 Z" id="path-9"></path><path d="M594.470881,148.950741 L591.294014,151.571433 C587.638852,154.588205 580.922868,157 576.180772,157 L13.4417459,157 C8.30740914,157 3.75203894,152.860525 3.26480368,147.750913 L0.165709314,115.206205 C-0.267398067,110.664229 0.177608079,103.392385 1.16124897,98.94008 L21.0361416,8.928585 C22.1292344,3.98086207 27.0866126,0 32.1558247,0 L596.577702,0 C601.7631,0 606,4.23362221 606,9.4167241 L606,90.7248068 C606,95.193892 605.602422,102.451447 605.114202,106.886198 L602.037339,134.938957 C601.517669,139.686671 598.157724,145.907821 594.470881,148.950741 Z" id="path-11"></path><path d="M594.470881,148.950741 L591.294014,151.571433 C587.638852,154.588205 580.922868,157 576.180772,157 L13.4417459,157 C8.30740914,157 3.75203894,152.860525 3.26480368,147.750913 L0.165709314,115.206205 C-0.267398067,110.664229 0.177608079,103.392385 1.16124897,98.94008 L21.0361416,8.928585 C22.1292344,3.98086207 27.0866126,0 32.1558247,0 L596.577702,0 C601.7631,0 606,4.23362221 606,9.4167241 L606,90.7248068 C606,95.193892 605.602422,102.451447 605.114202,106.886198 L602.037339,134.938957 C601.517669,139.686671 598.157724,145.907821 594.470881,148.950741 Z" id="path-13"></path><path d="M594.470881,148.950741 L591.294014,151.571433 C587.638852,154.588205 580.922868,157 576.180772,157 L13.4417459,157 C8.30740914,157 3.75203894,152.860525 3.26480368,147.750913 L0.165709314,115.206205 C-0.267398067,110.664229 0.177608079,103.392385 1.16124897,98.94008 L21.0361416,8.928585 C22.1292344,3.98086207 27.0866126,0 32.1558247,0 L596.577702,0 C601.7631,0 606,4.23362221 606,9.4167241 L606,90.7248068 C606,95.193892 605.602422,102.451447 605.114202,106.886198 L602.037339,134.938957 C601.517669,139.686671 598.157724,145.907821 594.470881,148.950741 Z" id="path-15"></path><path d="M594.470881,148.950741 L591.294014,151.571433 C587.638852,154.588205 580.922868,157 576.180772,157 L13.4417459,157 C8.30740914,157 3.75203894,152.860525 3.26480368,147.750913 L0.165709314,115.206205 C-0.267398067,110.664229 0.177608079,103.392385 1.16124897,98.94008 L21.0361416,8.928585 C22.1292344,3.98086207 27.0866126,0 32.1558247,0 L596.577702,0 C601.7631,0 606,4.23362221 606,9.4167241 L606,90.7248068 C606,95.193892 605.602422,102.451447 605.114202,106.886198 L602.037339,134.938957 C601.517669,139.686671 598.157724,145.907821 594.470881,148.950741 Z" id="path-17"></path><path d="M594.470881,148.950741 L591.294014,151.571433 C587.638852,154.588205 580.922868,157 576.180772,157 L13.4417459,157 C8.30740914,157 3.75203894,152.860525 3.26480368,147.750913 L0.165709314,115.206205 C-0.267398067,110.664229 0.177608079,103.392385 1.16124897,98.94008 L21.0361416,8.928585 C22.1292344,3.98086207 27.0866126,0 32.1558247,0 L596.577702,0 C601.7631,0 606,4.23362221 606,9.4167241 L606,90.7248068 C606,95.193892 605.602422,102.451447 605.114202,106.886198 L602.037339,134.938957 C601.517669,139.686671 598.157724,145.907821 594.470881,148.950741 Z" id="path-19"></path><path d="M594.470881,148.950741 L591.294014,151.571433 C587.638852,154.588205 580.922868,157 576.180772,157 L13.4417459,157 C8.30740914,157 3.75203894,152.860525 3.26480368,147.750913 L0.165709314,115.206205 C-0.267398067,110.664229 0.177608079,103.392385 1.16124897,98.94008 L21.0361416,8.928585 C22.1292344,3.98086207 27.0866126,0 32.1558247,0 L596.577702,0 C601.7631,0 606,4.23362221 606,9.4167241 L606,90.7248068 C606,95.193892 605.602422,102.451447 605.114202,106.886198 L602.037339,134.938957 C601.517669,139.686671 598.157724,145.907821 594.470881,148.950741 Z" id="path-21"></path><path d="M594.470881,148.950741 L591.294014,151.571433 C587.638852,154.588205 580.922868,157 576.180772,157 L13.4417459,157 C8.30740914,157 3.75203894,152.860525 3.26480368,147.750913 L0.165709314,115.206205 C-0.267398067,110.664229 0.177608079,103.392385 1.16124897,98.94008 L21.0361416,8.928585 C22.1292344,3.98086207 27.0866126,0 32.1558247,0 L596.577702,0 C601.7631,0 606,4.23362221 606,9.4167241 L606,90.7248068 C606,95.193892 605.602422,102.451447 605.114202,106.886198 L602.037339,134.938957 C601.517669,139.686671 598.157724,145.907821 594.470881,148.950741 Z" id="path-23"></path><path d="M594.470881,148.950741 L591.294014,151.571433 C587.638852,154.588205 580.922868,157 576.180772,157 L13.4417459,157 C8.30740914,157 3.75203894,152.860525 3.26480368,147.750913 L0.165709314,115.206205 C-0.267398067,110.664229 0.177608079,103.392385 1.16124897,98.94008 L21.0361416,8.928585 C22.1292344,3.98086207 27.0866126,0 32.1558247,0 L596.577702,0 C601.7631,0 606,4.23362221 606,9.4167241 L606,90.7248068 C606,95.193892 605.602422,102.451447 605.114202,106.886198 L602.037339,134.938957 C601.517669,139.686671 598.157724,145.907821 594.470881,148.950741 Z" id="path-25"></path><path d="M51.5733154,43 C52.9138242,43 54,41.9115583 54,40.5673552 L54,2.43543778 C54,1.09024052 52.912832,0 51.5733154,0 L2.42389846,0 C1.08537441,0 0,1.08924605 0,2.43543778 L0,40.5673552 C0,41.9125528 1.08438226,43 2.42389846,43 L51.5733154,43 Z" id="path-27"></path><path d="M594.470881,148.950741 L591.294014,151.571433 C587.638852,154.588205 580.922868,157 576.180772,157 L13.4417459,157 C8.30740914,157 3.75203894,152.860525 3.26480368,147.750913 L0.165709314,115.206205 C-0.267398067,110.664229 0.177608079,103.392385 1.16124897,98.94008 L21.0361416,8.928585 C22.1292344,3.98086207 27.0866126,0 32.1558247,0 L596.577702,0 C601.7631,0 606,4.23362221 606,9.4167241 L606,90.7248068 C606,95.193892 605.602422,102.451447 605.114202,106.886198 L602.037339,134.938957 C601.517669,139.686671 598.157724,145.907821 594.470881,148.950741 Z" id="path-29"></path><path d="M51.5733154,43 C52.9138242,43 54,41.9115583 54,40.5673552 L54,2.43543778 C54,1.09024052 52.912832,0 51.5733154,0 L2.42389846,0 C1.08537441,0 0,1.08924605 0,2.43543778 L0,40.5673552 C0,41.9125528 1.08438226,43 2.42389846,43 L51.5733154,43 Z" id="path-31"></path><path d="M594.470881,148.950741 L591.294014,151.571433 C587.638852,154.588205 580.922868,157 576.180772,157 L13.4417459,157 C8.30740914,157 3.75203894,152.860525 3.26480368,147.750913 L0.165709314,115.206205 C-0.267398067,110.664229 0.177608079,103.392385 1.16124897,98.94008 L21.0361416,8.928585 C22.1292344,3.98086207 27.0866126,0 32.1558247,0 L596.577702,0 C601.7631,0 606,4.23362221 606,9.4167241 L606,90.7248068 C606,95.193892 605.602422,102.451447 605.114202,106.886198 L602.037339,134.938957 C601.517669,139.686671 598.157724,145.907821 594.470881,148.950741 Z" id="path-33"></path><path d="M51.5733154,43 C52.9138242,43 54,41.9115583 54,40.5673552 L54,2.43543778 C54,1.09024052 52.912832,0 51.5733154,0 L2.42389846,0 C1.08537441,0 0,1.08924605 0,2.43543778 L0,40.5673552 C0,41.9125528 1.08438226,43 2.42389846,43 L51.5733154,43 Z" id="path-35"></path><path d="M594.470881,148.950741 L591.294014,151.571433 C587.638852,154.588205 580.922868,157 576.180772,157 L13.4417459,157 C8.30740914,157 3.75203894,152.860525 3.26480368,147.750913 L0.165709314,115.206205 C-0.267398067,110.664229 0.177608079,103.392385 1.16124897,98.94008 L21.0361416,8.928585 C22.1292344,3.98086207 27.0866126,0 32.1558247,0 L596.577702,0 C601.7631,0 606,4.23362221 606,9.4167241 L606,90.7248068 C606,95.193892 605.602422,102.451447 605.114202,106.886198 L602.037339,134.938957 C601.517669,139.686671 598.157724,145.907821 594.470881,148.950741 Z" id="path-37"></path><path d="M51.5733154,43 C52.9138242,43 54,41.9115583 54,40.5673552 L54,2.43543778 C54,1.09024052 52.912832,0 51.5733154,0 L2.42389846,0 C1.08537441,0 0,1.08924605 0,2.43543778 L0,40.5673552 C0,41.9125528 1.08438226,43 2.42389846,43 L51.5733154,43 Z" id="path-39"></path><path d="M594.470881,148.950741 L591.294014,151.571433 C587.638852,154.588205 580.922868,157 576.180772,157 L13.4417459,157 C8.30740914,157 3.75203894,152.860525 3.26480368,147.750913 L0.165709314,115.206205 C-0.267398067,110.664229 0.177608079,103.392385 1.16124897,98.94008 L21.0361416,8.928585 C22.1292344,3.98086207 27.0866126,0 32.1558247,0 L596.577702,0 C601.7631,0 606,4.23362221 606,9.4167241 L606,90.7248068 C606,95.193892 605.602422,102.451447 605.114202,106.886198 L602.037339,134.938957 C601.517669,139.686671 598.157724,145.907821 594.470881,148.950741 Z" id="path-41"></path><path d="M51.5733154,43 C52.9138242,43 54,41.9115583 54,40.5673552 L54,2.43543778 C54,1.09024052 52.912832,0 51.5733154,0 L2.42389846,0 C1.08537441,0 0,1.08924605 0,2.43543778 L0,40.5673552 C0,41.9125528 1.08438226,43 2.42389846,43 L51.5733154,43 Z" id="path-43"></path><path d="M594.470881,148.950741 L591.294014,151.571433 C587.638852,154.588205 580.922868,157 576.180772,157 L13.4417459,157 C8.30740914,157 3.75203894,152.860525 3.26480368,147.750913 L0.165709314,115.206205 C-0.267398067,110.664229 0.177608079,103.392385 1.16124897,98.94008 L21.0361416,8.928585 C22.1292344,3.98086207 27.0866126,0 32.1558247,0 L596.577702,0 C601.7631,0 606,4.23362221 606,9.4167241 L606,90.7248068 C606,95.193892 605.602422,102.451447 605.114202,106.886198 L602.037339,134.938957 C601.517669,139.686671 598.157724,145.907821 594.470881,148.950741 Z" id="path-45"></path><path d="M51.5733154,43 C52.9138242,43 54,41.9115583 54,40.5673552 L54,2.43543778 C54,1.09024052 52.912832,0 51.5733154,0 L2.42389846,0 C1.08537441,0 0,1.08924605 0,2.43543778 L0,40.5673552 C0,41.9125528 1.08438226,43 2.42389846,43 L51.5733154,43 Z" id="path-47"></path><path d="M594.470881,148.950741 L591.294014,151.571433 C587.638852,154.588205 580.922868,157 576.180772,157 L13.4417459,157 C8.30740914,157 3.75203894,152.860525 3.26480368,147.750913 L0.165709314,115.206205 C-0.267398067,110.664229 0.177608079,103.392385 1.16124897,98.94008 L21.0361416,8.928585 C22.1292344,3.98086207 27.0866126,0 32.1558247,0 L596.577702,0 C601.7631,0 606,4.23362221 606,9.4167241 L606,90.7248068 C606,95.193892 605.602422,102.451447 605.114202,106.886198 L602.037339,134.938957 C601.517669,139.686671 598.157724,145.907821 594.470881,148.950741 Z" id="path-49"></path><path d="M51.5733154,43 C52.9138242,43 54,41.9115583 54,40.5673552 L54,2.43543778 C54,1.09024052 52.912832,0 51.5733154,0 L2.42389846,0 C1.08537441,0 0,1.08924605 0,2.43543778 L0,40.5673552 C0,41.9125528 1.08438226,43 2.42389846,43 L51.5733154,43 Z" id="path-51"></path><path d="M594.470881,148.950741 L591.294014,151.571433 C587.638852,154.588205 580.922868,157 576.180772,157 L13.4417459,157 C8.30740914,157 3.75203894,152.860525 3.26480368,147.750913 L0.165709314,115.206205 C-0.267398067,110.664229 0.177608079,103.392385 1.16124897,98.94008 L21.0361416,8.928585 C22.1292344,3.98086207 27.0866126,0 32.1558247,0 L596.577702,0 C601.7631,0 606,4.23362221 606,9.4167241 L606,90.7248068 C606,95.193892 605.602422,102.451447 605.114202,106.886198 L602.037339,134.938957 C601.517669,139.686671 598.157724,145.907821 594.470881,148.950741 Z" id="path-53"></path><path d="M594.470881,148.950741 L591.294014,151.571433 C587.638852,154.588205 580.922868,157 576.180772,157 L13.4417459,157 C8.30740914,157 3.75203894,152.860525 3.26480368,147.750913 L0.165709314,115.206205 C-0.267398067,110.664229 0.177608079,103.392385 1.16124897,98.94008 L21.0361416,8.928585 C22.1292344,3.98086207 27.0866126,0 32.1558247,0 L596.577702,0 C601.7631,0 606,4.23362221 606,9.4167241 L606,90.7248068 C606,95.193892 605.602422,102.451447 605.114202,106.886198 L602.037339,134.938957 C601.517669,139.686671 598.157724,145.907821 594.470881,148.950741 Z" id="path-55"></path><path d="M594.470881,148.950741 L591.294014,151.571433 C587.638852,154.588205 580.922868,157 576.180772,157 L13.4417459,157 C8.30740914,157 3.75203894,152.860525 3.26480368,147.750913 L0.165709314,115.206205 C-0.267398067,110.664229 0.177608079,103.392385 1.16124897,98.94008 L21.0361416,8.928585 C22.1292344,3.98086207 27.0866126,0 32.1558247,0 L596.577702,0 C601.7631,0 606,4.23362221 606,9.4167241 L606,90.7248068 C606,95.193892 605.602422,102.451447 605.114202,106.886198 L602.037339,134.938957 C601.517669,139.686671 598.157724,145.907821 594.470881,148.950741 Z" id="path-57"></path><path d="M594.470881,148.950741 L591.294014,151.571433 C587.638852,154.588205 580.922868,157 576.180772,157 L13.4417459,157 C8.30740914,157 3.75203894,152.860525 3.26480368,147.750913 L0.165709314,115.206205 C-0.267398067,110.664229 0.177608079,103.392385 1.16124897,98.94008 L21.0361416,8.928585 C22.1292344,3.98086207 27.0866126,0 32.1558247,0 L596.577702,0 C601.7631,0 606,4.23362221 606,9.4167241 L606,90.7248068 C606,95.193892 605.602422,102.451447 605.114202,106.886198 L602.037339,134.938957 C601.517669,139.686671 598.157724,145.907821 594.470881,148.950741 Z" id="path-59"></path><path d="M594.470881,148.950741 L591.294014,151.571433 C587.638852,154.588205 580.922868,157 576.180772,157 L13.4417459,157 C8.30740914,157 3.75203894,152.860525 3.26480368,147.750913 L0.165709314,115.206205 C-0.267398067,110.664229 0.177608079,103.392385 1.16124897,98.94008 L21.0361416,8.928585 C22.1292344,3.98086207 27.0866126,0 32.1558247,0 L596.577702,0 C601.7631,0 606,4.23362221 606,9.4167241 L606,90.7248068 C606,95.193892 605.602422,102.451447 605.114202,106.886198 L602.037339,134.938957 C601.517669,139.686671 598.157724,145.907821 594.470881,148.950741 Z" id="path-61"></path><path d="M594.470881,148.950741 L591.294014,151.571433 C587.638852,154.588205 580.922868,157 576.180772,157 L13.4417459,157 C8.30740914,157 3.75203894,152.860525 3.26480368,147.750913 L0.165709314,115.206205 C-0.267398067,110.664229 0.177608079,103.392385 1.16124897,98.94008 L21.0361416,8.928585 C22.1292344,3.98086207 27.0866126,0 32.1558247,0 L596.577702,0 C601.7631,0 606,4.23362221 606,9.4167241 L606,90.7248068 C606,95.193892 605.602422,102.451447 605.114202,106.886198 L602.037339,134.938957 C601.517669,139.686671 598.157724,145.907821 594.470881,148.950741 Z" id="path-63"></path><path d="M594.470881,148.950741 L591.294014,151.571433 C587.638852,154.588205 580.922868,157 576.180772,157 L13.4417459,157 C8.30740914,157 3.75203894,152.860525 3.26480368,147.750913 L0.165709314,115.206205 C-0.267398067,110.664229 0.177608079,103.392385 1.16124897,98.94008 L21.0361416,8.928585 C22.1292344,3.98086207 27.0866126,0 32.1558247,0 L596.577702,0 C601.7631,0 606,4.23362221 606,9.4167241 L606,90.7248068 C606,95.193892 605.602422,102.451447 605.114202,106.886198 L602.037339,134.938957 C601.517669,139.686671 598.157724,145.907821 594.470881,148.950741 Z" id="path-65"></path></defs><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="illustration" transform="translate(-4131.0.........完整代码请登录后点击上方下载按钮下载查看
网友评论0