自适应分层商品列表效果-html代码-BFW代码库

代码语言：html
代码描述：自适应分层商品列表效果
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="http://repo.bfw.wiki/bfwrepo/css/reset.min.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');

:root {
  --columns: 1;
}

body {
  color: #56626B;
  background-color: #edf9f9;
  font-family: 'Abel', sans-serif;
  font-size: calc(4.3vw/(var(--columns)));
}

h1{
  font-size: 30px;
  text-align: center;
  margin: 4vw;
}

ul{
  display:grid;
  grid-template-columns: repeat(var(--columns),1fr);
}

li{
  position: relative;
  padding-bottom: 50%;
  margin-top: 25%;
}

li::before, li::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
}


li::before {
  top: 50%;
}
li::after {
  top: 100%;
}

img{
  position: absolute;
  height: calc(115vw/(var(--columns)));
  left: 30%;
  top: 80%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-filter: drop-shadow(2px -2px 5px  rgba(0, 0, 0, 0.3));
  filter: drop-shadow(2px -2px 5px  rgba(0, 0, 0, 0.3));
}

div{
  position: absolute;
  background: #f2f4f3;
  padding: 3% 2%;
  border: #8fa0A9 solid 1px;
  border-radius: 8%;
  width: 30%;
  height: 70%;
  left: 60%;
  top: 50%;
  transform: translateX(-50%);
  -webkit-filter: drop-shadow(2px -2px 5px  rgba(0, 0, 0, 0.3));
  filter: drop-shadow(2px -2px 5px  rgba(0, 0, 0, 0.3));
}

p{
  position: absolute;
  font-size: 1.6em;
  top:42%;
  right: 8%
}

li:nth-child(2n) img{
  left: 70%;
}
li:nth-child(2n) div{
  left: 40%;
}
.filler{
  display:none;
}

.bottom{
  grid-column: 1/-1;
  background-size: calc(100%/(var(--columns)));
  background-repeat: repeat-x;
  padding-bottom:  calc(25%/(var(--columns)));
  margin-top:   calc(25%/(var(--columns)));
}
.bottom:before,.bottom:after {
  content: none;
}

@media (min-width:600px){
  :root {
    --columns: 2;
  }
  h1{
    font-size: 40px;
  }
  li:nth-child(n) img{
    left: 30%;
  }
  li:nth-child(n) div{
    left: 60%;
  }
  li:nth-child(4n-1) img,li:nth-child(4n) img{
    left: 70%;
  }
  li:nth-child(4n-1) div,li:nth-child(4n) div{
    left: 40%;
  }
}
@media (min-width:900px){
  :root {
    --columns: 3;
  }
  li:nth-child(n) img{
    left: 30%;
  }
  li:nth-child(n) div{
    left: 60%;
  }
  li:nth-child(6n-2) img,li:nth-child(6n-1) img,li:nth-child(6n) img{
    left: 70%;
  }
  li:nth-child(6n-2) div,li:nth-child(6n-1) div,li:nth-child(6n) div{
    left: 40%;
  }
}
@media (min-width:1200px){
  :root {
    --columns: 4;
  }
  li:nth-child(n) img{
    left: 30%;
  }
  li:nth-child(n) div{
    left: 60%;
  }
  li:nth-child(8n-3) img,li:nth-child(8n-2) img,li:nth-child(8n-1) img,li:nth-child(8n) img{
    left: 70%;
  }
  li:nth-child(8n-3) div,li:nth-child(8n-2) div,li:nth-child(8n-1) div,li:nth-child(8n) div{
    left: 40%;
  }
}
@media (min-width:1500px){
  :root {
    --columns: 5;
  }
  li:nth-child(n) img{
    left: 30%;
  }
  li:nth-child(n) div{
    left: 60%;
  }
  li:nth-child(10n-4) img,li:nth-child(10n-3) img,li:nth-child(10n-2) img,li:nth-child(10n-1) img,li:nth-child(10n) img{
    left: 70%;
  }
  li:nth-child(10n-4) div,li:nth-child(10n-3) div,li:nth-child(10n-2) div,li:nth-child(10n-1) div,li:nth-child(10n) div{
    left: 40%;
  }
  .filler{
    display:block;
  }
}
@media (min-width:1800px){
  :root {
    --columns: 6;
  }
  li:nth-child(n) img{
    left: 30%;
  }
  li:nth-child(n) div{
    left: 60%;
  }
  li:nth-child(12n-5) img,li:nth-child(12n-4) img,li:nth-child(12n-3) img,li:nth-child(12n-2) img,li:nth-child(12n-1) img,li:nth-child(12n) img{
    left: 70%;
  }
  li:nth-child(12n-5) div,li:nth-child(12n-4) div,li:nth-child(12n-3) div,li:nth-child(12n-2) div,li:nth-child(12n-1) div,li:nth-child(12n) div{
    left: 40%;
  }
  .filler{
    display:none;
  }
}

li, li::before, li::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 640 243' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='1.5'%3E%3Cpath fill='none' d='M0 0h640v242.833H0z'/%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h640v242.833H0z'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='none' d='M0-20h640v262.833H0z'/%3E%3CclipPath id='b'%3E%3Cpath d='M0-20h640v262.833H0z'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23b)' fill='%23f2f4f3' stroke='%238fa0a9'%3E%3Cpath d='M79.482 80.741s-28.484-67.76-28.145-67.923c-3.759-9.037 17.221-14.96 18.54-4.959l.002.003c.089-.236 9.603 72.879 9.603 72.879zM79.482 80.741s28.483 67.76 28.144 67.922c3.76 9.037-17.221 14.96-18.54 4.959l-.002-.002c-.089.236-9.602-72.879-9.602-72.879z'/%3E%3Cpath d='M79.482 80.741S69.506 7.918 69.876 7.848c-1.293-9.702 20.506-9.993 19.192.009-.001.001.001.002.001.003.146-.205-9.587 72.881-9.587 72.881z'/%3E%3Cpath d='M79.482 80.741s9.975 72.823 9.605 72.892c1.293 9.702-20.506 9.993-19.191-.008l-.002-.003c-.146.205 9.588-72.881 9.588-72.881z'/%3E%3Cpath d='M79.482 80.741s9.212-72.923 9.587-72.895c1.263-9.706 22.394-4.345 18.536 4.975v.004c.195-.161-28.123 67.916-28.123 67.916zM79.482 80.741s-9.213 72.923-9.588 72.895c-1.263 9.706-22.394 4.345-18.536-4.976v-.003c-.195.16 28.124-67.916 28.124-67.916z'/%3E%3Cpath d='M79.482 80.741s27.772-68.054 28.127-67.93c3.732-9.048 22.755 1.599 16.616 9.603v.004c.229-.105-44.743 58.323-44.743 58.323zM79.482 80.741s-27.773 68.054-28.128 67.929c-3.732 9.049-22.755-1.598-16.616-9.603v-.003c-.229.104 44.744-58.323 44.744-58.323z'/%3E%3Cpath d='M79.482 80.741s44.44-58.547 44.75-58.335c5.946-7.775 21.566 7.434 13.565 13.576l-.002.004c.249-.042-58.313 44.755-58.313 44.755z'/%3E%3Cpath d='M79.482 80.741s-44.441 58.547-44.751 58.335c-5.946 7.774-21.566-7.434-13.565-13.577l.002-.003c-.249.042 58.314-44.755 58.314-44.755zM79.482 80.741s58.078-45.05 58.323-44.765c7.756-5.971 18.908 12.762 9.589 16.624l-.002.003c.251.024-67.91 28.138-67.91 28.138z'/%3E%3Cpath d='M79.482 80.741s-58.079 45.05-58.324 44.765c-7.756 5.97-18.908-12.762-9.589-16.625l.002-.003c-.251-.024 67.911-28.137 67.911-28.137zM79.482 80.741s67.759-28.483 67.922-28.145c9.037-3.759 14.96 17.221 4.959 18.54l-.003.003c.237.088-72.878 9.602-72.878 9.602z'/%3E%3Cpath d='M79.482 80.741s-67.76 28.483-67.923 28.144c-9.037 3.76-14.96-17.221-4.959-18.54l.003-.002c-.237-.088 72.879-9.602 72.879-9.602zM79.482 80.741s72.822-9.975 72.892-9.606c9.702-1.293 9.993 20.506-.008 19.192l-.004.001c.206.147-72.88-9.587-72.88-9.587z'/%3E%3Cpath d='M79.482 80.741S6.659 90.716 6.589 90.347c-9.702 1.292-9.993-20.506.008-19.192l.004-.002c-.206-.146 72.881 9.588 72.881 9.588zM79.482 80.741s72.923 9.213 72.895 9.587c9.706 1.263 4.345 22.394-4.976 18.536h-.003c.16.195-67.916-28.123-67.916-28.123z'/%3E%3Cpath d='M79.482 80.741S6.558 71.528 6.587 71.153c-9.706-1.262-4.345-22.393 4.975-18.535l.004-.001c-.161-.195 67.916 28.124 67.916 28.124zM79.482 80.741s68.054 27.773 67.929 28.127c9.049 3.732-1.599 22.755-9.603 16.617l-.004-.001c.105.23-58.322-44.743-58.322-44.743z'/%3E%3Cpath d='M79.482 80.741s-68.054-27.773-67.93-28.128c-9.049-3.731 1.599-22.755 9.603-16.616h.004c-.105-.229 58.323 44.744 58.323 44.744zM79.482 80.741s58.547 44.44 58.335 44.75c7.774 5.947-7.434 21.566-13.577 13.565l-.003-.001c.041.248-44.755-58.314-44.755-58.314z'/%3E%3Cpath d='M79.482 80.741S20.935 36.301 21.146 35.99c-7.774-5.946 7.434-21.566 13.577-13.564l.003.001c-.041-.249 44.756 58.314 44.756 58.314zM79.482 80.741s45.05 58.079 44.765 58.324c5.97 7.756-12.763 18.907-16.625 9.588l-.003-.002c-.024.251-28.137-67.91-28.137-67.91z'/%3E%3Cpath d='M79.482 80.741S34.431 22.662 34.716 22.417c-5.97-7.756 12.763-18.907 16.625-9.589l.003.003c.024-.252 28.138 67.91 28.138 67.91z'/%3E%3Cpath d='M77.399 64.936c8.723-1.15 16.738 4.999 17.888 13.722 1.149 8.723-5 16.738-13.723 17.888-8.723 1.149-16.738-4.999-17.887-13.722-1.15-8.723 4.999-16.739 13.722-17.888z'/%3E%3Cg%3E%3Cpath d='M239.482 81s-28.487-67.758-28.148-67.921c-3.76-9.037 17.22-14.961 18.54-4.96l.002.003c.088-.237 9.606 72.878 9.606 72.878zM239.482 81s28.486 67.758 28.147 67.921c3.76 9.037-17.22 14.961-18.54 4.96l-.002-.003c-.088.237-9.605-72.878-9.605-72.878z'/%3E%3Cpath d='M239.482 81s-9.979-72.822-9.61-72.892c-1.293-9.702 20.506-9.994 19.192.007l.002.004c.146-.206-9.584 72.881-9.584 72.881zM239.482 81s9.978 72.822 9.609 72.892c1.293 9.702-20.506 9.994-19.192-.007l-.001-.004c-.147.206 9.584-72.881 9.584-72.881z'/%3E%3Cpath d='M239.482 81s9.209-72.924 9.584-72.895c1.262-9.706 22.393-4.347 18.536 4.974v.004c.195-.161-28.12 67.917-28.12 67.917zM239.482 81s-9.21 72.924-9.584 72.895c-1.263 9.706-22.394 4.347-18.536-4.974l-.001-.004c-.195.161 28.121-67.917 28.121-67.917z'/%3E%3Cpath d='M239.482 81s27.769-68.055 28.124-67.931c3.731-9.049 22.755 1.598 16.617 9.602l-.001.004c.23-.105-44.74 58.325-44.74 58.325zM239.482 81s-27.77 68.055-28.125 67.931c-3.731 9.049-22.755-1.598-16.616-9.602v-.004c-.23.105 44.741-58.325 44.741-58.325z'/%3E%3Cpath d='M239.482 81s44.437-58.549 44.747-58.337c5.946-7.775 21.567 7.433 13.566 13.576l-.002.003C298.042 36.2 239.482 81 239.482 81zM239.482 81s-44.438 58.549-44.748 58.337c-5.946 7.775-21.567-7.433-13.566-13.576l.002-.003C180.921 125.8 239.482 81 239.482 81z'/%3E%3Cpath d='M239.482 81s58.076-45.053 58.321-44.768c7.756-5.971 18.908 12.762 9.59 16.624l-.002.003c.251.024-67.909 28.141-67.909 28.141zM239.482 81s-58.077 45.053-58.322 44.768c-7.756 5.971-18.908-12.762-9.59-16.624l.003-.003C171.321 109.117 239.482 81 239.482 81zM239.482 81s67.758-28.486 67.921-28.148c9.037-3.76 14.961 17.221 4.96 18.54l-.003.002c.236.089-72.878 9.606-72.878 9.606zM239.482 81s-67.759 28.486-67.922 28.148c-9.036 3.76-14.96-17.221-4.96-18.54.002 0 .002-.002.003-.002-.236-.089 72.879-9.606 72.879-9.606z'/%3E%3Cpath d='M239.482 81s72.822-9.979 72.892-9.609c9.702-1.293 9.994 20.505-.008 19.192-.001-.001-.002.001-.003.001.205.146-72.881-9.584-72.881-9.584zM239.482 81s-72.823 9.979-72.893 9.609c-9.702 1.293-9.993-20.505.008-19.192.001.001.002-.001.003-.001-.205-.146 72.882 9.584 72.882 9.584z'/%3E%3Cpath d='M239.482 81s72.923 9.209 72.895 9.584c9.706 1.262 4.346 22.394-4.975 18.536h-.003c.16.195-67.917-28.12-67.917-28.12zM239.482 81s-72.924-9.209-72.896-9.584c-9.706-1.262-4.346-22.394 4.975-18.536h.003c-.16-.195 67.918 28.12 67.918 28.12z'/%3E%3Cpath d='M239.482 81s68.055 27.77 67.931 28.124c9.048 3.731-1.598 22.756-9.603 16.617h-.003c.104.229-58.325-44.741-58.325-44.741zM239.482 81s-68.056-27.77-67.931-28.124c-9.049-3.731 1.597-22.756 9.602-16.617h.004C181.052 36.03 239.482 81 239.482 81z'/%3E%3Cpath d='M239.482 81s58.549 44.437 58.337 44.748c7.774 5.946-7.433 21.566-13.576 13.565l-.004-.001c.042.249-44.757-58.312-44.757-58.312zM239.482 81s-58.55-44.437-58.338-44.748c-7.774-5.946 7.433-21.566 13.576-13.565l.004.001C194.682 22.439 239.482 81 239.482 81z'/%3E%3Cpath d='M239.482 81s45.052 58.077 44.767 58.322c5.971 7.755-12.761 18.908-16.624 9.589l-.003-.002c-.024.251-28.14-67.909-28.14-67.909zM239.482 81s-45.053-58.077-44.768-58.322c-5.971-7.755 12.761-18.908 16.624-9.589l.003.002C211.365 12.84 239.482 81 239.482 81z'/%3E%3Cpath d='M237.398 65.195c8.723-1.15 16.739 4.998 17.889 13.721 1.149 8.723-4.999 16.739-13.722 17.889-8.723 1.15-16.738-4.998-17.888-13.721-1.15-8.723 4.998-16.739 13.721-17.889z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M399.482 81.259s-28.471-67.765-28.132-67.928c-3.758-9.037 17.224-14.956 18.541-4.955l.002.003c.089-.237 9.589 72.88 9.589 72.88zM399.482 81.259s28.47 67.765 28.131 67.928c3.758 9.038-17.224 14.957-18.541 4.956l-.002-.003c-.088.236-9.588-72.881-9.588-72.881z'/%3E%3Cpath d='M399.482 81.259S389.52 8.434 389.89 8.365c-1.291-9.702 20.508-9.989 19.191.012l.002.003c.146-.205-9.601 72.879-9.601 72.879zM399.482 81.259s9.961 72.825 9.592 72.895c1.29 9.702-20.508 9.989-19.192-.012l-.002-.004c-.146.206 9.602-72.879 9.602-72.879z'/%3E%3Cpath d='M399.482 81.259s9.226-72.921 9.601-72.893c1.264-9.706 22.394-4.341 18.535 4.979v.004c.195-.161-28.136 67.91-28.136 67.91zM399.482 81.259s-9.227 72.922-9.602 72.893c-1.264 9.706-22.394 4.341-18.534-4.979l-.001-.003c-.195.16 28.137-67.911 28.137-67.911z'/%3E%3Cpath d='M399.482 81.259s27.785-68.049 28.14-67.924c3.733-9.048 22.755 1.603 16.614 9.606v.004c.229-.105-44.754 58.314-44.754 58.314zM399.482 81.259s-27.786 68.049-28.141 67.925c-3.733 9.047-22.755-1.604-16.614-9.607v-.003c-.229.104 44.755-58.315 44.755-58.315z'/%3E%3Cpath d='M399.482 81.259s44.451-58.538 44.761-58.326c5.948-7.774 21.565 7.438 13.562 13.579l-.001.003c.249-.042-58.322 44.744-58.322 44.744zM399.482 81.259s-44.452 58.539-44.762 58.327c-5.948 7.773-21.565-7.438-13.562-13.579l.001-.004c-.249.042 58.323-44.744 58.323-44.744z'/%3E%3Cpath d='M399.482 81.259s58.087-45.039 58.332-44.754c7.757-5.969 18.905 12.766 9.585 16.627l-.002.003c.251.024-67.915 28.124-67.915 28.124zM399.482 81.259s-58.088 45.039-58.333 44.754c-7.757 5.969-18.905-12.766-9.585-16.626l.002-.003c-.251-.024 67.916-28.125 67.916-28.125z'/%3E%3Cpath d='M399.482 81.259s67.765-28.47 67.927-28.131c9.038-3.758 14.957 17.223 4.956 18.541l-.003.002c.237.088-72.88 9.588-72.88 9.588zM399.482 81.259s-67.766 28.471-67.928 28.132c-9.038 3.758-14.957-17.224-4.956-18.541l.003-.002c-.236-.089 72.881-9.589 72.881-9.589z'/%3E%3Cpath d='M399.482 81.259s72.824-9.961 72.894-9.592c9.702-1.29 9.989 20.508-.012 19.192l-.004.001c.206.147-72.878-9.601-72.878-9.601zM399.482 81.259s-72.825 9.962-72.895 9.592c-9.702 1.291-9.989-20.508.012-19.192.001.001.003-.001.004-.001-.206-.146 72.879 9.601 72.879 9.601z'/%3E%3Cpath d='M399.482 81.259s72.921 9.227 72.893 9.601c9.705 1.265 4.341 22.395-4.979 18.535l-.004.001c.161.194-67.91-28.137-67.91-28.137zM399.482 81.259s-72.922-9.226-72.894-9.601c-9.705-1.264-4.34-22.395 4.979-18.535h.004c-.161-.195 67.911 28.136 67.911 28.136z'/%3E%3Cpath d='M399.482 81.259s68.048 27.786 67.924 28.14c9.048 3.734-1.603 22.755-9.606 16.615h-.004c.105.229-58.314-44.755-58.314-44.755zM399.482 81.259s-68.049-27.785-67.925-28.14c-9.048-3.733 1.603-22.755 9.607-16.615l.003.001c-.104-.23 58.315 44.754 58.315 44.754z'/%3E%3Cpath d='M399.482 81.259s58.538 44.451 58.326 44.762c7.773 5.948-7.438 21.564-13.579 13.562l-.003-.002c.041.249-44.744-58.322-44.744-58.322zM399.482 81.259s-58.539-44.451-58.327-44.761c-7.773-5.948 7.438-21.565 13.579-13.562l.003.001c-.041-.249 44.745 58.322 44.745 58.322z'/%3E%3Cpath d='M399.482 81.259s45.039 58.088 44.754 58.333c5.969 7.757-12.766 18.904-16.627 9.585l-.003-.002c-.024.251-28.124-67.916-28.124-67.916zM399.482 81.259s-45.04-58.087-44.755-58.332c-5.968-7.757 12.766-18.905 16.627-9.586l.003.003c.024-.252 28.125 67.915 28.125 67.915z'/%3E%3Cpath d='M397.402 65.454c8.723-1.148 16.737 5.002 17.885 13.725 1.148 8.724-5.002 16.738-13.726 17.886-8.723 1.148-16.737-5.003-17.885-13.726-1.148-8.723 5.003-16.737 13.726-17.885z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M559.222 81.518s-28.481-67.76-28.143-67.923c-3.759-9.037 17.222-14.959 18.541-4.958l.002.002c.088-.236 9.6 72.879 9.6 72.879zM559.222 81.518s28.482 67.761 28.143 67.924c3.76 9.037-17.221 14.959-18.54 4.958l-.002-.003c-.088.237-9.601-72.879-9.601-72.879z'/%3E%3Cpath d='M559.222 81.518s-9.973-72.823-9.604-72.892c-1.292-9.702 20.506-9.993 19.192.009l.001.003c.147-.206-9.589 72.88-9.589 72.88zM559.222 81.518s9.974 72.824 9.605 72.893c1.292 9.702-20.507 9.993-19.192-.009l-.002-.003c-.146.205 9.589-72.881 9.589-72.881z'/%3E%3Cpath d='M559.222 81.518s9.215-72.923 9.589-72.894c1.263-9.706 22.394-4.345 18.536 4.975v.004c.195-.16-28.125 67.915-28.125 67.915zM559.222 81.518s-9.214 72.923-9.589 72.895c-1.263 9.706-22.394 4.345-18.535-4.976l-.001-.003c-.194.16 28.125-67.916 28.125-67.916z'/%3E%3Cpath d='M559.222 81.518s27.775-68.053 28.129-67.929c3.732-9.048 22.755 1.6 16.616 9.604v.004c.229-.105-44.745 58.321-44.745 58.321zM559.222 81.518s-27.774 68.054-28.128 67.93c-3.732 9.048-22.756-1.6-16.617-9.604l.001-.004c-.23.105 44.744-58.322 44.744-58.322z'/%3E%3Cpath d='M559.222 81.518s44.442-58.546 44.752-58.334c5.947-7.774 21.566 7.435 13.565 13.577l-.002.004c.249-.042-58.315 44.753-58.315 44.753zM559.222 81.518s-44.441 58.546-44.751 58.335c-5.947 7.774-21.566-7.435-13.565-13.577l.002-.004c-.249.042 58.314-44.754 58.314-44.754z'/%3E%3Cpath d='M559.222 81.518s58.08-45.048 58.325-44.763c7.756-5.971 18.907 12.762 9.588 16.625l-.002.002c.251.025-67.911 28.136-67.911 28.136zM559.222 81.518s-58.08 45.049-58.324 44.764c-7.757 5.971-18.907-12.762-9.589-16.625l.002-.003c-.251-.024 67.911-28.136 67.911-28.136z'/%3E%3Cpath d='M559.222 81.518s67.761-28.481 67.924-28.143c9.037-3.759 14.959 17.222 4.958 18.541l-.003.002c.237.088-72.879 9.6-72.879 9.6zM559.222 81.518s-67.76 28.482-67.923 28.143c-9.037 3.76-14.959-17.221-4.959-18.54.002 0 .002-.001.003-.002-.236-.088 72.879-9.601 72.879-9.601z'/%3E%3Cpath d='M559.222 81.518s72.823-9.973 72.893-9.604c9.702-1.292 9.993 20.506-.009 19.192l-.003.001c.205.147-72.881-9.589-72.881-9.589zM559.222 81.518s-72.823 9.974-72.892 9.605c-9.702 1.292-9.993-20.507.008-19.192l.004-.002c-.206-.146 72.88 9.589 72.88 9.589z'/%3E%3Cpath d='M559.222 81.518s72.923 9.215 72.895 9.589c9.706 1.263 4.345 22.394-4.976 18.536l-.003.001c.16.194-67.916-28.126-67.916-28.126zM559.222 81.518s-72.923-9.214-72.894-9.589c-9.706-1.262-4.345-22.393 4.975-18.535l.004-.001c-.161-.194 67.915 28.125 67.915 28.125z'/%3E%3Cpath d='M559.222 81.518s68.054 27.775 67.929 28.129c9.049 3.732-1.599 22.756-9.603 16.616h-.004c.105.23-58.322-44.745-58.322-44.745zM559.222 81.518s-68.053-27.774-67.929-28.128c-9.048-3.732 1.6-22.756 9.604-16.617l.003.001c-.104-.23 58.322 44.744 58.322 44.744z'/%3E%3Cpath d='M559.222 81.518s58.546 44.442 58.335 44.752c7.774 5.947-7.435 21.566-13.577 13.565l-.004-.002c.042.249-44.754-58.315-44.754-58.315zM559.222 81.518s-58.546-44.441-58.334-44.751c-7.774-5.947 7.435-21.566 13.577-13.565l.003.002c-.041-.249 44.754 58.314 44.754 58.314z'/%3E%3Cpath d='M559.222 81.518s45.049 58.08 44.764 58.325c5.97 7.756-12.762 18.907-16.625 9.589 0-.002-.002-.002-.003-.003-.024.251-28.136-67.911-28.136-67.911zM559.222 81.518s-45.049-58.079-44.764-58.324c-5.97-7.757 12.763-18.907 16.626-9.589l.002.003c.025-.252 28.136 67.91 28.136 67.91z'/%3E%3Cpath d='M557.14 65.713c8.723-1.149 16.738 5 17.887 13.723 1.15 8.723-4.999 16.738-13.722 17.888-8.723 1.149-16.738-5-17.888-13.723-1.149-8.723 5-16.738 13.723-17.888z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M-.518 161.518s-28.416-67.788-28.077-67.95c-3.751-9.041 17.236-14.943 18.545-4.941l.002.003c.088-.236 9.53 72.888 9.53 72.888.........完整代码请登录后点击上方下载按钮下载查看