bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
历届学生/吴欣阳/项目开发/上课项目/vmall/css/clear.css Normal file
View File

@@ -0,0 +1,18 @@
body,ul,li,p,h1,h2,h3,h4,h5,h6 {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
a {
text-decoration: none;
}
input {
outline: none;
border: none;
padding: 0;
}

390
历届学生/吴欣阳/项目开发/上课项目/vmall/css/index.css Normal file
View File

@@ -0,0 +1,390 @@
.header {}
.header_menu {
height: 36px;
background: #2e2828;
line-height: 33px;
}
.header_menu a {
color: #afafaf;
font-size: 12px;
}
.left_menu li,
.right_menu li {
float: left;
padding: 0 8px;
position: relative;
}
.left_menu li::after,
.right_menu li::after {
content: "";
width: 1px;
height: 10px;
display: block;
position: absolute;
top: 14px;
right: -1px;
background: #414141;
}
.right_menu li:hover .icon-zhankai{
transform: rotate(180deg);
}
.right_menu i {
font-size: 14px;
display: inline-block;
}
.icon-zhankai {
font-size: 12px !important;
padding-left: 3px;
}
.car {
padding: 0 12px 0 10px;
background: #424242;
}
.right_menu li:nth-child(4)::after,
.right_menu li:nth-child(5)::after {
width: 0;
}
.right_menu li:hover .drop_menu {
display: block !important;
}
.right_menu .drop_menu {
position: absolute;
width: 893px;
height: 210px;
background: #fff;
box-shadow: 0 2px 36px 0 rgb(0 0 0 / 7%);
border-radius: 8px 0 8px 8px;
right: 0;
top: 36px;
z-index: 9;
padding-top: 37px;
padding-left: 49px;
box-sizing: border-box;
display: none;
}
.drop_menu_item {
float: left;
width: 185.0px;
}
.drop_menu_item:first-child {
width: auto !important;
}
.icon_home {
width: 50px;
height: 50px;
background: url("../img/icon-common.svg");
background-position: -202px 0;
margin-right: 46px;
}
.drop_menu_item a {
display: inline-block;
width: 48%;
}
.header_logo {
height: 41px;
padding: 18px 0 15px 0;
box-shadow: 0 0 46px rgb(0 0 0 / 3%);
}
.logo {
height: 36px;
margin-right: 34px;
}
.menus {
line-height: 41px;
}
.menus img {
height: 24px;
margin-top: 9px;
}
.menus li {
float: left;
margin-right: 24px;
}
.menus li a {
font-size: 16px;
color: #333;
}
.search {
position: relative;
width: 238px;
height: 28px;
}
.search input{
background: #f0f0f0;
border: 1px solid #f0f0f0;
border-radius: 15px;
width: 100%;
height: 100%;
text-align: right;
padding-right: 35px;
box-sizing: border-box;
}
.search i {
position: absolute;
right: 11px;
top: 50%;
transform: translateY(-50%);
font-size: 13px;
}
.banner {
background: url("https://res.vmallres.com/pimages//pages/picImages/29481579522617518492.jpg");
height: 514px;
background-position: 50% 0px;
border-bottom-left-radius: 191px 52px;
border-bottom-right-radius: 191px 52px;
}
.banner_center {
height: 100%;
position: relative;
}
.banner_menu {
position: absolute;
left: 0;
top: 18px;
width: 200px;
height: 440px;
box-shadow: 0 0 28px rgb(0 0 0 / 8%);
background: rgba(255,255,255,0.95);
border-radius: 10px;
}
.banner_menu li {
height: 40px;
line-height: 40px;
padding: 0 16px;
box-sizing: border-box;
position: relative;
}
.banner_menu li:first-child:hover {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.banner_menu li:hover {
background: #fff;
}
.banner_menu li:hover .drow_menu{
display: block !important;
}
.banner_menu li a {
font-size: 14px;
color: #848484;
}
.banner_menu li i {
font-size: 13px;
color: #848484;
}
.drow_menu {
position: absolute;
left: 193px;
width: 274px;
padding-left: 32px;
padding-top: 20px;
box-sizing: border-box;
height: 440px;
background: #fff;
border-radius: 0 10px 10px 0;
box-shadow: 0 0 46px rgb(0 0 0 / 10%);
display: none;
}
.list {
padding-right: 20px;
}
.list .item {
margin-bottom: 15px;
height: 60px;
padding: 8px 5px 0px 5px;
border-radius: 10px;
}
.list .item:hover {
background: #f6f6f6;
}
.list .item img {
width: 48px;
height: 48px;
margin-right:8px;
vertical-align: middle;
}
.list .item span {
color: #666;
font-size: 14px;
}
.show_all {
width: 112px;
height: 42px;
position: relative;
border: 1px solid #f2f2f2;
border-radius: 0 22px 22px 0;
font-size: 13px;
color: #999;
text-align: center;
margin-left: 26px;
margin-top: 24px;
}
.icon-play {
position: absolute;
display: inline-block;
width: 42px;
height: 42px;
background: #fff;
border: 1px solid #f2f2f2;
border-radius: 22px;
left: -20px;
top: -1px;
}
.but {
background: url("https://res8.vmallres.com/20210519/images/echannel/icon/icon01.svg");
background-repeat: no-repeat;
width: 80px;
height: 80px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.left_button {
background-position: 0 -72px;
left: 210px;
}
.right_button {
background-position: -80px -72px;
right: 0;
}
.dh {
position: absolute;
right: 0;
bottom: 83px;
}
.dh li {
float: left;
width: 10px;
margin-right: 7px;
height: 10px;
border-radius: 100%;
border: 1px solid #FFF;
}
.dh .active {
background: #fff !important;
}
.user_info {
height: 88px;
background: #fff;
border-radius: 10px;
box-shadow: 0 2px 26px rgb(0 0 0 / 7%);
position: absolute;
bottom: -46px;
width: 100%;
}
.user_info li {
float: left;
}
.user_info li:first-child {
width: 270px;
height: 55px;
margin-top: 17px;
border-right: 1px solid #eee;
padding-left: 26px;
box-sizing: border-box;
}
.user_info li:first-child img {
width: 52px;
height: 52px;
margin-right: 17px;
}
.user_info li:first-child p {
font-size: 14px;
color: #999;
margin-bottom: 6px;
}
.user_info li:first-child a {
color: #333;
}
.user_text .news {
display: inline-block;
width: 66px;
height: 20px;
text-align: center;
line-height: 20px;
border-radius: 5px;
border: 1px solid #e47b7f;
color: #de5b60 !important;
font-size: 13px;
}
.user_text .vip {
color: #fde4b3 !important;
background: #595454;
border: 1px solid #595454;
margin-left: 8px;
}
.user_info li:nth-child(2) {
width: 660px;
margin-top: 17px;
overflow: hidden;
}
.icon_item {
float: left;
width: 84px;
text-align: center;
margin: 0 10px;
}
.icon_item img {
width: 40px;
height: 40px;
}
.icon_item p {
font-size: 12px;
color: #777;
}
.user_info li:nth-child(3) {
width: 266px;
height: 88px;
border-left: 1px solid #eee;
}
.top_tips {
height: 43px;
line-height: 43px;
}
.top_tips span{
color: #777;
font-size: 14px;
font-weight: 700;
margin-left: 12px;
margin-right: 5px;
}
.top_tips a{
color: #6f6f6f;
font-size: 12px;
}
.b_icon {
float: left;
height: 42px;
line-height: 42px;
width: 88px;
border-top: 1px solid #eee;
text-align: center
}
.b_icon img {
width: 20px;
height: 20px;
vertical-align: middle;
}
.b_icon span {
color: #666;
font-size: 12px;
}

22
历届学生/吴欣阳/项目开发/上课项目/vmall/css/public.css Normal file
View File

@@ -0,0 +1,22 @@
.left {
float: left;
}
.right {
float: right;
}
.hidden {
overflow: hidden;
}
.layout {
width: 1200px;
margin: 0 auto;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}

291
历届学生/吴欣阳/项目开发/上课项目/vmall/img/icon-common.svg Normal file
View File

@@ -0,0 +1,291 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="362px" height="180px" viewBox="-116 330.9 362 180" style="enable-background:new -116 330.9 362 180;"
xml:space="preserve">
<style type="text/css">
.st0{fill:none;}
.st1{fill:#CF0A2C;}
.st2{fill:none;stroke:#CA141D;stroke-linecap:round;stroke-linejoin:round;}
.st3{fill:none;stroke:#00B5E2;stroke-linecap:round;stroke-linejoin:round;}
.st4{fill:#777777;}
.st5{opacity:0.8953;fill:#777777;enable-background:new ;}
.st6{fill:#FFFFFF;}
.st7{fill:none;stroke:#AFAFAF;stroke-linecap:round;stroke-linejoin:round;}
.st8{fill:#AFAFAF;}
.st9{fill:#00B5E2;}
.st10{fill:#F3F3F3;}
.st11{fill:none;stroke:#979797;stroke-width:2;}
.st12{fill:none;stroke:#979797;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st13{fill:#F7F7F7;}
.st14{fill:#B8B8B8;}
.st15{fill:#333333;}
.st16{fill:#797979;}
.st17{fill:#FF8486;}
.st18{opacity:0.5;}
.st19{fill:#D20A2C;}
.st20{fill:#CA141D;}
</style>
<title>icon-common</title>
<desc>Created with Sketch.</desc>
<g>
<g id="icon-common">
<g id="编组-6" transform="translate(179.000000, 0.000000)">
<rect id="矩形" x="-115.9" y="330.9" class="st0" width="20" height="20"/>
<path id="Fill-1" class="st1" d="M-112.6,344.1c-0.3-2.8,1.7-4,2-6.7c0,0,0.7,1.3,0.6,2.7c0,0,3.3-3.6,3.1-7.4c0,0,3.1,1,4.3,5.8
c0,0,1.2-0.7,0.4-2.8c0,0,3.9,3.5,3.3,7.5c-0.8,4.8-4.6,6.1-7.5,6.1C-108.7,349.3-112.2,347.6-112.6,344.1"/>
</g>
<g id="编组-2" transform="translate(71.000000, 0.000000)">
<rect id="矩形_1_" x="-115.9" y="330.9" class="st0" width="14" height="14"/>
</g>
<g id="编组-2复制" transform="translate(85.000000, 0.000000)">
<rect id="矩形_2_" x="-115.9" y="330.9" class="st0" width="14" height="14"/>
<polyline id="形状" class="st2" points="-112.9,339.9 -108.9,335.9 -104.9,339.9 "/>
</g>
<g id="编组-2复制备份" transform="translate(85.000000, 146.000000)">
<rect id="矩形_3_" x="-115.9" y="330.9" class="st0" width="14" height="14"/>
<polyline id="形状_1_" class="st3" points="-112.9,339.9 -108.9,335.9 -104.9,339.9 "/>
</g>
<g id="编组">
<rect id="矩形_4_" x="-115.9" y="330.9" class="st0" width="30" height="30"/>
<path id="Combined-Shape" class="st4" d="M-97.8,344.9v2.3c0,0.4-0.3,0.7-0.8,0.7c-0.4,0-0.8-0.3-0.8-0.7v-2.3h-2.3v2.3
c0,0.4-0.3,0.7-0.8,0.7c-0.4,0-0.8-0.3-0.8-0.7v-2.3h-0.3c-0.4,0-0.7-0.1-1-0.4c-0.3-0.2-0.4-0.6-0.4-0.9v-6.1h8.8v6.1
c0,0.3-0.1,0.7-0.4,0.9c-0.3,0.2-0.6,0.4-1,0.4H-97.8z M-93.9,338.2v3.3c0,0.4-0.3,0.7-0.8,0.7c-0.4,0-0.8-0.3-0.8-0.7v-3.3
c0-0.4,0.3-0.7,0.8-0.7S-93.9,337.8-93.9,338.2z M-106.9,341.5v-3.3c0-0.4,0.3-0.7,0.8-0.7c0.4,0,0.8,0.3,0.8,0.7v3.3
c0,0.4-0.3,0.7-0.8,0.7S-106.9,341.9-106.9,341.5z M-96,337h-8.8c0-1.2,0.6-2.3,1.6-3.1l0.4-0.3c1.5-0.9,3.4-0.9,4.8,0l0.4,0.3
C-96.6,334.6-96.1,335.8-96,337z M-102.4,334.6c-0.3,0-0.5,0.2-0.5,0.5s0.2,0.5,0.5,0.5s0.5-0.2,0.5-0.5
C-101.9,334.9-102.1,334.6-102.4,334.6z M-98.5,334.6c-0.3,0-0.5,0.2-0.5,0.5s0.2,0.5,0.5,0.5s0.5-0.2,0.5-0.5
C-98,334.9-98.2,334.6-98.5,334.6z"/>
<path id="Android" class="st5" d="M-110.5,358.9h-0.9l-0.6-1.7h-2.5l-0.6,1.7h-0.9l2.3-6.1h0.8L-110.5,358.9z M-112.2,356.6
l-0.9-2.5c0-0.1-0.1-0.2-0.1-0.4l0,0c0,0.2-0.1,0.3-0.1,0.4l-0.9,2.5H-112.2z M-106.1,358.9h-0.8v-2.5c0-0.9-0.3-1.3-1-1.3
c-0.3,0-0.6,0.1-0.8,0.4s-0.3,0.6-0.3,0.9v2.5h-0.8v-4.3h0.8v0.7l0,0c0.3-0.5,0.8-0.8,1.4-0.8c0.5,0,0.8,0.2,1.1,0.5
c0.2,0.3,0.4,0.7,0.4,1.3C-106.1,356.3-106.1,358.9-106.1,358.9z M-101.1,358.9h-0.8v-0.7l0,0c-0.3,0.5-0.8,0.8-1.5,0.8
c-0.5,0-1-0.2-1.3-0.6c-0.3-0.4-0.5-0.9-0.5-1.6s0.2-1.3,0.5-1.7c0.4-0.4,0.8-0.6,1.4-0.6c0.6,0,1,0.2,1.3,0.7l0,0v-2.7h0.8
L-101.1,358.9L-101.1,358.9z M-101.9,356.3c0-0.3-0.1-0.6-0.3-0.9c-0.2-0.2-0.5-0.3-0.8-0.3c-0.4,0-0.7,0.2-1,0.5
c-0.2,0.3-0.4,0.7-0.4,1.2s0.1,0.9,0.3,1.1c0.2,0.3,0.5,0.4,0.9,0.4s0.7-0.1,0.9-0.4c0.2-0.3,0.4-0.6,0.4-1L-101.9,356.3
L-101.9,356.3z M-97.5,355.3c-0.1-0.1-0.3-0.1-0.5-0.1c-0.3,0-0.5,0.1-0.7,0.4c-0.2,0.3-0.3,0.6-0.3,1.1v2.2h-0.8v-4.3h0.8v0.9
l0,0c0.2-0.6,0.6-1,1.1-1c0.2,0,0.3,0,0.4,0.1V355.3z M-97.2,356.8c0-0.7,0.2-1.3,0.6-1.7c0.4-0.4,0.9-0.6,1.6-0.6
c0.6,0,1.2,0.2,1.5,0.6c0.4,0.4,0.6,0.9,0.6,1.6s-0.2,1.2-0.6,1.7c-0.4,0.4-0.9,0.6-1.6,0.6c-0.6,0-1.2-0.2-1.5-0.6
C-97,358-97.2,357.4-97.2,356.8z M-96.5,356.8c0,0.5,0.1,0.9,0.4,1.2c0.3,0.3,0.6,0.4,1,0.4s0.8-0.1,1-0.4s0.3-0.7,0.3-1.2
s-0.1-0.9-0.3-1.2s-0.6-0.4-1-0.4s-0.8,0.1-1,0.4C-96.3,355.8-96.5,356.2-96.5,356.8z M-92,353c0-0.1,0-0.2,0.1-0.3
s0.2-0.1,0.3-0.1s0.3,0,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.3s0,0.2-0.1,0.3s-0.2,0.1-0.3,0.1s-0.3,0-0.3-0.1
C-92,353.3-92,353.2-92,353z M-91.9,358.9v-4.3h0.8v4.3H-91.9z M-86.1,358.9h-0.8v-0.7l0,0c-0.3,0.5-0.8,0.8-1.5,0.8
c-0.5,0-1-0.2-1.3-0.6c-0.3-0.4-0.5-0.9-0.5-1.6s0.2-1.3,0.5-1.7c0.4-0.4,0.8-0.6,1.4-0.6c0.6,0,1,0.2,1.3,0.7l0,0v-2.7h0.8
L-86.1,358.9L-86.1,358.9z M-86.9,356.3c0-0.3-0.1-0.6-0.3-0.9c-0.2-0.2-0.5-0.3-0.8-0.3c-0.4,0-0.7,0.2-1,0.5
c-0.2,0.3-0.4,0.7-0.4,1.2s0.1,0.9,0.3,1.1c0.2,0.3,0.5,0.4,0.9,0.4s0.7-0.1,0.9-0.4c0.2-0.3,0.4-0.6,0.4-1L-86.9,356.3
L-86.9,356.3z"/>
</g>
<g id="编组_1_" transform="translate(32.000000, 0.000000)">
<rect id="矩形_5_" x="-115.9" y="330.9" class="st6" width="30" height="30"/>
<path id="合并形状" class="st4" d="M-98.1,338.2c-2.9,0-5.2,2.2-5.2,4.9c0,0.5,0.1,0.9,0.2,1.3c-0.2,0-0.4,0-0.6,0
c-0.8,0-1.4-0.2-2.2-0.3l-2.2,1.1l0.6-1.9c-1.5-1.1-2.5-2.5-2.5-4.2c0-2.9,2.8-5.3,6.2-5.3c3,0,5.7,1.9,6.2,4.3
C-97.7,338.2-97.9,338.2-98.1,338.2z M-101.4,336.5c-0.5,0-0.9,0.3-0.9,0.8s0.5,0.8,0.9,0.8c0.5,0,0.8-0.3,0.8-0.8
C-100.7,336.8-101,336.5-101.4,336.5z M-105.7,338.1c0.5,0,0.8-0.3,0.8-0.8s-0.3-0.8-0.8-0.8s-0.9,0.3-0.9,0.8
C-106.7,337.8-106.2,338.1-105.7,338.1z M-92.5,343c0,1.4-0.9,2.6-2.2,3.6l0.5,1.5l-1.7-0.9c-0.6,0.2-1.2,0.3-1.8,0.3
c-2.9,0-5.2-2-5.2-4.5s2.3-4.5,5.2-4.5C-95,338.5-92.5,340.5-92.5,343z M-99.4,342.2c0.5,0,0.8-0.3,0.8-0.6s-0.3-0.6-0.8-0.6
c-0.3,0-0.6,0.3-0.6,0.6S-99.7,342.2-99.4,342.2z M-96,342.2c0.5,0,0.8-0.3,0.8-0.6s-0.3-0.6-0.8-0.6c-0.3,0-0.6,0.3-0.6,0.6
S-96.3,342.2-96,342.2z"/>
<path id="WeChat" class="st5" d="M-107.7,352.8l-1.7,6.1h-0.9l-1.2-4.4c-0.1-0.2-0.1-0.4-0.1-0.6l0,0c0,0.2-0.1,0.4-0.1,0.6
l-1.2,4.4h-0.9l-1.8-6.1h0.9l1.2,4.6c0.1,0.2,0.1,0.4,0.1,0.6l0,0c0-0.2,0.1-0.4,0.1-0.6l1.3-4.6h0.8l1.3,4.6
c0,0.2,0.1,0.3,0.1,0.6l0,0c0-0.2,0.1-0.4,0.1-0.6l1.2-4.6H-107.7z M-103.7,356.9h-3c0,0.5,0.1,0.8,0.4,1.1
c0.2,0.3,0.6,0.4,1,0.4c0.5,0,0.9-0.2,1.3-0.5v0.7c-0.4,0.3-0.9,0.4-1.5,0.4s-1.1-0.2-1.5-0.6c-0.4-0.4-0.5-0.9-0.5-1.6
s0.2-1.2,0.6-1.6c0.4-0.4,0.9-0.6,1.4-0.6c0.6,0,1,0.2,1.3,0.5c0.3,0.4,0.5,0.9,0.5,1.5C-103.7,356.6-103.7,356.9-103.7,356.9z
M-104.5,356.3c0-0.4-0.1-0.7-0.3-0.9s-0.4-0.3-0.8-0.3c-0.3,0-0.6,0.1-0.8,0.3s-0.4,0.5-0.4,0.9H-104.5z M-98.5,358.6
c-0.4,0.2-1,0.4-1.7,0.4c-0.9,0-1.6-0.3-2.1-0.8c-0.5-0.6-0.8-1.3-0.8-2.2c0-1,0.3-1.8,0.9-2.4c0.6-0.6,1.3-0.9,2.2-0.9
c0.6,0,1.1,0.1,1.4,0.2v0.8c-0.4-0.2-0.9-0.4-1.4-0.4c-0.7,0-1.2,0.2-1.6,0.7c-0.4,0.4-0.6,1.1-0.6,1.8s0.2,1.3,0.6,1.7
s0.9,0.6,1.6,0.6c0.6,0,1.1-0.1,1.6-0.4L-98.5,358.6L-98.5,358.6L-98.5,358.6z M-93.8,358.9h-0.8v-2.5c0-0.9-0.3-1.3-1-1.3
c-0.3,0-0.6,0.1-0.8,0.4c-0.2,0.3-0.3,0.6-0.3,1v2.4h-0.8v-6.4h0.8v2.8l0,0c0.3-0.5,0.8-0.8,1.4-0.8c1,0,1.5,0.6,1.5,1.8
C-93.8,356.3-93.8,358.9-93.8,358.9z M-92.5,354.9c0.4-0.3,0.9-0.4,1.5-0.4c1,0,1.6,0.5,1.6,1.6v2.8h-0.8v-0.7l0,0
c-0.3,0.5-0.7,0.8-1.3,0.8c-0.4,0-0.8-0.1-1-0.3s-0.4-0.5-0.4-0.9c0-0.8,0.5-1.3,1.4-1.4l1.3-0.2c0-0.7-0.3-1.1-0.9-1.1
c-0.5,0-1,0.2-1.4,0.5C-92.5,355.6-92.5,354.9-92.5,354.9z M-91.2,356.9c-0.4,0-0.6,0.1-0.7,0.3c-0.1,0.1-0.2,0.3-0.2,0.5
s0.1,0.4,0.2,0.5c0.1,0.1,0.3,0.2,0.6,0.2s0.6-0.1,0.8-0.4c0.2-0.2,0.3-0.5,0.3-0.9v-0.4L-91.2,356.9z M-86.2,358.8
c-0.2,0.1-0.4,0.1-0.7,0.1c-0.8,0-1.2-0.4-1.2-1.3v-2.5h-0.7v-0.6h0.7v-1l0.8-0.2v1.3h1.1v0.6h-1.1v2.4c0,0.3,0,0.5,0.1,0.6
s0.3,0.2,0.5,0.2s0.3,0,0.4-0.1L-86.2,358.8L-86.2,358.8z"/>
</g>
<g id="编组-3" transform="translate(74.000000, 0.000000)">
<rect id="矩形_6_" x="-90.9" y="330.9" class="st0" width="20" height="20"/>
<polyline id="形状_2_" class="st7" points="-115.9,335.9 -111.9,339.9 -107.9,335.9 "/>
<g id="购物车" transform="translate(29.000000, 4.500000)">
<path id="路径-6" class="st8" d="M-113.4,333.6l1,4.3c0,0.2,0.2,0.3,0.4,0.3h6.1c0.2,0,0.4-0.1,0.4-0.3l1.4-4.4L-113.4,333.6
L-113.4,333.6z M-113.6,332.7h9.5c0.1,0,0.2,0,0.3,0c0.5,0.1,0.7,0.6,0.5,1.1l-1.4,4.4c-0.2,0.5-0.7,0.9-1.2,0.9h-6.1
c-0.6,0-1.1-0.4-1.3-1l-1.4-6.2h-1.2V331h1.2c0.4,0,0.8,0.3,0.8,0.7L-113.6,332.7z"/>
<path id="椭圆形" class="st8" d="M-111.8,342.8c-0.8,0-1.4-0.6-1.4-1.4s0.6-1.4,1.4-1.4c0.8,0,1.4,0.6,1.4,1.4
C-110.4,342.1-111,342.8-111.8,342.8z M-111.8,341.9c0.3,0,0.5-0.2,0.5-0.5s-0.2-0.5-0.5-0.5s-0.5,0.2-0.5,0.5
S-112.1,341.9-111.8,341.9z"/>
<path id="椭圆形-copy-2" class="st8" d="M-106.5,342.8c-0.8,0-1.4-0.6-1.4-1.4s0.6-1.4,1.4-1.4c0.8,0,1.4,0.6,1.4,1.4
C-105.1,342.1-105.7,342.8-106.5,342.8z M-106.5,341.9c0.3,0,0.5-0.2,0.5-0.5s-0.2-0.5-0.5-0.5s-0.5,0.2-0.5,0.5
S-106.8,341.9-106.5,341.9z"/>
</g>
</g>
<g id="编组-3复制" transform="translate(119.000000, 0.000000)">
<rect id="矩形_7_" x="-115.9" y="330.9" class="st0" width="20" height="20"/>
<g id="编组-4" transform="translate(4.069853, 4.567674)">
<path id="路径-6_1_" class="st1" d="M-113.5,333.4l1,4.3c0,0.2,0.2,0.3,0.4,0.3h6.1c0.2,0,0.4-0.1,0.4-0.3l1.4-4.4
L-113.5,333.4L-113.5,333.4z M-113.6,332.6h9.5c0.1,0,0.2,0,0.3,0c0.5,0.1,0.7,0.6,0.5,1.1l-1.4,4.4c-0.2,0.5-0.7,0.9-1.2,0.9
h-6.1c-0.6,0-1.1-0.4-1.3-1l-1.4-6.2h-1.2v-0.9h1.2c0.4,0,0.8,0.3,0.8,0.7L-113.6,332.6z"/>
<path id="椭圆形_1_" class="st1" d="M-111.8,342.6c-0.8,0-1.4-0.6-1.4-1.4s0.6-1.4,1.4-1.4s1.4,0.6,1.4,1.4
S-111,342.6-111.8,342.6z M-111.8,341.8c0.3,0,0.5-0.2,0.5-0.5s-0.2-0.5-0.5-0.5s-0.5,0.2-0.5,0.5
C-112.4,341.5-112.1,341.8-111.8,341.8z"/>
<path id="椭圆形-copy-2_1_" class="st1" d="M-106.5,342.6c-0.8,0-1.4-0.6-1.4-1.4s0.6-1.4,1.4-1.4s1.4,0.6,1.4,1.4
S-105.7,342.6-106.5,342.6z M-106.5,341.8c0.3,0,0.5-0.2,0.5-0.5s-0.2-0.5-0.5-0.5s-0.5,0.2-0.5,0.5
C-107,341.5-106.8,341.8-106.5,341.8z"/>
</g>
</g>
<g id="编组-3复制备份" transform="translate(100.000000, 146.000000)">
<rect id="矩形_8_" x="-115.9" y="330.9" class="st0" width="20" height="20"/>
<g id="编组-4_1_" transform="translate(4.069853, 4.567674)">
<path id="路径-6_2_" class="st9" d="M-113.5,333.4l1,4.3c0,0.2,0.2,0.3,0.4,0.3h6.1c0.2,0,0.4-0.1,0.4-0.3l1.4-4.4
L-113.5,333.4L-113.5,333.4z M-113.6,332.6h9.5c0.1,0,0.2,0,0.3,0c0.5,0.1,0.7,0.6,0.5,1.1l-1.4,4.4c-0.2,0.5-0.7,0.9-1.2,0.9
h-6.1c-0.6,0-1.1-0.4-1.3-1l-1.4-6.2h-1.2v-0.9h1.2c0.4,0,0.8,0.3,0.8,0.7L-113.6,332.6z"/>
<path id="椭圆形_2_" class="st9" d="M-111.8,342.6c-0.8,0-1.4-0.6-1.4-1.4s0.6-1.4,1.4-1.4s1.4,0.6,1.4,1.4
S-111,342.6-111.8,342.6z M-111.8,341.8c0.3,0,0.5-0.2,0.5-0.5s-0.2-0.5-0.5-0.5s-0.5,0.2-0.5,0.5
C-112.4,341.5-112.1,341.8-111.8,341.8z"/>
<path id="椭圆形-copy-2_2_" class="st9" d="M-106.5,342.6c-0.8,0-1.4-0.6-1.4-1.4s0.6-1.4,1.4-1.4s1.4,0.6,1.4,1.4
S-105.7,342.6-106.5,342.6z M-106.5,341.8c0.3,0,0.5-0.2,0.5-0.5s-0.2-0.5-0.5-0.5s-0.5,0.2-0.5,0.5
C-107,341.5-106.8,341.8-106.5,341.8z"/>
</g>
</g>
<g id="编组-5" transform="translate(262.000000, 0.000000)">
<circle id="椭圆形_3_" class="st10" cx="-65.9" cy="380.9" r="50"/>
<g id="分组-2" transform="translate(19.000000, 29.000000)">
<circle id="椭圆形_4_" class="st11" cx="-94.9" cy="373.9" r="4"/>
<circle id="椭圆形-copy" class="st11" cx="-71.9" cy="373.9" r="4"/>
<path id="路径-3" class="st11" d="M-115.9,331.2h5.9c1.1,0,2.1,0.8,2.4,1.8l7.3,27.1c0.6,2.2,2.6,3.7,4.8,3.7h26.1
c2.2,0,4.2-1.5,4.8-3.6l5.7-19c0.4-1.3-0.4-2.7-1.7-3.1c-0.2-0.1-0.5-0.1-0.7-0.1h-44.6"/>
<path id="路径-4-copy-5" class="st12" d="M-87.4,345.4l10,10"/>
<path id="路径-4-copy-5_1_" class="st12" d="M-77.4,345.4l-10,10"/>
</g>
</g>
<g id="商城首页" transform="translate(202.000000, 0.000000)">
<g id="编组_2_">
<circle id="Oval" class="st13" cx="-90.9" cy="355.9" r="25"/>
<g id="Group-9" transform="translate(13.000000, 12.000000)">
<path id="Fill-1_1_" class="st14" d="M-102.3,346.9h-3.3c-1.3,0-2.4,1-2.4,2.2v5.8h8v-5.8c0-0.6-0.2-1.1-0.7-1.6
C-101,347.1-101.6,346.9-102.3,346.9L-102.3,346.9z M-102.2,347.9c0.7,0,1.3,0.5,1.3,1.2v4.8h-6v-4.8c0-0.7,0.6-1.2,1.3-1.2
H-102.2z"/>
<path id="Fill-4" class="st14" d="M-103.9,331.1L-103.9,331.1c0.3-0.3,0.6-0.3,0.8-0.1c0.1,0.1,0.2,0.2,0.2,0.3
s-0.1,0.3-0.2,0.3l0,0l-0.1,0.1l11.1,10.2c0.2,0.2,0.2,0.5,0,0.7s-0.5,0.2-0.8,0l-11.1-10.2l-11.1,10.2c-0.2,0.2-0.5,0.2-0.7,0
s-0.2-0.5,0-0.7l11.1-10.2l-0.1-0.1c-0.2-0.2-0.2-0.5,0-0.7C-104.5,330.8-104.2,330.8-103.9,331.1L-103.9,331.1z"/>
<path id="Fill-7" class="st14" d="M-95,339.9v12.9c0,0.6-0.5,1.1-1.1,1.1h-15.6c-0.6,0-1.1-0.5-1.1-1.1v-12.9l-1.1,0.9v12
c0,1.2,1,2.1,2.2,2.1h15.6c1.2,0,2.2-0.9,2.2-2.1v-12L-95,339.9L-95,339.9z"/>
</g>
</g>
</g>
<g id="编组_8_" transform="translate(139.000000, 0.000000)">
<rect id="矩形_17_" x="-115.9" y="330.9" class="st0" width="20" height="20"/>
<path id="Search-icon-Copy-5" class="st15" d="M-102.6,337.7c-1.9-2.6-5.8-2.6-7.6,0c-1.2,1.6-1.2,4,0,5.6c1.9,2.6,5.8,2.6,7.6,0
C-101.4,341.6-101.4,339.3-102.6,337.7 M-98.2,348.6c-0.4,0.4-0.9,0.4-1.3,0l-2.9-2.9c-2.5,1.9-6,1.8-8.4-0.4
c-2.6-2.5-2.8-6.8-0.3-9.4c2.5-2.6,6.8-2.7,9.4-0.1c2.4,2.4,2.5,6,0.6,8.6l2.9,2.9C-97.8,347.7-97.8,348.2-98.2,348.6"/>
</g>
<g id="编组_9_" transform="translate(159.000000, 0.000000)">
<rect id="矩形_18_" x="-115.9" y="330.9" class="st0" width="20" height="20"/>
<path id="Search-icon-Copy-5_1_" class="st4" d="M-102.6,337.7c-1.9-2.6-5.8-2.6-7.6,0c-1.2,1.6-1.2,4,0,5.6
c1.9,2.6,5.8,2.6,7.6,0C-101.4,341.6-101.4,339.3-102.6,337.7 M-98.2,348.6c-0.4,0.4-0.9,0.4-1.3,0l-2.9-2.9
c-2.5,1.9-6,1.8-8.4-0.4c-2.6-2.5-2.8-6.8-0.3-9.4c2.5-2.6,6.8-2.7,9.4-0.1c2.4,2.4,2.5,6,0.6,8.6l2.9,2.9
C-97.8,347.7-97.8,348.2-98.2,348.6"/>
</g>
<rect id="矩形备份" x="-77.9" y="443.9" class="st0" width="30" height="30"/>
<g id="编组-2_2_" transform="translate(41.000000, 114.000000)">
<path id="iPhone" class="st5" d="M-115.9,352c0-0.1,0-0.2,0.1-0.3s0.2-0.1,0.3-0.1s0.3,0,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.3
s0,0.2-0.1,0.3s-0.2,0.1-0.3,0.1s-0.3,0-0.3-0.1C-115.8,352.2-115.9,352.2-115.9,352z M-115.8,357.9v-4.3h0.8v4.3H-115.8z
M-112.8,355.6v2.3h-0.8v-6.1h1.7c0.7,0,1.2,0.2,1.5,0.5c0.4,0.3,0.5,0.8,0.5,1.4c0,0.6-0.2,1.1-0.6,1.4
c-0.4,0.4-0.9,0.5-1.6,0.5L-112.8,355.6L-112.8,355.6z M-112.8,352.5v2.4h0.7c0.5,0,0.8-0.1,1.1-0.3c0.2-0.2,0.4-0.5,0.4-0.9
c0-0.8-0.5-1.2-1.4-1.2H-112.8z M-105.2,357.9h-0.8v-2.5c0-0.9-0.3-1.3-1-1.3c-0.3,0-0.6,0.1-0.8,0.4s-0.3,0.6-0.3,1v2.4h-0.8
v-6.4h0.8v2.8l0,0c0.3-0.5,0.8-0.8,1.4-0.8c1,0,1.5,0.6,1.5,1.8C-105.2,355.3-105.2,357.9-105.2,357.9z M-104.3,355.8
c0-0.7,0.2-1.3,0.6-1.7s0.9-0.6,1.6-0.6c0.6,0,1.2,0.2,1.5,0.6c0.4,0.4,0.6,0.9,0.6,1.6s-0.2,1.2-0.6,1.7
c-0.4,0.4-0.9,0.6-1.6,0.6c-0.6,0-1.2-0.2-1.5-0.6C-104.1,357-104.3,356.4-104.3,355.8z M-103.5,355.8c0,0.5,0.1,0.9,0.4,1.2
c0.3,0.3,0.6,0.4,1,0.4s0.8-0.1,1-0.4s0.3-0.7,0.3-1.2s-0.1-0.9-0.3-1.2s-0.6-0.4-1-0.4s-0.8,0.1-1,0.4
C-103.4,354.8-103.5,355.2-103.5,355.8z M-95.3,357.9h-0.8v-2.5c0-0.9-0.3-1.3-1-1.3c-0.3,0-0.6,0.1-0.8,0.4
c-0.2,0.3-0.3,0.6-0.3,0.9v2.5H-99v-4.3h0.8v0.7l0,0c0.3-0.5,0.8-0.8,1.4-0.8c0.5,0,0.8,0.2,1.1,0.5c0.2,0.3,0.4,0.7,0.4,1.3
C-95.3,355.3-95.3,357.9-95.3,357.9z M-90.6,355.9h-3c0,0.5,0.1,0.8,0.4,1.1c0.2,0.3,0.6,0.4,1,0.4c0.5,0,0.9-0.2,1.3-0.5v0.7
c-0.4,0.3-0.9,0.4-1.5,0.4s-1.1-0.2-1.5-0.6c-0.4-0.4-0.5-0.9-0.5-1.6s0.2-1.2,0.6-1.6c0.4-0.4,0.9-0.6,1.4-0.6
c0.6,0,1,0.2,1.3,0.5c0.3,0.4,0.5,0.9,0.5,1.5C-90.6,355.6-90.6,355.9-90.6,355.9z M-91.4,355.3c0-0.4-0.1-0.7-0.3-0.9
s-0.4-0.3-0.8-0.3c-0.3,0-0.6,0.1-0.8,0.3s-0.4,0.5-0.4,0.9H-91.4z"/>
<path id="形状_5_" class="st16" d="M-99,338.5c0,2.4,2.1,3.2,2.1,3.2c0,0.1-0.3,1.1-1.1,2.2c-0.7,1-1.4,1.9-2.4,1.9
c-1.1,0-1.4-0.6-2.6-0.6c-1.2,0-1.6,0.6-2.6,0.6s-1.8-1-2.5-2c-1.4-2-2.4-5.5-1-8c0.7-1.2,1.9-2,3.3-2c1,0,2,0.7,2.6,0.7
s1.8-0.8,3.1-0.7c0.5,0,2,0.2,2.9,1.6C-97.4,335.5-99.1,336.5-99,338.5z M-102.9,333.9c-0.1-0.7,0.3-1.5,0.8-2s1.4-1,2.2-1
c0.1,0.8-0.3,1.5-0.8,2.1C-101.2,333.5-102.1,333.9-102.9,333.9z"/>
</g>
<g id="路径-2" transform="translate(208.000000, 122.000000)">
<path id="路径_6_" class="st17" d="M-108.8,335.6c1-3.5-3.6-4.7-3.6-4.7c1.2,3.9-3.5,4.3-3.5,7.4c0,3.1,4,3.7,4,3.7
c-3.5-3.5,1-5,1-5s-0.8,0.5,1.1,2.1c1.3,1.1-0.2,2.9-0.2,2.9c1.3,0,4.1-1.6,4.1-3.7c0-2.2-1.7-3.7-1.7-3.7
C-108,335.2-108.8,335.6-108.8,335.6z"/>
</g>
<g id="close-2" transform="translate(225.000000, 120.000000)">
<path id="close" class="st6" d="M-101.9,344.3c-0.2,0.2-0.4,0.4-0.6,0.6c-2.1-2.1-4.3-4.3-6.4-6.4c-2.2,2.2-4.3,4.3-6.4,6.4
c-0.2-0.2-0.4-0.4-0.6-0.6l6.4-6.4c-2.2-2.2-4.3-4.3-6.4-6.4c0.2-0.2,0.4-0.4,0.5-0.5l6.4,6.4c2.2-2.2,4.3-4.3,6.4-6.4
c0.2,0.2,0.4,0.4,0.6,0.6c-2.1,2.1-4.3,4.3-6.4,6.4C-106.2,340-104,342.2-101.9,344.3z"/>
</g>
</g>
<g id="购物车_1_" class="st18">
<path id="Combined-Shape_1_" class="st15" d="M-101.6,388.1c1.4,0,2.5,1.1,2.5,2.5s-1.1,2.5-2.5,2.5s-2.5-1.1-2.5-2.5
S-103,388.1-101.6,388.1z M-90.1,388.1c1.4,0,2.5,1.1,2.5,2.5s-1.1,2.5-2.5,2.5s-2.5-1.1-2.5-2.5S-91.5,388.1-90.1,388.1z
M-101.6,389.6c-0.6,0-1,0.4-1,1s0.4,1,1,1s1-0.4,1-1S-101.1,389.6-101.6,389.6z M-90.1,389.6c-0.6,0-1,0.4-1,1s0.4,1,1,1
s1-0.4,1-1S-89.6,389.6-90.1,389.6z M-108.4,371.1c1.2,0,2.2,0.7,2.6,1.8l0.1,0.2l3.2,11.1c0.1,0.5,0.6,0.8,1.1,0.9h0.1h11
c0.5,0,1-0.3,1.2-0.8v-0.1l1.8-6c0.2-0.7-0.2-1.4-0.8-1.6c-0.1,0-0.2,0-0.2,0h-0.1h-14.5v-1.5h14.3c0.3,0,0.5,0,0.8,0.1
c1.4,0.4,2.2,1.9,1.9,3.3v0.2l-1.8,6c-0.3,1.1-1.3,1.9-2.5,2h-0.2h-11c-1.2,0-2.2-0.7-2.6-1.8l-0.1-0.2l-3.2-11.1
c-0.1-0.5-0.6-0.8-1.1-0.9h-0.1h-1.5v-1.5L-108.4,371.1L-108.4,371.1L-108.4,371.1z"/>
</g>
<g id="购物车-hover">
<path id="Combined-Shape_2_" class="st19" d="M-101.7,428.1c1.4,0,2.5,1.1,2.5,2.5s-1.1,2.5-2.5,2.5s-2.5-1.1-2.5-2.5
C-104.2,429.3-103,428.1-101.7,428.1z M-90.2,428.1c1.4,0,2.5,1.1,2.5,2.5s-1.1,2.5-2.5,2.5s-2.5-1.1-2.5-2.5
C-92.7,429.3-91.5,428.1-90.2,428.1z M-101.7,429.6c-0.6,0-1,0.4-1,1s0.4,1,1,1s1-0.4,1-1C-100.7,430.1-101.1,429.6-101.7,429.6z
M-90.2,429.6c-0.6,0-1,0.4-1,1s0.4,1,1,1s1-0.4,1-1C-89.2,430.1-89.6,429.6-90.2,429.6z M-108.4,411.1c1.2,0,2.2,0.7,2.6,1.8
l0.1,0.2l3.2,11.1c0.1,0.5,0.6,0.8,1.1,0.9h0.1h11c0.5,0,1-0.3,1.2-0.8v-0.1l1.8-6c0.2-0.7-0.2-1.4-0.8-1.6c-0.1,0-0.2,0-0.2,0
h-0.1h-14.5v-1.5h14.3c0.3,0,0.5,0,0.8,0.1c1.4,0.4,2.2,1.9,1.9,3.3v0.2l-1.8,6c-0.3,1.1-1.3,1.9-2.5,2h-0.2h-11
c-1.2,0-2.2-0.7-2.6-1.8l-0.1-0.2l-3.2-11.1c-0.1-0.5-0.6-0.8-1.1-0.9h-0.1h-1.5v-1.5L-108.4,411.1L-108.4,411.1L-108.4,411.1z"/>
</g>
<g id="客服" class="st18">
<path id="Combined-Shape_3_" class="st15" d="M-55.9,372.1c4.3,0,7.9,3.1,8.7,7.2c2,0.3,3.6,2.1,3.6,4.3s-1.6,4.1-3.7,4.3
c-1.1,2-2.4,3.2-4.1,3.6c-0.3,1-1.2,1.8-2.4,1.8c-1.4,0-2.5-1.1-2.5-2.5s1.1-2.5,2.5-2.5c1.1,0,2,0.7,2.3,1.6
c1.1-0.3,2-1.2,2.9-2.8l0.1-0.1v-6c0-4-3.2-7.3-7.1-7.5h-0.2c-4,0-7.2,3.2-7.3,7.2v0.2v6.2c0,0.4-0.3,0.8-0.8,0.8H-64
c-2.3-0.1-4.1-2-4.1-4.3c0-2.2,1.5-4,3.6-4.3C-63.8,375.3-60.2,372.1-55.9,372.1z M-53.8,389.9c-0.5,0-1,0.4-1,1c0,0.5,0.4,1,1,1
s1-0.4,1-1S-53.2,389.9-53.8,389.9z M-47.1,380.9v0.2v5.3c1.1-0.3,1.9-1.4,1.9-2.7S-46,381.3-47.1,380.9z M-64.7,380.9
c-1.1,0.3-1.9,1.4-1.9,2.7s0.8,2.4,1.9,2.7V381V380.9z"/>
</g>
<g id="客服-hover">
<path id="Combined-Shape_4_" class="st19" d="M-55.9,412.1c4.3,0,7.9,3.1,8.7,7.2c2,0.3,3.6,2.1,3.6,4.3s-1.6,4.1-3.7,4.3
c-1.1,2-2.4,3.2-4.1,3.6c-0.3,1-1.2,1.8-2.4,1.8c-1.4,0-2.5-1.1-2.5-2.5s1.1-2.5,2.5-2.5c1.1,0,2,0.7,2.3,1.6
c1.1-0.3,2-1.2,2.9-2.8l0.1-0.1v-6c0-4-3.2-7.3-7.1-7.5h-0.2c-4,0-7.2,3.2-7.3,7.2v0.2v6.2c0,0.4-0.3,0.8-0.7,0.8h-0.1
c-2.3-0.1-4.1-2-4.1-4.3c0-2.2,1.5-4,3.6-4.3C-63.8,415.3-60.2,412.1-55.9,412.1z M-53.8,429.9c-0.5,0-1,0.4-1,1s0.4,1,1,1
s1-0.4,1-1S-53.2,429.9-53.8,429.9z M-47.1,420.9v0.2v5.3c1.1-0.3,1.9-1.4,1.9-2.7S-46,421.3-47.1,420.9z M-64.7,420.9
c-1.1,0.3-1.9,1.4-1.9,2.7s0.8,2.4,1.9,2.7V421V420.9z"/>
</g>
<g id="自助服务" class="st18">
<path id="Combined-Shape_5_" class="st15" d="M-8.4,386.1l0.2,0.1l4.4,3.6l-7.6,4.3c-2.9,1.6-6.3,1.8-9.3,0.4l-0.3-0.1l-5.3-2.6
c-0.7-0.4-1-1.3-0.7-2c0.3-0.5,0.8-0.8,1.3-0.8h0.1h0.1l0.3,0.1l0.7,0.2l1.8,0.5l1.2,0.3c-0.1-1,0.5-1.9,1.4-2.2h0.1h0.1h0.1
c1.7-0.2,3.3-0.7,4.8-1.5l0.4-0.2l0.8-0.4C-12.1,384.8-10,385-8.4,386.1z M-6.8,373.9c2.3,2.3,2.3,6,0.2,8.3l-0.2,0.2l-1.7,1.7
c-0.3,0.3-0.8,0.3-1.1,0c-0.3-0.3-0.3-0.7-0.1-1l0.1-0.1l1.7-1.7c1.8-1.8,1.8-4.6,0-6.4c-1.7-1.7-4.4-1.8-6.2-0.2l-0.2,0.2
l-2.7,2.8c-0.3,0.3-0.8,0.3-1.1,0s-0.3-0.7-0.1-1l0.1-0.1l0.9-0.9c0,0-0.1,0-0.1-0.1l-0.1-0.1l-0.5-0.5c-1.8-1.8-4.6-1.8-6.4,0
c-1.7,1.7-1.8,4.4-0.2,6.2l0.2,0.2l4.5,4.5c0.3,0.3,0.3,0.8,0,1.1s-0.7,0.3-1,0.1l-0.1-0.1l-4.5-4.5c-2.3-2.3-2.3-6.2,0-8.5
s6-2.3,8.3-0.1l0.2,0.2l0.6,0.7l0.1,0.1l0.8-0.8C-13,371.6-9.2,371.6-6.8,373.9z M-9.2,387.4c-1-0.8-2.5-1-3.7-0.5l-0.2,0.1
l-0.8,0.4c-1.6,0.9-3.4,1.5-5.2,1.8l-0.5,0.1c-0.2,0-0.4,0.3-0.4,0.5v0.1v0.2c0.1,0.3,0.2,0.4,0.6,0.5h0.2h0.3h0.3
c0.1,0,0.1,0,0.2,0c1.2,0,2.1-0.3,2.6-0.8c0.3-0.3,0.8-0.3,1.1,0s0.3,0.8,0,1.1c-0.9,0.9-2.1,1.3-3.7,1.3c-0.2,0-0.5,0-0.7,0h-0.2
l0,0c-0.1,0-0.2,0-0.3,0h-0.1l-2.4-0.6l-2.3-0.6l-1.5-0.4l5.2,2.6c2.5,1.3,5.5,1.2,8-0.1l0.3-0.1l5.7-3.3L-9.2,387.4z"/>
</g>
<g id="自助服务-hover">
<path id="Combined-Shape_6_" class="st20" d="M-8.4,426.1l0.2,0.1l4.4,3.6l-7.6,4.3c-2.9,1.6-6.3,1.8-9.3,0.4l-0.3-0.1l-5.3-2.6
c-0.7-0.4-1-1.3-0.7-2c0.3-0.5,0.8-0.8,1.3-0.8h0.1h0.1l0.3,0.1l0.7,0.2l1.8,0.5l1.2,0.3c-0.1-1,0.5-1.9,1.4-2.2h0.1h0.1h0.1
c1.7-0.2,3.3-0.7,4.8-1.5l0.4-0.2l0.8-0.4C-12.1,424.8-10,425-8.4,426.1z M-6.8,413.9c2.3,2.3,2.3,6,0.2,8.3l-0.2,0.2l-1.7,1.7
c-0.3,0.3-0.8,0.3-1.1,0c-0.3-0.3-0.3-0.7-0.1-1l0.1-0.1l1.7-1.7c1.8-1.8,1.8-4.6,0-6.4c-1.7-1.7-4.4-1.8-6.2-0.2l-0.2,0.2
l-2.7,2.8c-0.3,0.3-0.8,0.3-1.1,0s-0.3-0.7-0.1-1l0.1-0.1l0.9-0.9c0,0-0.1,0-0.1-0.1l-0.1-0.1l-0.5-0.5c-1.8-1.8-4.6-1.8-6.4,0
c-1.7,1.7-1.8,4.4-0.2,6.2l0.2,0.2l4.5,4.5c0.3,0.3,0.3,0.8,0,1.1s-0.7,0.3-1,0.1l-0.1-0.1l-4.5-4.5c-2.3-2.3-2.3-6.2,0-8.5
s6-2.3,8.3-0.1l0.2,0.2l0.6,0.7l0.1,0.1l0.8-0.8C-13,411.6-9.2,411.6-6.8,413.9z M-9.2,427.4c-1-0.8-2.5-1-3.7-0.5l-0.2,0.1
l-0.8,0.4c-1.6,0.9-3.4,1.5-5.2,1.8l-0.5,0.1c-0.2,0-0.4,0.3-0.4,0.5v0.1v0.2c0.1,0.3,0.2,0.4,0.6,0.5h0.2h0.3h0.3
c0.1,0,0.1,0,0.2,0c1.2,0,2.1-0.3,2.6-0.8c0.3-0.3,0.8-0.3,1.1,0s0.3,0.8,0,1.1c-0.9,0.9-2.1,1.3-3.7,1.3c-0.2,0-0.5,0-0.7,0h-0.2
l0,0c-0.1,0-0.2,0-0.3,0h-0.1l-2.4-0.6l-2.3-0.6l-1.5-0.4l5.2,2.6c2.5,1.3,5.5,1.2,8-0.1l0.3-0.1l5.7-3.3L-9.2,427.4z"/>
</g>
<g id="返回顶部" class="st18">
<path id="Combined-Shape_7_" class="st15" d="M24.1,376.8l8.5,8.5c0.3,0.3,0.3,0.8,0,1.1s-0.7,0.3-1,0.1l-0.1-0.1l-6.7-6.7v14.2
c0,0.4-0.3,0.8-0.8,0.8c-0.4,0-0.7-0.3-0.7-0.6V394v-14.2l-6.7,6.7c-0.3,0.3-0.7,0.3-1,0.1l-0.1-0.1c-0.3-0.3-0.3-0.7-0.1-1
l0.1-0.1L24.1,376.8z M32.1,372.6c0.4,0,0.8,0.3,0.8,0.8c0,0.4-0.3,0.7-0.6,0.7h-0.1H16.1c-0.4,0-0.8-0.3-0.8-0.8
c0-0.4,0.3-0.7,0.6-0.7H16H32.1z"/>
</g>
<g id="返回顶部-hover">
<path id="Combined-Shape_8_" class="st19" d="M24.1,416.8l8.5,8.5c0.3,0.3,0.3,0.8,0,1.1s-0.7,0.3-1,0.1l-0.1-0.1l-6.7-6.7v14.2
c0,0.4-0.3,0.8-0.8,0.8c-0.4,0-0.7-0.3-0.7-0.6V434v-14.2l-6.7,6.7c-0.3,0.3-0.7,0.3-1,0.1l-0.1-0.1c-0.3-0.3-0.3-0.7-0.1-1
l0.1-0.1L24.1,416.8z M32.1,412.6c0.4,0,0.8,0.3,0.8,0.8c0,0.4-0.3,0.7-0.6,0.7h-0.1H16.1c-0.4,0-0.8-0.3-0.8-0.8
c0-0.4,0.3-0.7,0.6-0.7H16H32.1z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
历届学生/吴欣阳/项目开发/上课项目/vmall/img/icon_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

251
历届学生/吴欣阳/项目开发/上课项目/vmall/index.html Normal file
View File

@@ -0,0 +1,251 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://at.alicdn.com/t/font_2576965_u8lblew2pc.css">
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/public.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<div class="header">
<div class="header_menu">
<div class="layout">
<ul class="left_menu left">
<li><a href="">首页</a></li>
<li><a href="">华为官网</a></li>
<li><a href="">花粉俱乐部</a></li>
<li><a href="">V码(优购码)</a></li>
<li><a href="">企业购</a></li>
</ul>
<ul class="right_menu right">
<li><a href="">请登录 注册</a></li>
<li><a href="">我的订单</a></li>
<li>
<a href="">
客户服务
<i class="iconfont icon-zhankai"></i>
</a>
</li>
<li>
<a href="">
网站导航
<i class="iconfont icon-zhankai"></i>
<div class="drop_menu">
<div class="drop_menu_item">
<div class="icon_home"></div>
<span>商城首页</span>
</div>
<div class="drop_menu_item">
<h3>频道</h3>
<a href="">华为专区</a>
<a href="">企业购</a>
<a href="">教育优惠</a>
</div>
<div class="drop_menu_item">
<h3>频道</h3>
<a href="">华为专区</a>
<a href="">企业购</a>
<a href="">教育优惠</a>
<a href="">教育优惠</a>
<a href="">教育优惠</a>
<a href="">教育优惠</a>
<a href="">教育优惠</a>
<a href="">教育优惠</a>
<a href="">教育优惠</a>
<a href="">教育优惠</a>
<a href="">教育优惠</a>
<a href="">教育优惠</a>
</div>
<div class="drop_menu_item">
<h3>频道</h3>
<a href="">华为专区</a>
<a href="">企业购</a>
<a href="">教育优惠</a>
</div>
<div class="drop_menu_item">
<h3>会员</h3>
<a href="">华为专区</a>
</div>
</div>
</a>
</li>
<li class="car">
<a href="">
<i class="iconfont icon-gouwuchekong"></i>
购物车(0)
</a>
</li>
</ul>
</div>
</div>
<div class="header_logo">
<div class="layout">
<img class="logo left"
src="https://res.vmallres.com/pimages//common/config/logo/SXppnESYv4K11DBxDFc2.png" alt="">
<ul class="menus left">
<li>
<img src="https://res.vmallres.com/pimages//navigation/icon/GrguiqzHENWVYHYWyHBM.png" alt="">
</li>
<li>
<a href="">莫塞尔专区</a>
</li>
<li>
<a href="">华为智选</a>
</li>
<li>
<a href="">鸿蒙智联</a>
</li>
<li>
<a href="">福利中心</a>
</li>
</ul>
<div class="search right">
<input type="text" placeholder="WATCH 3 WATCH 4">
<i class="iconfont icon-sousuo"></i>
</div>
</div>
</div>
</div>
<div class="content">
<div class="banner">
<div class="layout banner_center">
<ul class="banner_menu">
<li>
<a class="left" href="">手机</a>
<i class="right iconfont icon-zhankai-copy"></i>
<div class="drow_menu">
<div class="list">
<div class="item">
<a href="">
<img src="https://res.vmallres.com/pimages//pages/frontCategory/14651510730611515641.png"
alt="">
<span>HUAWEI Mate系列</span>
</a>
</div>
<div class="item">
<a href="">
<img src="https://res.vmallres.com/pimages//pages/frontCategory/14651510730611515641.png"
alt="">
<span>HUAWEI Mate系列</span>
</a>
</div>
</div>
<div class="show_all">
<i class="iconfont icon-play"></i>
<span>查看全部</span>
</div>
</div>
</li>
<li>
<a class="left" href="">手机</a>
<i class="right iconfont icon-zhankai-copy"></i>
</li>
<li>
<a class="left" href="">手机</a>
<i class="right iconfont icon-zhankai-copy"></i>
</li>
<li>
<a class="left" href="">手机</a>
<i class="right iconfont icon-zhankai-copy"></i>
</li>
<li>
<a class="left" href="">手机</a>
<i class="right iconfont icon-zhankai-copy"></i>
</li>
</ul>
<div class="but left_button"></div>
<div class="but right_button"></div>
<ul class="dh">
<li class="active"></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<ul class="user_info">
<li>
<img class="left"
src="https://res.vmallres.com/20210519/images/echannel/misc/img_not_logged_in.png" alt="">
<div class="left user_text">
<p>您好！请
<a href="">登录</a> /
<a href="">注册</a>
</p>
<a class="news">新人福利</a>
<a class="news vip">会员频道</a>
</div>
</li>
<li>
<div class="icon_item">
<img src="./img/icon_1.png" alt="">
<p>企业购</p>
</div>
<div class="icon_item">
<img src="./img/icon_1.png" alt="">
<p>企业购</p>
</div>
<div class="icon_item">
<img src="./img/icon_1.png" alt="">
<p>企业购</p>
</div>
<div class="icon_item">
<img src="./img/icon_1.png" alt="">
<p>企业购</p>
</div>
<div class="icon_item">
<img src="./img/icon_1.png" alt="">
<p>企业购</p>
</div>
<div class="icon_item">
<img src="./img/icon_1.png" alt="">
<p>企业购</p>
</div>
</li>
<li>
<div class="top_tips">
<span>公告</span>
<a href="">HUAWEI WATCH 3系列 新品上市公告</a>
</div>
<div class="bottom_list">
<div class="b_icon">
<a href="">
<img src="./img/icon_1.png" alt="">
<span>更换电池</span>
</a>
</div>
<div class="b_icon">
<a href="">
<img src="./img/icon_1.png" alt="">
<span>更换电池</span>
</a>
</div>
<div class="b_icon">
<a href="">
<img src="./img/icon_1.png" alt="">
<span>更换电池</span>
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="footer">
</div>
</body>
</html>

44
历届学生/吴欣阳/项目开发/上课项目/vmall/te3st.html Normal file
View File

@@ -0,0 +1,44 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.box {
width: 250px;
margin: auto;
overflow: hidden;
}
.home_top {
position: relative;
width: 100%;
height: 100px;
text-align: center;
line-height: 50px;
}
.home_top:after {
width: 140%;
height: 100px;
position: absolute;
left: -20%;
top: 0;
z-index: -1;
content: '';
border-radius: 0 0 50% 50%;
background: linear-gradient(#2CBAF9, #04A9F4);
}
</style>
</head>
<body>
<div class="box">
<div class="home_top"> 这里是内容 </div>
</div>
</body>
</html>