盒子模型(Box Model)

  • HTML中的每一个元素都可以看做是一个盒子,如右下图所示,可以具备这4个属性
  • 内容(content)
    • 元素的内容width/height
  • 内边距(padding)
    • 元素和内容之间的间距
  • 边框(border)
    • 元素自己的边框
  • 外边距(margin)
    • 元素和其他元素之间的间距
  • image.png

  • 因为盒子有四边, 所以margin/padding/border都包括top/right/bottom/left四个边:
  • image.png
  • image.png

内容 – 宽度和高度

  • 设置内容是通过宽度和高度设置的:

    • 宽度设置: width
    • 高度设置: height
  • 注意: 对于行内级非替换元素来说, 设置宽高是无效的!

  • 另外我们还可以设置如下属性:

  • min-width:最小宽度,无论内容多少,宽度都大于或等于min-width

  • max-width:最大宽度,无论内容多少,宽度都小于或等于max-width

  • 移动端适配时, 可以设置最大宽度和最小宽度;

  • 下面两个属性不常用:

  • min-height:最小高度,无论内容多少,高度都大于或等于min-height

  • max-height:最大高度,无论内容多少,高度都小于或等于max-height

内边距 - padding

  • padding属性用于设置盒子的内边距, 通常用于设置边框和内容之间的间距;
  • padding包括四个方向, 所以有如下的取值:
    • padding-top:上内边距
    • padding-right:右内边距
    • padding-bottom:下内边距
    • padding-left:左内边距
  • padding单独编写是一个缩写属性
    • padding-top、padding-right、padding-bottom、padding-left的简写属性
    • padding缩写属性是从零点钟方向开始, 沿着顺时针转动的, 也就是上右下左;
  • padding并非必须是四个值, 也可以有其他值;

边框 - border

  • border用于设置盒子的边框:
  • 边框相对于content/padding/margin来说特殊一些:
    • 边框具备宽度width;
    • 边框具备样式style;
    • 边框具备颜色color;

设置边框的方式

  • 边框宽度
    • border-top-width、border-right-width、border-bottom-width、border-left-width
    • border-width是上面4个属性的简写属性
  • 边框颜色
    • border-top-color、border-right-color、border-bottom-color、border-left-color
    • border-color是上面4个属性的简写属性
  • 边框样式
    • border-top-style、border-right-style、border-bottom-style、border-left-style
    • border-style是上面4个属性的简写属性

边框的样式设置值

  • 边框的样式有很多, 我们可以了解如下的几个:
    • groove:凹槽, 沟槽, 边框看上去好象是雕刻在画布之内
    • ridge:山脊, 和grove相反,边框看上去好象是从画布中凸出来
  • image.png

同时设置的方式

  • 如果我们相对某一边同时设置 宽度 样式 颜色, 可以进行如下设置:
    • border-top
    • border-right
    • border-bottom
    • border-left
    • border:统一设置4个方向的边框
  • 边框颜色、宽度、样式的编写顺序任意

圆角 – border-radius

  • border-radius用于设置盒子的圆角
  • image.png
  • border-radius常见的值:
    • 数值: 通常用来设置小的圆角, 比如6px;
    • 百分比: 通常用来设置一定的弧度或者圆形;

border-radius补充

  • border-radius事实上是一个缩写属性:
    • 将这四个属性 border-top-left-radius、border-top-right-radius、border-bottom-right-radius,和 border-bottomleft-radius 简写为一个属性。
    • 开发中比较少见一个个圆角设置;
  • 如果一个元素是正方形, 设置border-radius大于或等于50%时,就会变成一个圆.
  • image.png

案例
image.png

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!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>
a {
display: inline-block;
width: 70px;
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 13px;

font-size: 12px;
text-decoration: none;
}

.new {
background: #e1251b;
color: #fff;
}

.vip {
background: #363634;
color: #e5d790;
}
</style>
</head>
<body>

<a class="new" href="">新人福利</a>
<a class="vip" href="">PLUS会员</a>

</body>
</html>

外边距 - margin

  • margin属性用于设置盒子的外边距, 通常用于元素和元素之间的间距;
  • margin包括四个方向, 所以有如下的取值:
    • margin-top:上内边距
    • margin-right:右内边距
    • margin-bottom:下内边距
    • margin-left:左内边距
  • margin单独编写是一个缩写属性:
    • margin-top、margin-right、margin-bottom、margin-left的简写属性
    • margin缩写属性是从零点钟方向开始, 沿着顺时针转动的, 也就是上右下左;
  • margin也并非必须是四个值, 也可以有其他值;

上下margin的传递

  • margin-top传递
    • 如果块级元素的顶部线和父元素的顶部线重叠,那么这个块级元素的margin-top值会传递给父元素
  • margin-bottom传递
    • 如果块级元素的底部线和父元素的底部线重写,并且父元素的高度是auto,那么这个块级元素的margin-bottom值会传递给父元素
  • 如何防止出现传递问题?
    • 给父元素设置padding-top\padding-bottom
    • 给父元素设置border
    • 触发BFC: 设置overflow为auto
  • 建议
    • margin一般是用来设置兄弟元素之间的间距
    • padding一般是用来设置父子元素之间的间距

image.png

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<style>
.box {
width: 300px;
height: 300px;
background-color: #f00;
}

.child {
width: 200px;
height: 200px;
background-color: #0f0;

margin-left: 10px;

/* 上下非常特殊 */
margin-top: 50px;
}

.box1 {
width: 300px;
/* height: 300px; */
background-color: #00f;
}

.child1 {
width: 200px;
height: 300px;
background-color: #0ff;

margin-bottom: 200px;
}
</style>
</head>

<body>

<!-- 父子元素: margin-top -->
<div class="box">
<div class="child"></div>
</div>

<!-- margin-bottom -->
<div class="box1">
<div class="child1"></div>
</div>

<div>我是div元素</div>

</body>

上下margin的折叠

  • 垂直方向上相邻的2个margin(margin-top、margin-bottom)有可能会合并为1个margin,这种现象叫做collapse(折叠)
  • 水平方向上的margin(margin-left、margin-right)永远不会collapse
  • 折叠后最终值的计算规则
    • 两个值进行比较,取较大的值
  • 如何防止margin collapse?
    • 只设置其中一个元素的margin

上下margin折叠的情况

  • 两个兄弟块级元素之间上下margin的折叠
  • 父子块级元素之间margin的折叠
  • image.png

外轮廓 - outline

  • outline表示元素的外轮廓
    • 不占用空间
    • 默认显示在border的外面
  • outline相关属性有
    • outline-width: 外轮廓的宽度
    • outline-style:取值跟border的样式一样,比如solid、dotted等
    • outline-color: 外轮廓的颜色
    • outline:outline-width、outline-style、outline-color的简写属性,跟border用法类似
  • 应用实例
    • 去除a元素、input元素的focus轮廓效果

盒子阴影 – box-shadow

  • box-shadow属性可以设置一个或者多个阴影
    • 每个阴影用表示
    • 多个阴影之间用逗号,隔开,从前到后叠加
  • 的常见格式如下
    • 第1个:offset-x, 水平方向的偏移,正数往右偏移
    • 第2个:offset-y, 垂直方向的偏移,正数往下偏移
    • 第3个:blur-radius, 模糊半径
    • 第4个:spread-radius, 延伸半径
    • :阴影的颜色,如果没有设置,就跟随color属性的颜色
    • inset:外框阴影变成内框阴影
1
box-shadow: 5px 5px 5px 5px #0f0, 10px 10px 5px 5px #00f;

盒子阴影 – 在线查看

文字阴影 - text-shadow

  • text-shadow用法类似于box-shadow,用于给文字添加阴影效果
  • 的常见格式如下
    • 相当于box-shadow, 它没有spread-radius的值;
  • 我们可以通过一个网站测试文字的阴影:

image.png

行内非替换元素的注意事项

  • 以下属性对行内级非替换元素不起作用
    • width、height、margin-top、margin-bottom
  • 以下属性对行内级非替换元素的效果比较特殊
    • padding-top、padding-bottom、上下方向的border

综合练习1

image.png

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!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>
body {
background-color: #f5f5f5;
font: 14px/1.5 Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;
}

a {
color: #333;
text-decoration: none;
box-sizing: border-box;
}

.mi {
display: inline-block;

width: 234px;
height: 300px;
padding: 20px 0;

background-color: #fff;

text-align: center;
}

.mi img {
width: 160px;
}

.mi .title {
font-size: 14px;
color: #333;
margin: 18px 0 2px;
}

.mi .desc {
font-size: 12px;
color: #b0b0b0;
margin: 0 10px 10px;

/* 一行显示...方法 */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.mi .price {
color: #ff6700;
}
</style>
</head>
<body>

<a class="mi" href="#">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/cfec307342eb35ee4a437f664004c50f.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
<h3 class="title">Redmi 手表</h3>
<p class="desc">35g超轻/1.4"大屏/多功能NFC/7天长续航</p>
<div class="price">299元</div>
</a>

</body>
</html>

综合练习2

image.png

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!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>
a {
text-decoration: none;
color: #333;
}

.item {
width: 250px;
}

.item .top img {
width: 100%;
border-radius: 6px;
}

.item .bottom .desc a {
font-size: 15px;
padding-right: 24px;
}

.item .bottom .up a {
font-size: 13px;
line-height: 13px;
color: #999;
position: relative;
}

.up-icon {
width: 16px;
height: 16px;
color: #999;
position: relative;
top: 2px;
}
</style>
</head>
<body>
<svg aria-hidden="true" style="position:absolute;width:0px;height:0px;overflow:hidden;">
<symbol id="channel-activity" fill="#333" viewBox="0 0 1024 1024"><path d="M518.656 475.904a223.488 223.488 0 0 1-23.296-75.52 366.08 366.08 0 0 1 81.408 14.592 623.104 623.104 0 0 1-58.112 60.928m-69.888-119.04c-11.52-58.112-8.704-55.296-25.6-156.928a265.984 265.984 0 0 0-78.336 46.592c51.2 104.448 60.928 165.376 92.928 290.304 51.2-5.632 211.968-40.704 226.56-130.56 8.704-64-142.336-64-215.04-49.408m37.12 267.264a263.424 263.424 0 0 0-107.52 69.632l43.52 153.6a47.872 47.872 0 0 1-92.928 23.296L216.576 473.088l-72.704-204.8c2.816-5.632 5.888-8.704 8.704-14.336l-14.592-51.2a46.08 46.08 0 0 1 32-57.856 47.616 47.616 0 0 1 58.112 34.304v2.816a334.848 334.848 0 0 1 98.816-43.52c177.152-46.592 203.264 55.04 429.824 23.296L890.368 588.8c-171.52 90.112-232.448-11.52-403.712 35.072" fill="#F39800"></path></symbol><symbol id="channel-ad" viewBox="0 0 1024 1024"><path d="M576.768 153.6c32.768-32.512 132.096 13.824 221.952 103.68S935.168 446.464 902.4 479.232a27.648 27.648 0 0 1-6.144 4.608c-37.632 22.784-640 377.6-640 377.6a110.592 110.592 0 0 1-48.384-30.976 140.288 140.288 0 0 1-34.56-49.152s381.184-588.8 399.36-620.8a34.56 34.56 0 0 1 4.096-6.912z" fill="#9796ED"></path><path d="M172.288 780.032c-4.864 3.328-35.328 19.968-51.2 28.928a18.688 18.688 0 0 0-9.728 19.456 104.192 104.192 0 0 0 31.488 58.368 117.504 117.504 0 0 0 59.392 33.024 19.2 19.2 0 0 0 19.968-8.448c10.752-17.152 32-51.2 33.024-51.2a110.592 110.592 0 0 1-48.384-30.976 140.288 140.288 0 0 1-34.56-49.152z" fill="#9289F0"></path><path d="M576.768 153.6c32.768-32.512 132.096 13.824 221.952 103.68S935.168 446.464 902.4 479.232a27.648 27.648 0 0 1-6.144 4.608c-37.632 22.784-102.4 60.16-102.4 60.16s-64-4.096-173.312-113.664c-102.4-102.4-112.128-171.008-112.128-171.008s39.936-61.696 62.464-98.816a34.56 34.56 0 0 1 5.888-6.912z" fill="#F7DF88"></path><path d="M680.458 374.492a230.144 83.712 45 1 0 118.387-118.386 230.144 83.712 45 1 0-118.387 118.386Z" fill="#8683EA"></path></symbol><symbol id="channel-animal" viewBox="0 0 1024 1024"><path d="M517.376 465.152a144.924 144.924 0 0 1 137.529 99.214c1.28 3.926 2.275 7.85 2.901 11.805a132.267 132.267 0 0 1-14.279 263.765H380.473a132.267 132.267 0 0 1-14.25-263.794 74.044 74.044 0 0 1 2.872-11.776 144.924 144.924 0 0 1 137.529-99.214h10.752zm-96.683-47.047c50.262-3.783 85.618-59.165 79.047-123.733-6.599-64.57-52.65-113.892-102.912-110.109-50.232 3.755-85.617 59.165-79.018 123.733 6.599 64.57 52.65 113.864 102.912 110.08zm182.614 0c50.233 3.755 96.284-45.511 102.883-110.109 6.6-64.568-28.786-119.978-79.018-123.733-50.262-3.783-96.313 45.511-102.912 110.08-6.6 64.569 28.785 119.979 79.018 123.733zM717.426 551.14c39.082 21.816 96.91-4.267 129.138-58.226 32.256-53.96 26.709-115.37-12.374-137.188-39.11-21.817-96.938 4.267-129.166 58.226-32.256 53.96-26.71 115.37 12.402 137.188zm-410.852 0c39.111-21.817 44.658-83.229 12.402-137.188-32.228-53.96-90.055-80.043-129.138-58.226-39.11 21.817-44.658 83.229-12.43 137.188 32.256 53.959 90.084 80.042 129.166 58.226z" fill="#FB7299"></path><path d="M621.511 113.778c76.231-.939 138.468 74.012 149.504 173.34 37.746-13.312 75.861-12.914 107.293 4.324 70.712 38.77 80.753 147.968 22.442 243.91a272.327 272.327 0 0 1-71.11 78.337c9.158 22.87 14.221 47.843 14.221 73.984v23.438a199.111 199.111 0 0 1-199.11 199.111H379.25a199.111 199.111 0 0 1-199.111-199.11v-23.44c0-26.168 5.063-51.114 14.222-74.012a272.1 272.1 0 0 1-71.111-78.307c-58.311-95.943-48.27-205.141 22.442-243.911 31.432-17.238 69.547-17.636 107.321-4.352 11.008-99.3 73.245-174.25 149.476-173.312 42.41.54 81.152 24.462 109.511 62.777 28.36-38.287 67.1-62.237 109.511-62.777z" fill="#FFD7E7"></path><path d="M512 465.152a141.198 141.198 0 0 1 134.741 98.958l.086.256c1.905 6.087 3.015 12.231 3.356 18.29a132.267 132.267 0 0 1-9.728 264.164h-256.91a132.267 132.267 0 0 1-9.671-264.192l-.2 4.58a76.853 76.853 0 0 1 3.5-22.842l.085-.284A141.198 141.198 0 0 1 512 465.18zm-91.307-47.047c50.262-3.783 85.618-59.165 79.047-123.733-6.599-64.57-52.65-113.892-102.912-110.109-50.232 3.755-85.617 59.165-79.018 123.733 6.599 64.57 52.65 113.864 102.912 110.08zm182.614 0c50.233 3.755 96.284-45.511 102.883-110.109 6.6-64.568-28.786-119.978-79.018-123.733-50.262-3.783-96.313 45.511-102.912 110.08-6.6 64.569 28.785 119.979 79.018 123.733zM717.426 551.14c39.082 21.816 96.91-4.267 129.138-58.226 32.256-53.96 26.709-115.37-12.374-137.188-39.11-21.817-96.938 4.267-129.166 58.226-32.256 53.96-26.71 115.37 12.402 137.188zm-410.852 0c39.111-21.817 44.658-83.229 12.402-137.188-32.228-53.96-90.055-80.043-129.138-58.226-39.11 21.817-44.658 83.229-12.43 137.188 32.256 53.959 90.084 80.042 129.166 58.226z" fill="#FB7299"></path></symbol><symbol id="channel-anime" viewBox="0 0 1024 1024"><path d="m588.8 359.68-12.032-7.424L727.04 145.664a30.976 30.976 0 0 0-51.2-36.352l-153.6 210.176L281.6 170.24a30.976 30.976 0 1 0-33.024 52.736L486.4 369.92l-22.784 31.488a30.976 30.976 0 1 0 51.2 36.352l25.6-35.072 16.128 9.728A30.976 30.976 0 1 0 588.8 359.68zM710.4 850.688a53.248 53.248 0 1 0 106.496 0 53.248 53.248 0 1 0-106.496 0ZM261.12 797.44a53.248 53.248 0 1 0 53.504 53.248 53.248 53.248 0 0 0-53.504-53.248z" fill="#FB813A"></path><path d="M234.24 314.368h556.288q92.928 0 92.928 92.928V768q0 92.928-92.928 92.928H234.24q-92.928 0-92.928-92.928V407.296q0-92.928 92.928-92.928Z" fill="#FDDE80"></path><path d="M392.192 575.232a128.256 128.256 0 1 0 256.512 0 128.256 128.256 0 1 0-256.512 0Z" fill="#FFF"></path><path d="M476.928 546.56c0-26.88 19.2-37.632 42.24-25.6l49.664 28.672a25.6 25.6 0 0 1 0 48.64l-49.664 28.672c-23.04 13.568-42.24 2.56-42.24-24.32z" fill="#FB813A"></path></symbol><symbol id="channel-blackroom" viewBox="0 0 1024 1024"><path d="M0 0h1024v1024H0z" fill="none"></path><path d="M874.675 156.595c14.848 0 27.136 11.187 28.8 25.6l.205 3.405v335.949c0 14.873-11.213 27.136-25.626 28.825l-3.379.18H697.702l-54.476 54.502a29.03 29.03 0 0 1-35.354 4.429l-2.944-2.023-2.74-2.406-54.527-54.528-134.912.026c-13.747 0-25.242-9.55-28.263-22.35l-.563-3.276-.205-3.38V382.567H370.74c-13.721 0-25.216-9.523-28.237-22.348l-.563-3.252-.205-3.404V185.6c0-14.874 11.213-27.136 25.626-28.826l3.38-.179h503.935z" fill="#AAF6C4"></path><path d="M755.2 268.8c18.611 0 33.92 14.003 36.02 32.026l.255 4.25v435.2c0 18.585-14.003 33.92-32.051 36.018l-4.224.256H422.733L287.36 878.08c-21.683 16.256-51.763 3.738-57.165-20.992l-.665-4.02-.205-3.993v-72.55h-54.4c-17.152 0-31.54-11.93-35.303-27.955l-.716-4.096-.256-4.199v-435.2c0-18.611 14.028-33.945 32.05-36.019l4.225-.256H755.2z" fill="#59D498"></path><path d="M392.525 563.2a32 32 0 0 1 3.277 63.846l-3.277.154h-108.8a32 32 0 0 1-3.251-63.846l3.25-.154h108.8zm108.8-145.075a32 32 0 0 1 3.277 63.846l-3.277.154h-217.6a32 32 0 0 1-3.251-63.821l3.25-.18h217.6z" fill="#FFF"></path></symbol><symbol id="channel-broadcast" viewBox="0 0 1024 1024"><path d="M665.6 852.48H194.56c-38.4 0-66.56-30.72-66.56-69.12v-281.6c0-38.4 30.72-69.12 66.56-69.12H665.6c38.4 0 66.56 30.72 66.56 69.12v284.16c0 35.84-30.72 66.56-66.56 66.56M688.768 282.138c0 76.8-61.44 138.24-135.68 138.24s-133.12-61.44-133.12-138.24 61.44-138.24 135.68-138.24 133.12 64 133.12 138.24" fill="#FE6998"></path><path d="M384 332.8c0 48.64-38.4 89.6-87.04 89.6s-87.04-38.4-87.04-89.6 38.4-89.6 87.04-89.6S384 284.16 384 332.8" fill="#FF5B61"></path><path d="m414.72 558.08 115.2 69.12c15.36 10.24 15.36 30.72 0 40.96l-115.2 69.12c-15.36 10.24-35.84-2.56-35.84-20.48V578.56c2.56-17.92 20.48-28.16 35.84-20.48" fill="#FDDE80"></path><path d="m790.912 511.59-168.96 99.84c-30.72 17.92-30.72 66.56 0 84.48l168.96 99.84c30.72 17.92 71.68-5.12 71.68-43.52V555.11c0-38.4-38.4-61.44-71.68-43.52" fill="#FE6998"></path></symbol><symbol id="channel-car" viewBox="0 0 1024 1024"><path d="M210.688 588.8h25.6a51.2 51.2 0 0 1 51.2 45.568l14.08 128A51.2 51.2 0 0 1 256 819.2h-30.976a51.2 51.2 0 0 1-51.2-45.568l-14.08-128A51.2 51.2 0 0 1 204.8 588.8zm577.536 0h25.6a51.2 51.2 0 0 1 51.2 51.2 41.984 41.984 0 0 1 0 5.632l-14.08 128a51.2 51.2 0 0 1-51.2 45.568h-25.6a51.2 51.2 0 0 1-51.2-51.2 41.984 41.984 0 0 1 0-5.632l14.08-128a51.2 51.2 0 0 1 51.2-45.568zm118.272-195.84a38.656 38.656 0 0 1-25.6 48.128l-25.6 7.424a38.4 38.4 0 0 1-22.528-73.472l25.6-7.424a38.144 38.144 0 0 1 48.128 25.344zm-691.2 29.952a38.4 38.4 0 0 1-47.872 25.6l-25.6-7.424a38.656 38.656 0 0 1-25.6-48.128 38.144 38.144 0 0 1 47.872-25.6l25.6 7.424a38.4 38.4 0 0 1 25.6 48.128z" fill="#23ADE5"></path><path d="M292.608 201.216A1109.76 1109.76 0 0 1 512 179.2a1165.568 1165.568 0 0 1 224 22.016 51.2 51.2 0 0 1 38.144 32L870.4 486.4v230.4a25.6 25.6 0 0 1-25.6 25.6H179.2a25.6 25.6 0 0 1-25.6-25.6V486.4L256 232.704a51.2 51.2 0 0 1 36.608-31.488z" fill="#48CFE5"></path><path d="M230.4 512h102.4q25.6 0 25.6 25.6v25.6q0 25.6-25.6 25.6H230.4q-25.6 0-25.6-25.6v-25.6q0-25.6 25.6-25.6ZM691.2 512h102.4q25.6 0 25.6 25.6v25.6q0 25.6-25.6 25.6H691.2q-25.6 0-25.6-25.6v-25.6q0-25.6 25.6-25.6Z" fill="#FFF"></path><path d="M327.68 270.848A1000.96 1000.96 0 0 1 499.712 256a1429.248 1429.248 0 0 1 196.864 15.36 25.6 25.6 0 0 1 20.992 18.176l39.68 134.656a25.6 25.6 0 0 1-17.408 31.744 24.064 24.064 0 0 1-9.472 0q-125.184-12.032-230.4-12.032a1894.4 1894.4 0 0 0-204.8 11.264 25.6 25.6 0 0 1-28.16-22.784 25.6 25.6 0 0 1 0-9.984L307.2 288.768a25.6 25.6 0 0 1 20.48-17.92z" fill="#FDDE80"></path><path d="M614.4 358.4a102.4 102.4 0 0 0-100.864 86.784h51.2a51.2 51.2 0 0 1 99.072 5.12l51.2 4.352A102.4 102.4 0 0 0 614.4 358.4z" fill="#23ADE5"></path></symbol><symbol id="channel-cinema" viewBox="0 0 1024 1024"><path d="M682.24 716.8c34.56 0 71.936-2.56 106.496 0 61.184 0 74.752 39.936 76.8 93.184a32 32 0 0 0 64 0c0-71.936-25.6-143.872-106.752-157.184a807.168 807.168 0 0 0-138.496 0 32 32 0 0 0-2.56 64" fill="#FB813A"></path><path d="M860.672 489.472A354.304 354.304 0 1 0 506.368 844.8a358.4 358.4 0 0 0 354.304-355.328" fill="#FB813A"></path><path d="M695.552 566.528a79.872 79.872 0 1 1 79.872-80.128 79.872 79.872 0 0 1-79.872 79.872M508.928 384a79.872 79.872 0 0 1-79.872-79.872 80.128 80.128 0 0 1 160 0A80.128 80.128 0 0 1 508.928 384m0 372.992a79.872 79.872 0 0 1-79.872-79.872 81.92 81.92 0 0 1 79.872-79.872A80.128 80.128 0 0 1 588.8 675.84a78.592 78.592 0 0 1-80.128 79.872M322.56 566.528a79.872 79.872 0 1 1 79.872-80.128 79.872 79.872 0 0 1-79.872 79.872M512 128a372.992 372.992 0 1 0 372.736 371.968A374.016 374.016 0 0 0 512 128" fill="#FFBA7B"></path><path d="M567.552 489.472a58.624 58.624 0 1 0-58.624 58.624 59.136 59.136 0 0 0 58.624-58.624" fill="#FB952C"></path></symbol><symbol id="channel-cinephile" viewBox="0 0 1024 1024"><path d="M226.816 201.728h571.136q79.616 0 79.616 79.616v458.24q0 79.616-79.616 79.616H226.816q-79.616 0-79.616-79.616v-458.24q0-79.616 79.616-79.616Z" fill="#9796ED"></path><path d="M222.976 269.312h77.056v57.856h-77.056zm167.168 0H467.2v57.856h-77.056zm167.168 0h77.056v57.856h-77.056zm167.168 0h77.056v57.856H724.48zM222.976 693.76h77.056v57.856h-77.056zm167.168 0H467.2v57.856h-77.056zm167.168 0h77.056v57.856h-77.056zM147.2 375.296h730.368v270.08H147.2z" fill="#7B78EA"></path><path d="m544.721 506.356 2.535-2.535q23.351-23.351 46.703 0l199.664 199.665q23.351 23.351 0 46.703l-2.534 2.534q-23.352 23.351-46.703 0L544.72 553.059q-23.351-23.352 0-46.703Z" fill="#FFD043"></path><path d="M708.352 418.816h-25.6v-24.32a13.568 13.568 0 0 0-13.568-13.568H665.6a13.312 13.312 0 0 0-13.312 13.568v24.32h-25.6a13.568 13.568 0 0 0-13.568 13.568v5.632a13.568 13.568 0 0 0 13.568 13.568h25.6v24.32a13.312 13.312 0 0 0 13.312 13.568h5.632a13.568 13.568 0 0 0 13.568-13.568v-24.32h25.6a13.312 13.312 0 0 0 13.312-13.568v-5.632a13.312 13.312 0 0 0-15.36-13.568zm-190.464 0h-25.6v-24.32a13.312 13.312 0 0 0-13.312-13.568h-5.632a13.568 13.568 0 0 0-13.568 13.568v24.32H435.2a13.312 13.312 0 0 0-13.312 13.568v5.632a13.312 13.312 0 0 0 13.312 13.568h25.6v24.32a13.568 13.568 0 0 0 13.568 13.568H480a13.312 13.312 0 0 0 13.312-13.568v-24.32h25.6a13.312 13.312 0 0 0 13.312-13.568v-5.632a13.312 13.312 0 0 0-14.336-13.568zm-24.32 153.344h-18.432v-18.432a10.24 10.24 0 0 0-10.24-10.24H460.8a10.24 10.24 0 0 0-10.24 10.24v18.432h-18.432a10.24 10.24 0 0 0-10.24 10.24v4.352a10.24 10.24 0 0 0 10.24 10.24h18.432V614.4a10.24 10.24 0 0 0 10.24 10.24h4.352a10.24 10.24 0 0 0 10.24-10.24v-18.432h18.432a10.24 10.24 0 0 0 10.24-10.24v-4.352a10.24 10.24 0 0 0-10.496-9.216z" fill="#FFD778"></path></symbol><symbol id="channel-comic" viewBox="0 0 1024 1024"><path d="M722.204 843.492h-551.68a70.144 70.144 0 0 1-69.973-69.917V400.896a70.144 70.144 0 0 1 69.973-69.945h551.68a70.144 70.144 0 0 1 69.917 69.973v372.623a70.144 70.144 0 0 1-69.917 69.945" fill="#FDDE80"></path><path d="M710.315 341.703c22.613-7.339 38.2-29.099 36.067-52.793a143.616 143.616 0 0 0-6.542-32.142C700.36 135.14 510.72 87.723 316.274 150.869 121.799 214.016-3.783 363.804 35.698 485.461c3.413 10.525 7.993 20.452 13.596 29.81 12.231 20.423 37.604 28.871 60.217 21.533l600.804-195.1z" fill="#9796ED"></path><path d="m281.031 123.676 11.236 34.617c4.977 15.332 21.617 23.78 36.92 18.802 15.332-4.978 23.809-21.59 18.83-36.92l-11.235-34.59a29.383 29.383 0 0 0-36.92-18.801c-15.36 4.95-23.809 21.59-18.83 36.892" fill="#7B78EB"></path><path d="M444.16 714.07a139.748 139.748 0 0 0 138.297-119.553 17.493 17.493 0 0 0-17.124-20.195H322.987a17.493 17.493 0 0 0-17.124 20.195A139.776 139.776 0 0 0 444.16 714.07" fill="#FFAF66"></path><path d="m704.796 680.903-85.845-40.619s12.288 55.752 71.396 92.672c-.086.74-.285 1.423-.37 2.19-12.715 94.55 38.2 179.4 113.692 189.554 75.492 10.127 146.973-58.31 159.687-152.86 12.687-94.52-38.2-179.4-113.72-189.525-60.018-8.079-117.42 33.65-144.84 98.588z" fill="#9796ED"></path><path d="m856.064 682.012-19.797 99.158a6.57 6.57 0 0 1-6.457 5.29h-17.778a6.6 6.6 0 0 1-6.542-7.537l14.478-99.13a6.542 6.542 0 0 1 6.485-5.66h23.154c4.181 0 7.282 3.812 6.457 7.88M833.166 818.09l-2.986 16.298a6.57 6.57 0 0 1-6.457 5.405h-20.964a6.6 6.6 0 0 1-6.485-7.652l2.645-16.27a6.6 6.6 0 0 1 6.485-5.547h21.277c4.124 0 7.253 3.727 6.485 7.766" fill="#C5C2FF"></path></symbol><symbol id="channel-competition" viewBox="0 0 1024 1024"><defs><style>@font-face{font-family:element-icons;src:url(chrome-extension://moombeodfomdpjnpocobemoiaemednkg/fonts/element-icons.woff) format("woff"),url("chrome-extension://moombeodfomdpjnpocobemoiaemednkg/fonts/element-icons.ttf ") format("truetype")}</style></defs><path d="M545.03 736.563v68.01h108.108a23.997 23.997 0 0 1 24.002 23.997v17.833a23.997 23.997 0 0 1-24.002 23.997h-282.27a23.997 23.997 0 0 1-24.003-24.003V828.57a23.997 23.997 0 0 1 24.002-23.998h108.109v-68.014c-57.334-7.639-108.467-34.888-146.432-74.783-103.526-30.924-171.49-125.808-202.27-278.917-12.545-62.382 28.042-123.085 90.639-135.588a115.978 115.978 0 0 1 22.707-2.242h20.68V227.2a48 48 0 0 1 48-48h399.41a48 48 0 0 1 48 48v17.828h20.67c7.629 0 15.232.752 22.707 2.242 62.597 12.498 103.179 73.206 90.64 135.588-30.777 153.104-98.74 247.987-202.26 278.917-37.97 39.895-89.104 67.144-146.433 74.783zM270.34 545.653a248.545 248.545 0 0 1-6.041-54.614V310.856h-20.685c-3.262 0-6.523.322-9.728.962-26.83 5.356-44.222 31.37-38.846 58.112 15.78 78.49 40.755 136.643 75.295 175.719zm489.37-234.797v180.183c0 18.76-2.09 37.038-6.042 54.605 34.535-39.076 59.51-97.234 75.29-175.719 5.376-26.737-12.017-52.751-38.846-58.107a49.705 49.705 0 0 0-9.728-.962h-20.674z" fill="#FFD778"></path><path d="m512 487.639-59.791 31.217a12.8 12.8 0 0 1-18.535-13.527l11.392-65.982-48.19-46.653a12.8 12.8 0 0 1 7.077-21.863l66.683-9.625 29.9-60.176a12.8 12.8 0 0 1 22.928 0l29.9 60.176 66.683 9.625a12.8 12.8 0 0 1 7.076 21.863l-48.19 46.653 11.393 65.982a12.8 12.8 0 0 1-18.535 13.527L512 487.639z" fill="#FB813A"></path></symbol><symbol id="channel-dance" viewBox="0 0 1024 1024"><path d="M956.672 513.792a476.416 476.416 0 0 0-890.368 0L512 727.296l-95.232 45.568a117.76 117.76 0 0 0 192.256 0L512 727.04z" fill="#FC6B8A"></path><path d="m512 727.296 208.64-99.84a222.976 222.976 0 0 0-416.768 0z" fill="#FFF"></path><path d="m405.453 751.54 541.184-258.586 14.029 29.312-541.184 258.61z" fill="#FF5C7A"></path><path d="m666.624 545.792-18.688-15.36-112.64 135.424L575.488 492.8l-23.552-5.632-40.192 172.544-40.448-172.544-23.808 5.632 40.704 173.056-112.896-135.424-18.688 15.36 111.616 134.144-391.68-186.88L62.72 522.24 603.904 780.8l14.08-29.44-87.552-41.728 136.192-163.84z" fill="#F14767"></path></symbol><symbol id="channel-danjiyouxi" viewBox="0 0 1024 1024"><path d="M512 153.6h-.026q50.458 0 50.458 50.458v100.864q0 50.457-50.458 50.457H512q-50.458 0-50.458-50.457V204.058q0-50.458 50.458-50.458Z" fill="#FB952C"></path><path d="M637.056 254.49H386.944C219.187 254.49 83.2 390.477 83.2 558.234c0 167.73 135.987 303.718 303.744 303.718h250.112c167.757 0 303.744-135.987 303.744-303.718 0-167.757-135.987-303.744-303.744-303.744z" fill="#FFF"></path><path d="M637.056 254.49H386.944C219.187 254.49 83.2 390.477 83.2 558.234c0 167.73 135.987 303.718 303.744 303.718h250.112c167.757 0 303.744-135.987 303.744-303.718 0-167.757-135.987-303.744-303.744-303.744zM404.787 611.84h-35.712v35.712a35.738 35.738 0 0 1-71.475 0V611.84h-35.738a35.738 35.738 0 0 1 0-71.475H297.6v-35.738a35.738 35.738 0 0 1 71.475 0v35.738h35.738a35.738 35.738 0 0 1 0 71.475zm285.901 71.424a107.213 107.213 0 1 1 0-214.4 107.213 107.213 0 0 1 0 214.4z" fill="#F55E55"></path><path d="M639.923 576.102a53.606 53.606 0 1 0 107.213 0 53.606 53.606 0 0 0-107.213 0z" fill="#FB952C"></path></symbol><symbol id="channel-digital" viewBox="0 0 1024 1024"><path d="m298.496 284.928 17.664-51.2a36.608 36.608 0 0 1 33.28-22.016h325.376a37.12 37.12 0 0 1 34.304 22.016l17.408 51.2h88.576a69.376 69.376 0 0 1 66.56 70.656v377.344a69.12 69.12 0 0 1-67.84 70.144H209.92a69.12 69.12 0 0 1-68.352-70.144V355.584a69.376 69.376 0 0 1 68.352-70.656z" fill="#FFBA7B"></path><path d="M141.568 457.728h740.096v271.36a69.632 69.632 0 0 1-73.728 73.984H210.688a69.12 69.12 0 0 1-69.12-69.376z" fill="#FB952C"></path><path d="M512 358.4a197.376 197.376 0 1 1-197.376 197.376A197.632 197.632 0 0 1 512 358.4z" fill="#FB952C"></path><path d="M512 409.6a148.224 148.224 0 1 1-147.968 147.968A147.968 147.968 0 0 1 512 409.6z" fill="#FFF"></path><path d="M512 457.728a98.816 98.816 0 1 1-98.56 98.56 98.56 98.56 0 0 1 98.56-98.56z" fill="#FB952C"></path><path d="M733.696 358.4h73.984a25.6 25.6 0 0 1 25.6 25.6 25.6 25.6 0 0 1-25.6 25.6h-73.984a25.6 25.6 0 0 1-25.6-25.6 25.6 25.6 0 0 1 25.6-25.6z" fill="#FFF"></path></symbol><symbol id="channel-documentary" viewBox="0 0 1024 1024"><path d="M404.9 386.765c-70.897-2.565-143.347 12.06-196.65 38.182-48.848 23.963-117.63 89.46-121.928 135.563h735.323c-3.217 0-12.015-9.428-14.738-11.52-5.017-3.825-9.742-7.808-14.76-11.543-11.902-8.91-24.66-16.897-37.147-24.975a1040.175 1040.175 0 0 0-77.063-45.585c-52.47-27.945-107.865-50.805-165.69-65.002a533.88 533.88 0 0 0-107.347-15.12" fill="#47CFE5"></path><path d="M744.605 489.163c-12.713 32.31-136.71 36.765-181.395 36.765H137.802c-15.232 0-29.767 5.197-39.757 14.265-9.9 8.977-14.107 20.767-11.7 32.355 0 .112 0 .27.09.337 9.293 43.672 35.73 83.34 76.365 114.683 1.62 1.26 3.263 2.52 4.928 3.735 106.74 78.457 292.522 81.157 423.45 43.875 41.445-11.79 80.865-28.17 115.177-49.635 38.992-24.39 78.795-57.308 102.308-91.733 3.465-5.062 41.22-61.177 41.962-60.885l-106.02-43.762z" fill="#47CFE5"></path><path d="m918.058 505.317-29.88-17.077a75.082 75.082 0 0 0-70.11-2.138 75.375 75.375 0 0 0-37.418-59.354l-29.925-17.078a11.453 11.453 0 0 0-15.66 4.275l-7.83 13.703a59.063 59.063 0 0 0 21.96 80.572l15.795 9.045a.045.045 0 0 1-.045.045l51.48 29.43.045-.045 17.46 9.99a59.085 59.085 0 0 0 80.573-21.938l7.83-13.725a11.543 11.543 0 0 0-4.275-15.705" fill="#2BBAE4"></path><path d="M654.515 712.497C351.327 720.867 266.3 564.425 266.3 564.425H85.782a31.995 31.995 0 0 0 .63 8.46c9.293 43.672 35.73 83.34 76.365 114.683 1.62 1.282 3.263 2.52 4.928 3.735 106.717 78.457 292.5 81.18 423.428 43.875a509.692 509.692 0 0 0 63.382-22.68" fill="#E5E6E6"></path><path d="M654.515 712.497c-65.16 1.8-120.15-4.41-166.567-14.242-49.005-10.373-26.168 59.31-3.218 56.79 37.485-4.072 73.665-10.598 106.403-19.913a502.358 502.358 0 0 0 63.382-22.635" fill="#E4E5E4"></path><path d="M407.127 674.923c21.578 69.84 69.705 117.652 116.775 113.647 3.735-.338 6.233-4.072 5.513-7.74L504.98 655.212a5.715 5.715 0 0 0-6.682-4.5l-86.715 16.898a5.782 5.782 0 0 0-4.455 7.313" fill="#47CFE5"></path><path d="M441.238 614.712a29.295 29.295 0 1 1-58.613.023 29.295 29.295 0 0 1 58.612-.022" fill="#0099BC"></path><path d="M252.597 310.467a64.282 64.282 0 0 1 64.305-64.102c18.81 0 35.73 8.122 47.52 21.127a64.17 64.17 0 0 1 111.713 42.975 16.56 16.56 0 0 1-16.582 16.583 16.56 16.56 0 0 1-16.605-16.583 31.05 31.05 0 0 0-61.988-2.16h-.18l.113 77.468a16.582 16.582 0 1 1-33.188 0v-75.397c0-17.033-13.928-30.938-30.96-30.938a31.05 31.05 0 0 0-31.027 31.027 16.56 16.56 0 1 1-33.12 0" fill="#47CFE5"></path><path d="M364.332 408.027a22.253 22.253 0 0 1-22.207-22.23V310.4a25.358 25.358 0 1 0-50.715.09 22.23 22.23 0 0 1-44.415 0c0-38.453 31.365-69.75 69.907-69.75a69.75 69.75 0 0 1 47.52 18.765 70.2 70.2 0 0 1 47.61-18.765c38.453 0 69.75 31.297 69.75 69.75a22.23 22.23 0 0 1-44.437 0 25.425 25.425 0 0 0-50.738-1.778l-.157 2.385.09 74.7a22.253 22.253 0 0 1-22.208 22.23zm-47.542-134.19c20.16 0 36.562 16.403 36.562 36.563v75.42a10.98 10.98 0 1 0 21.915 0l-.09-83.093h.923a36.742 36.742 0 0 1 35.82-28.867c20.205 0 36.653 16.447 36.653 36.652a10.98 10.98 0 0 0 21.937 0c0-32.265-26.235-58.5-58.5-58.5-16.448 0-32.288 7.02-43.447 19.305l-4.163 4.545-4.162-4.612a58.635 58.635 0 0 0-43.336-19.283 58.635 58.635 0 0 0-58.657 58.5 10.957 10.957 0 0 0 21.915 0 36.675 36.675 0 0 1 36.63-36.63z" fill="#47CFE5"></path><path d="M389.87 621.283h-66.33a47.79 47.79 0 0 1-35.032-15.593l-23.715-25.695a28.575 28.575 0 0 0-20.88-9.293H91.048a6.525 6.525 0 1 1 0-13.095h152.887c11.453 0 22.567 4.928 30.488 13.523l23.715 25.718c6.66 7.2 15.93 11.34 25.425 11.34h66.33a6.525 6.525 0 1 1-.023 13.095" fill="#0099BC"></path></symbol><symbol id="channel-douga" viewBox="0 0 1024 1024"><path d="M273.408 166.912h477.696c58.368 0 105.984 47.616 105.984 105.984v477.696c0 58.368-47.616 105.984-105.984 105.984H273.408c-58.368 0-105.984-47.616-105.984-105.984V273.408c-.512-58.368 47.616-106.496 105.984-106.496z" fill="#7B78EB"></path><path d="M512 525.312v98.816c33.28-14.848 72.704.512 87.552 33.792 14.848 33.28-.512 72.704-33.792 87.552-16.896 7.68-35.84 7.68-53.248 0v111.616H273.408c-58.368 0-105.984-47.616-105.984-105.984V512H304.64c-21.504 19.456-24.064 53.248-4.608 74.752 19.456 21.504 53.248 24.064 74.752 4.608 21.504-18.944 24.064-53.248 4.608-74.752L374.784 512H512v-40.96c-4.096.512-9.216.512-13.312 0-51.2 0-86.016-47.616-86.016-105.984s20.992-108.032 86.016-108.032H512v-90.112h238.592c58.368 0 105.984 47.616 105.984 105.984V524.8H735.744c20.992-23.552 19.456-59.392-3.584-80.896-23.552-20.992-59.392-19.456-80.896 3.584-19.968 21.504-19.968 55.296 0 76.8H512z" fill="#9796ED"></path><path d="M512 525.312v98.816l13.312-4.096c35.84-7.68 72.704 15.872 79.872 52.224 7.68 35.84-18.432 72.192-54.272 78.848-4.096 1.024-8.704 1.024-13.312 1.024-9.216 0-16.384-3.072-25.088-6.144V857.6h-14.336V724.992l18.432 8.192c27.136 11.776 58.368-.512 70.144-27.648 11.776-27.136-.512-58.368-27.648-70.144-13.312-5.632-28.672-5.632-42.496 0l-18.432 8.192v-117.76h-98.304c14.848 33.28-.512 72.704-33.792 87.552-33.28 14.848-72.704-.512-87.552-33.792-7.68-16.896-7.68-35.84 0-53.248H166.912V512h137.216c-21.504 19.456-24.064 53.248-4.608 74.752 19.456 21.504 53.248 24.064 74.752 4.608 21.504-19.456 24.064-53.248 4.608-74.752L374.272 512H512v-39.936h-13.312c-51.2 0-86.016-47.104-86.016-105.984s20.992-109.568 86.016-109.568H512v-89.6h13.312v105.984h-26.624c-49.664 0-73.216 33.28-73.216 94.208 0 53.248 30.72 92.672 73.216 92.672 3.584.512 7.68.512 11.264 0l15.36-2.048V512h102.912c-13.824-35.84 4.096-76.8 40.448-90.624 35.84-13.824 76.8 4.096 90.624 40.448 6.144 15.872 6.144 33.792 0 50.176h97.792v13.312H736.256c20.992-23.552 19.456-59.392-3.584-80.896-23.552-20.992-59.392-19.456-80.896 3.584-19.968 21.504-19.968 55.296 0 76.8H512z" fill="#6A68C6"></path><path d="M444.928 693.248c-23.04 13.312-52.224 5.12-65.024-17.408-4.096-7.68-6.144-15.36-6.144-24.064V392.192c0-26.624 20.992-47.616 47.616-47.616 8.704 0 16.896 2.048 24.576 6.656L667.648 483.84c23.04 13.312 30.208 42.496 16.896 65.024-4.096 6.656-10.24 12.8-16.896 16.896" fill="#FDDE80"></path></symbol><symbol id="channel-ent" viewBox="0 0 1024 1024"><path d="m570.647 415.186 30.592 30.592q36.204 36.204 0 72.408l-360.59 360.59q-36.204 36.204-72.408 0l-30.593-30.592q-36.203-36.204 0-72.407l360.59-360.591q36.205-36.204 72.409 0Z" fill="#FF8693"></path><path d="m369.92 543.744 137.472-137.472a38.912 38.912 0 0 1 54.528 0l48.384 48.64a38.4 38.4 0 0 1 0 54.528L472.32 647.424z" fill="#FC6376"></path><path d="m298.989 643.872 72.601 72.576q12.855 12.85.004 25.705l-1.628 1.63q-12.85 12.854-25.705.004l-72.602-72.576q-12.854-12.85-.004-25.705l1.629-1.63q12.85-12.854 25.705-.004Z" fill="#FFA9B1"></path><path d="M737.024 547.584a99.328 99.328 0 0 1 62.72-62.72l51.2-13.568A27.136 27.136 0 0 0 864 421.632L826.624 384a98.816 98.816 0 0 1-22.784-85.76l16.896-63.232c7.168-27.136-8.96-43.52-36.096-36.096l-63.232 16.896a98.816 98.816 0 0 1-85.76-23.04l-37.376-36.864a27.136 27.136 0 0 0-49.408 13.312l-13.824 51.2a97.792 97.792 0 0 1-62.464 62.72l-51.2 13.824a27.136 27.136 0 0 0-13.312 49.408L445.44 384a97.536 97.536 0 0 1 23.04 85.504l-16.896 63.232c-7.424 27.392 8.96 43.52 36.096 36.352l63.232-16.896a97.792 97.792 0 0 1 85.76 22.784l37.376 37.376a26.88 26.88 0 0 0 49.408-13.312z" fill="#FDDE80"></path><path d="m886.272 417.536-74.752-75.008 30.464-114.432a41.216 41.216 0 0 0-8.704-41.472 41.728 41.728 0 0 0-41.472-7.424l-114.432 30.72-74.752-76.032a41.728 41.728 0 0 0-39.424-13.312 41.216 41.216 0 0 0-28.416 31.488l-27.392 102.4L404.48 281.6a42.24 42.24 0 0 0-31.744 28.16 42.24 42.24 0 0 0 13.312 40.448l74.752 75.008-30.72 114.432a41.728 41.728 0 0 0 8.96 41.472 37.888 37.888 0 0 0 27.392 10.752 56.832 56.832 0 0 0 14.08-2.048l114.432-30.72 74.752 75.008a45.824 45.824 0 0 0 31.232 14.336 34.304 34.304 0 0 0 8.96 0 41.216 41.216 0 0 0 28.416-31.488l27.392-102.4 102.4-27.392a41.984 41.984 0 0 0 31.488-28.416 40.96 40.96 0 0 0-13.312-41.216zm-84.736-203.52h5.12a16.896 16.896 0 0 1 0 5.12l-25.6 93.696-72.96-73.728zm-32 139.776-34.56 128-128 34.56-102.4-102.4 34.56-128 128-34.56zm-199.424-192c0-2.56 1.792-4.096 1.792-4.608a9.984 9.984 0 0 1 4.096 3.072l59.648 59.648-87.296 23.296zM412.416 323.84 409.6 320a12.8 12.8 0 0 1 4.864-2.048l81.152-21.76L472.064 384zm58.368 230.4a18.944 18.944 0 0 1-5.12 0 17.92 17.92 0 0 1 0-5.12l25.6-93.696L563.2 528.64zm230.4 51.2c0 2.816-1.536 4.096-1.536 4.864a20.992 20.992 0 0 1-4.352-3.328l-59.392-59.392 87.296-23.552zm156.16-156.16-81.152 21.76L799.488 384l59.392 59.392a40.96 40.96 0 0 1 3.328 3.84 12.8 12.8 0 0 1-4.096 2.56z" fill="#FCC029"></path></symbol><symbol id="channel-fashion" viewBox="0 0 1024 1024"><path d="M691.2 204.8a44.032 44.032 0 0 1 29.952 34.048 117.76 117.76 0 0 1-13.056 76.8s-19.2 29.952-24.32 39.936a235.008 235.008 0 0 0-25.6 107.008v40.704H365.312v-39.424a235.008 235.008 0 0 0-25.6-107.008c-5.12-9.984-24.32-39.936-24.32-39.936a117.76 117.76 0 0 1-13.056-76.8 44.544 44.544 0 0 1 34.56-35.328v-57.088a29.952 29.952 0 0 1 27.136-31.744 29.952 29.952 0 0 1 27.648 31.744v73.728A237.056 237.056 0 0 0 512 253.952a241.408 241.408 0 0 0 125.184-35.072v-71.168a27.136 27.136 0 1 1 53.76 0z" fill="#FF6A9B"></path><path d="M658.432 487.936h-293.12L204.8 780.288a36.352 36.352 0 0 0 10.24 46.592 492.288 492.288 0 0 0 595.456 0 36.608 36.608 0 0 0 8.704-47.36z" fill="#FF9DC6"></path><path d="M409.6 537.6a9.984 9.984 0 0 0-13.568 4.608l-124.16 250.624a10.496 10.496 0 0 0 4.608 13.568 14.848 14.848 0 0 0 4.608 0 9.984 9.984 0 0 0 8.96-5.632l124.16-250.88A10.24 10.24 0 0 0 409.6 537.6zm46.336 105.472a9.984 9.984 0 0 0-12.032 7.424l-40.448 170.752a10.24 10.24 0 0 0 7.424 12.288h2.304a9.728 9.728 0 0 0 9.728-7.936l40.448-170.752a9.984 9.984 0 0 0-7.424-11.776zm294.912 148.736-124.16-250.624A9.984 9.984 0 0 0 614.4 537.6a10.24 10.24 0 0 0-4.608 13.312l124.16 250.88a9.984 9.984 0 0 0 8.96 5.632 14.848 14.848 0 0 0 4.608 0 10.496 10.496 0 0 0 3.328-15.616zM579.84 650.496a9.984 9.984 0 0 0-19.456 4.608l40.448 170.752a9.728 9.728 0 0 0 9.728 7.936h2.304a10.24 10.24 0 0 0 7.424-12.288z" fill="#FF6A9B"></path></symbol><symbol id="channel-food" viewBox="0 0 1024 1024"><path d="M116.78099999999999 503.883a75.294 75.294 0 1 0 150.588 0 75.294 75.294 0 1 0-150.588 0ZM267.36899999999997 411.211a75.294 75.294 0 1 0 150.589 0 75.294 75.294 0 1 0-150.589 0Z" fill="#FA942D"></path><path d="M209.453 480.723a75.294 75.294 0 1 0 150.588 0 75.294 75.294 0 1 0-150.588 0Z" fill="#FE5D79"></path><path d="M638.042 532.841a127.428 127.428 0 1 0 254.856 0 127.428 127.428 0 1 0-254.856 0Z" fill="#FA942D"></path><path d="M499.05 457.547a133.21 133.21 0 1 0 266.42 0 133.21 133.21 0 1 0-266.42 0Z" fill="#FA942D"></path><path d="M522.21 556.017a150.588 150.588 0 1 0 301.176 0 150.588 150.588 0 1 0-301.176 0Z" fill="#FE5D79"></path><path d="M932.292 474.925a28.762 28.762 0 0 1 28.747 28.763l-.045 1.355-.09 1.355c-14.306 150.92-130.606 272.866-280.742 299.189l20.179 80.745a23.16 23.16 0 0 1-22.468 28.778H343.37a23.16 23.16 0 0 1-22.467-28.778l20.178-80.745C192.813 779.595 77.552 660.329 60.928 512.015l-.557-5.376a28.958 28.958 0 0 1 28.822-31.714h843.084z" fill="#FDDC7A"></path><path d="M442.549 196.924h136.147c21.263 0 39.8 14.457 44.95 35.087l60.732 242.914H336.866l60.732-242.899a46.336 46.336 0 0 1 44.95-35.102z" fill="#F6C338"></path><path d="M688.038 192.904c9.442-30.178 28.386-29.41 34.68-47.586 7.063-20.45 9.367-45.719 6.927-75.822 16.851 17.936 25.977 37.015 30.946 62.284 4.894 24.937-9.126 44.182-29.063 74.48-19.923 30.314-8.81 67.615 0 94.916-16.851-17.92-59.904-55.777-43.475-108.272zm-404.676-38.656c11.324-37.708 34.063-36.774 41.607-59.483C333.463 69.21 336.233 37.632 333.282 0c20.239 22.408 31.202 46.26 37.165 77.854 5.873 31.172-10.948 55.22-34.876 93.109-23.944 37.873-10.602 84.48 0 118.633-20.24-22.422-71.936-69.722-52.21-135.348z" fill="#C6D2E1"></path><path d="M510.63 706.605a92.672 92.672 0 0 1 92.672 92.672V915.11H417.958V799.277a92.672 92.672 0 0 1 92.672-92.672z" fill="#F5BC20"></path></symbol><symbol id="channel-game" viewBox="0 0 1024 1024"><path d="M256.512 166.144h510.976q90.112 0 90.112 90.112v510.976q0 90.112-90.112 90.112H256.512q-90.112 0-90.112-90.112V256.256q0-90.112 90.112-90.112Z" fill="#58D598"></path><path d="M307.2 325.632h136.448V462.08H307.2zm272.896 0h136.448V462.08H580.096zM443.648 462.336v75.776h-64.256v204.544h59.392V674.56h146.432v68.096h59.136V538.112h-64.256v-75.776H443.648z" fill="#17AD8A"></path></symbol><symbol id="channel-gaoxiao" viewBox="0 0 1024 1024"><path d="M512 131.282c-210.288 0-380.718 170.43-380.718 380.718S301.712 892.718 512 892.718 892.718 722.288 892.718 512c0-209.841-170.43-380.718-380.718-380.718zm0 675.998c-132.359 0-239.511-102.715-239.511-229.744 0-110.697 107.126-42.64 239.511-42.64 132.359 0 239.511-65.825 239.511 42.614C751.065 704.118 643.912 807.253 512 807.253z" fill="#FFD46A"></path><path d="M512 807.28c-132.359 0-239.511-102.715-239.511-229.744 0-110.697 107.126-42.64 239.511-42.64 132.359 0 239.511-65.825 239.511 42.614C751.065 704.118 643.912 807.253 512 807.253z" fill="#FFF"></path><path d="M511.79 667.097c-61.571 0-112.955 30.877-126.687 72.651a220.554 220.554 0 0 0 253.794 0C624.3 698 572.915 667.097 511.79 667.097zM280.839 304.102a26.256 26.256 0 0 1 32.111-13.654l2.862 1.13 127.344 60.205a26.256 26.256 0 0 1 3.36 45.608l-2.966 1.706-122.224 60.206a26.256 26.256 0 0 1-25.863-45.607l2.652-1.497 73.44-36.207-78.192-36.943a26.256 26.256 0 0 1-13.653-32.112l1.129-2.835zm463.662 0a26.256 26.256 0 0 0-32.112-13.654l-2.836 1.13-127.37 60.205a26.256 26.256 0 0 0-3.334 45.608l2.94 1.706 122.224 60.206a26.256 26.256 0 0 0 25.889-45.607l-2.678-1.497-73.413-36.207 78.191-36.943a26.256 26.256 0 0 0 13.654-32.112l-1.155-2.835z" fill="#FD621D"></path></symbol><symbol id="channel-gongkaike" fill="none" viewBox="0 0 40 40"><rect width="14" height="3" rx="1.5" transform="matrix(-.17365 .9848 -.98266 -.18541 17.38 20)" fill="#FFD778"></rect><rect width="14" height="3" rx="1.5" transform="matrix(-.17365 -.9848 .98681 -.16186 26.425 33.752)" fill="#FFD778"></rect><rect x="7" y="6" width="26.654" height="20.042" rx="2" fill="#7B78EA"></rect><rect x="4" y="23.815" width="32" height="3" rx="1.5" fill="#FFD778"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="m24.638 15.197-5.43 3.671a.753.753 0 0 1-.59.113.756.756 0 0 1-.279-.13.8.8 0 0 1-.21-.235.82.82 0 0 1-.129-.442v-7.35a.854.854 0 0 1 .233-.583.767.767 0 0 1 .555-.24.715.715 0 0 1 .42.129l5.43 3.67a.832.832 0 0 1 .344.521.87.87 0 0 1-.105.624.79.79 0 0 1-.239.252Z" fill="#FFD778"></path></symbol><symbol id="channel-guochandonghuatuijian" viewBox="0 0 1024 1024"><path d="M873.472 321.792c-46.08-46.592-102.4-73.472-161.536-40.192a177.152 177.152 0 0 0-51.2-161.536s-83.456 107.52-15.104 219.648c-12.288 13.568-24.32 27.136-36.352 39.424-26.88 27.136 14.592 69.12 41.216 41.984l68.608-69.632c40.704-40.96 76.8-23.808 112.896 12.288 26.624 26.88 68.096-15.104 41.472-41.984z" fill="#58D598"></path><path d="M705.024 344.576a189.696 189.696 0 0 0-270.848 0 195.072 195.072 0 0 0-41.216 62.464 249.088 249.088 0 0 0-177.664 74.496 256 256 0 0 0 0 359.68 248.576 248.576 0 0 0 354.816 0 256 256 0 0 0 73.472-179.2 190.976 190.976 0 0 0 61.44-41.728 195.84 195.84 0 0 0 0-275.712z" fill="#FF5C7A"></path><path d="M514.304 808.704a187.136 187.136 0 0 1-267.264-5.12 193.536 193.536 0 0 1 5.12-271.104s-45.056 120.832 43.776 214.272a210.176 210.176 0 0 0 218.368 61.952" fill="#F14767"></path></symbol><symbol id="channel-guochuang" viewBox="0 0 1024 1024"><path d="M873.472 321.792c-46.08-46.592-102.4-73.472-161.536-40.192a177.152 177.152 0 0 0-51.2-161.536s-83.456 107.52-15.104 219.648c-12.288 13.568-24.32 27.136-36.352 39.424-26.88 27.136 14.592 69.12 41.216 41.984l68.608-69.632c40.704-40.96 76.8-23.808 112.896 12.288 26.624 26.88 68.096-15.104 41.472-41.984z" fill="#58D598"></path><path d="M705.024 344.576a189.696 189.696 0 0 0-270.848 0 195.072 195.072 0 0 0-41.216 62.464 249.088 249.088 0 0 0-177.664 74.496 256 256 0 0 0 0 359.68 248.576 248.576 0 0 0 354.816 0 256 256 0 0 0 73.472-179.2 190.976 190.976 0 0 0 61.44-41.728 195.84 195.84 0 0 0 0-275.712z" fill="#FF5C7A"></path><path d="M514.304 808.704a187.136 187.136 0 0 1-267.264-5.12 193.536 193.536 0 0 1 5.12-271.104s-45.056 120.832 43.776 214.272a210.176 210.176 0 0 0 218.368 61.952" fill="#F14767"></path></symbol><symbol id="channel-information" viewBox="0 0 1024 1024"><path d="M760.686 768a21.943 21.943 0 0 0 19.836 21.84l2.107.103a21.943 21.943 0 0 0 21.84-19.836l.102-2.107V321.829h29.258a58.514 58.514 0 0 1 58.514 58.514V819.2a58.514 58.514 0 0 1-58.514 58.514H190.17a58.514 58.514 0 0 1-58.514-58.514V204.8a58.514 58.514 0 0 1 58.514-58.514h512a58.514 58.514 0 0 1 58.515 58.514V768z" fill="#7DD3E0"></path><path d="M248.686 234.057h394.971q29.257 0 29.257 29.257V526.63q0 29.257-29.257 29.257H248.686q-29.257 0-29.257-29.257V263.314q0-29.257 29.257-29.257Z" fill="#3DA9D3"></path><path d="m404.773 300.515 129.462 80.925a15.945 15.945 0 0 1 0 27.063l-129.462 80.925a15.945 15.945 0 0 1-24.43-13.531v-161.85a15.945 15.945 0 0 1 24.43-13.532z" fill="#FFD469"></path><path d="M248.686 614.4h394.971q29.257 0 29.257 29.257t-29.257 29.257H248.686q-29.257 0-29.257-29.257t29.257-29.257ZM248.686 731.429h219.428q29.257 0 29.257 29.257t-29.257 29.257H248.686q-29.257 0-29.257-29.257t29.257-29.257Z" fill="#3DA9D3"></path></symbol><symbol id="channel-kichiku" viewBox="0 0 1024 1024"><path d="M918.784 510.208a187.904 187.904 0 0 0-88.832-159.488 156.416 156.416 0 0 0 1.792-22.016A150.784 150.784 0 0 0 620.8 190.208a151.04 151.04 0 0 0-216.32 0 150.784 150.784 0 0 0-210.944 138.496 156.416 156.416 0 0 0 1.792 22.016 187.648 187.648 0 0 0-13.824 309.504v1.536a215.296 215.296 0 0 0 332.8 179.2 215.04 215.04 0 0 0 332.8-179.2v-2.56a187.904 187.904 0 0 0 71.68-148.992z" fill="#FC6B8A"></path><path d="M680.704 479.744A150.528 150.528 0 0 1 572.672 435.2a150.016 150.016 0 0 1-120.064 0 150.528 150.528 0 0 1-108.032 45.824h-11.264v167.168A166.4 166.4 0 0 0 499.2 814.08h33.536a166.4 166.4 0 0 0 165.888-165.888V478.464a137.216 137.216 0 0 1-17.92 1.28z" fill="#FFF"></path><path d="M476.928 651.264a33.536 33.536 0 1 0 67.072 0 33.536 33.536 0 1 0-67.072 0Z" fill="#E2006C"></path><path d="M635.904 554.496H614.4v-21.504a12.032 12.032 0 0 0-11.776-11.776h-4.864a12.032 12.032 0 0 0-11.776 11.776v21.504h-21.248a11.776 11.776 0 0 0-11.776 11.52v5.12a11.776 11.776 0 0 0 11.776 11.52h21.248v21.504a12.032 12.032 0 0 0 11.776 11.776h4.864A12.032 12.032 0 0 0 614.4 604.16v-21.504h21.248a11.776 11.776 0 0 0 11.776-11.52v-5.12a11.776 11.776 0 0 0-11.52-11.52zm-179.968 0H435.2v-21.504a12.032 12.032 0 0 0-11.776-11.776h-4.864a12.032 12.032 0 0 0-11.776 11.776v21.504H384a11.776 11.776 0 0 0-11.776 11.52v5.12A11.776 11.776 0 0 0 384 582.656h21.248v21.504a12.032 12.032 0 0 0 11.776 11.776h4.864A12.032 12.032 0 0 0 435.2 604.16v-21.504h21.248a11.52 11.52 0 0 0 11.776-11.52v-5.12a11.52 11.52 0 0 0-12.288-11.52z" fill="#FF5C7A"></path><path d="M600.32 651.008a12.288 12.288 0 0 0-12.288 12.544c0 34.048-34.816 61.696-76.8 61.696s-76.8-27.648-76.8-61.696a12.544 12.544 0 1 0-25.6 0c0 47.616 45.824 86.528 102.4 86.528s102.4-38.912 102.4-86.528a12.544 12.544 0 0 0-13.312-12.544z" fill="#EB53A8"></path></symbol><symbol id="channel-knowledge" viewBox="0 0 1024 1024"><path d="M492.27 147.73A255.343 255.343 0 0 1 627.2 620.261v51.2a37.547 37.547 0 0 1-25.6 34.134H379.733a44.655 44.655 0 0 1-25.6-34.134v-51.2A256.649 256.649 0 0 1 492.271 147.73z" fill="#FFA200"></path><path d="M550.4 534.93v-76.8h51.2c46.61 0 51.2-26.787 51.2-42.668v-128c0-23.116-17.203-42.666-51.2-42.666H388.267c-42.104 0-59.734 21.111-59.734 42.666v76.8h102.4v-68.266H550.4v119.466h-51.2c-60.501-.563-76.8 24.406-76.8 42.667v76.8h128zm-62.669 24.532a59.733 59.733 0 1 1-59.733 59.734 59.733 59.733 0 0 1 59.733-59.734z" fill="#FFF0D3"></path><path d="M354.133 739.738H627.2v8.533a128 128 0 0 1-128 128h-17.067a128 128 0 0 1-128-128v-8.533z" fill="#5FB5EC"></path><path d="M746.667 210.662h119.466a17.067 17.067 0 0 1 0 34.134H746.667a17.067 17.067 0 0 1 0-34.134zM806.4 150.93a17.067 17.067 0 0 1 17.067 17.067v119.466a17.067 17.067 0 0 1-34.134 0V167.996a17.067 17.067 0 0 1 17.067-17.067zM157.867 662.93h119.466a17.067 17.067 0 0 1 0 34.132H157.867a17.067 17.067 0 0 1 0-34.133zm59.733-59.734a17.067 17.067 0 0 1 17.067 17.066V739.73a17.067 17.067 0 0 1-34.134 0V620.262a17.067 17.067 0 0 1 17.067-17.066z" fill="#FFE074"></path><path d="M200.533 662.938h34.134v34.133h-34.134zM789.333 210.67h34.134v34.134h-34.134z" fill="#FFE074"></path></symbol><symbol id="channel-life" viewBox="0 0 1024 1024"><path d="M881.408 664.064V504.32a168.192 168.192 0 0 0-128-162.56l-7.936-1.792v144.896a12.288 12.288 0 0 1-14.592 11.776 170.752 170.752 0 0 0-30.464-2.816H561.664v-27.648a37.632 37.632 0 0 1 11.776-27.648 175.872 175.872 0 0 0 57.856-135.68A179.2 179.2 0 0 0 460.8 132.352 175.872 175.872 0 0 0 279.808 308.48V409.6h32.256a225.536 225.536 0 0 0 15.872 19.2 36.608 36.608 0 0 1 9.472 25.6v42.496A193.792 193.792 0 0 0 179.2 712.96a197.12 197.12 0 0 0 197.12 166.656h325.12a148.48 148.48 0 0 0 45.568-6.144 217.088 217.088 0 0 0 64.256-31.744 176.896 176.896 0 0 0 18.176-15.616l4.608-4.352a156.16 156.16 0 0 0 47.36-111.872v-35.84c.512-3.072.256-6.656 0-9.984z" fill="#FFD778"></path><path d="M468.736 238.592a40.192 40.192 0 1 0 40.192 40.192 40.192 40.192 0 0 0-40.192-40.192zm-145.152 124.16H217.6a34.816 34.816 0 1 0 0 69.376h106.24a34.816 34.816 0 1 0 0-69.376z" fill="#FB813A"></path></symbol><symbol id="channel-live" viewBox="0 0 1024 1024"><path d="M392.448 275.911a92.416 92.416 0 1 1-184.832 0 92.416 92.416 0 0 1 184.832 0" fill="#23ADE5"></path><path d="m826.624 464.583-63.744 36.864v-48.64a72.206 72.206 0 0 0-71.68-71.936H190.72a72.192 72.192 0 0 0-71.936 71.936v295.424a71.936 71.936 0 0 0 71.936 71.936H691.2a71.936 71.936 0 0 0 71.936-71.936v-23.808l63.488 37.888a51.2 51.2 0 0 0 76.8-44.544V508.871a51.2 51.2 0 0 0-76.8-44.288m-253.696-95.232c79.46.142 143.986-64.156 144.128-143.616.142-79.46-64.156-143.986-143.616-144.128-79.26-.142-143.701 63.858-144.128 143.104-.427 79.46 63.644 144.213 143.104 144.64h.512" fill="#48CFE5"></path><path d="m425.216 512.967 124.16 71.936a25.6 25.6 0 0 1 0 42.496l-124.16 71.68a25.6 25.6 0 0 1-37.12-21.248v-143.36a25.6 25.6 0 0 1 37.12-21.504" fill="#FDDE80"></path></symbol><symbol id="channel-manhua" viewBox="0 0 1024 1024"><path d="M738.629 807.087H260.446c-33.443-.075-60.541-28.997-60.641-64.712V397.312c.1-35.715 27.198-64.687 60.64-64.762H738.63c33.442.125 60.516 29.072 60.59 64.787V742.35c-.1 35.715-27.173 64.637-60.59 64.737" fill="#FFE494"></path><path d="M497.564 701.015A125.278 125.278 0 0 0 621.543 593.82a15.685 15.685 0 0 0-15.36-18.107H388.92a15.685 15.685 0 0 0-15.335 18.107 125.303 125.303 0 0 0 123.98 107.195" fill="#F6C435"></path><path d="M748.669 342.19c20.28-6.568 34.241-26.074 32.343-47.328a128.75 128.75 0 0 0-5.869-28.797c-35.39-109.043-205.4-151.552-379.73-94.957C221.085 227.728 108.47 362.02 143.86 471.065a130.061 130.061 0 0 0 12.188 26.724c10.989 18.332 33.717 25.9 53.997 19.331l538.624-174.954z" fill="#9796ED"></path><path d="m363.82 146.732 10.065 31.044c4.47 13.737 19.381 21.305 33.093 16.859 13.736-4.47 21.354-19.356 16.883-33.093l-10.065-31.02a26.3 26.3 0 0 0-49.976 16.235m383.425 499.537-80.496-36.415s11.539 49.977 66.935 83.094c-.075.65-.25 1.249-.35 1.948-11.914 84.768 35.815 160.843 106.596 169.934 70.756 9.092 137.765-52.274 149.704-137.04 11.888-84.743-35.815-160.844-106.621-169.91-56.27-7.243-110.068 30.17-135.768 88.414z" fill="#9796ED"></path><path d="m890.38 647.293-17.757 88.913a5.894 5.894 0 0 1-5.795 4.745h-15.934a5.92 5.92 0 0 1-5.87-6.768l12.988-88.888a5.87 5.87 0 0 1 5.794-5.07h20.755c3.747 0 6.544 3.421 5.795 7.068m-20.53 121.98-2.673 14.611a5.894 5.894 0 0 1-5.794 4.846h-18.782a5.92 5.92 0 0 1-5.82-6.844l2.374-14.585a5.92 5.92 0 0 1 5.819-4.995h19.056a5.902 5.902 0 0 1 5.82 6.993" fill="#FFF"></path></symbol><symbol id="channel-love" viewBox="0 0 1024 1024"><path d="M131.56 512a380.44 380.44 0 1 0 760.88 0 380.44 380.44 0 1 0-760.88 0Z" fill="#00AEEC"></path><path d="M600.518 766.255c-13.183 0-22.6-11.3-22.6-22.6 0-92.286 75.335-167.62 169.503-167.62 13.184 0 22.6 11.3 22.6 22.6s-11.3 22.6-22.6 22.6c-67.801 0-124.302 54.618-124.302 122.42 0 13.183-9.417 22.6-22.6 22.6zm-177.036 0c-13.184 0-22.6-11.3-22.6-22.6 0-67.802-56.502-122.42-124.303-122.42-13.184 0-22.6-11.3-22.6-22.6s11.3-22.6 22.6-22.6c94.168 0 169.503 75.334 169.503 167.62 0 13.183-9.417 22.6-22.6 22.6zm-82.869-459.542c33.901-28.25 79.102-37.668 122.42-24.484 5.65 1.883 7.533 9.417 3.766 15.067l-62.151 62.151c-7.534 7.533-7.534 20.717 0 28.25 7.533 7.534 20.717 7.534 28.25 0l69.685-69.684c50.851-50.851 133.72-50.851 186.454 0 50.85 50.85 50.85 131.836 0 182.687L523.3 664.553c-7.533 7.533-18.833 7.533-24.484 0L325.546 495.05c-47.084-58.385-39.55-141.253 15.067-188.337z" fill="#FFF"></path></symbol><symbol id="channel-match" viewBox="0 0 1024 1024"><path d="M545.03 736.563v68.01h108.108a23.997 23.997 0 0 1 24.002 23.997v17.833a23.997 23.997 0 0 1-24.002 23.997h-282.27a23.997 23.997 0 0 1-24.003-24.003V828.57a23.997 23.997 0 0 1 24.002-23.998h108.109v-68.014c-57.334-7.639-108.467-34.888-146.432-74.783-103.526-30.924-171.49-125.808-202.27-278.917-12.545-62.382 28.042-123.085 90.639-135.588a115.978 115.978 0 0 1 22.707-2.242h20.68V227.2a48 48 0 0 1 48-48h399.41a48 48 0 0 1 48 48v17.828h20.67c7.629 0 15.232.752 22.707 2.242 62.597 12.498 103.179 73.206 90.64 135.588-30.777 153.104-98.74 247.987-202.26 278.917-37.97 39.895-89.104 67.144-146.433 74.783zM270.34 545.653a248.545 248.545 0 0 1-6.041-54.614V310.856h-20.685c-3.262 0-6.523.322-9.728.962-26.83 5.356-44.222 31.37-38.846 58.112 15.78 78.49 40.755 136.643 75.295 175.719zm489.37-234.797v180.183c0 18.76-2.09 37.038-6.042 54.605 34.535-39.076 59.51-97.234 75.29-175.719 5.376-26.737-12.017-52.751-38.846-58.107a49.705 49.705 0 0 0-9.728-.962h-20.674z" fill="#FFD778"></path><path d="m512 487.639-59.791 31.217a12.8 12.8 0 0 1-18.535-13.527l11.392-65.982-48.19-46.653a12.8 12.8 0 0 1 7.077-21.863l66.683-9.625 29.9-60.176a12.8 12.8 0 0 1 22.928 0l29.9 60.176 66.683 9.625a12.8 12.8 0 0 1 7.076 21.863l-48.19 46.653 11.393 65.982a12.8 12.8 0 0 1-18.535 13.527L512 487.639z" fill="#FB813A"></path></symbol><symbol id="channel-movie" viewBox="0 0 1024 1024"><path d="M954.624 452.864H919.04v-168.96a37.376 37.376 0 0 0-25.6-36.608 36.608 36.608 0 0 0-46.592 34.304v170.24H199.936V282.88a37.632 37.632 0 0 0-25.6-36.608A36.352 36.352 0 0 0 128 281.6v170.24H92.16a15.616 15.616 0 0 0-15.36 15.872V550.4a15.36 15.36 0 0 0 15.36 15.616h26.88v85.248a135.68 135.68 0 0 0 134.4 136.192h114.432a135.68 135.68 0 0 0 134.4-136.192v-20.992a7.936 7.936 0 0 1 7.68-7.936h25.6a7.68 7.68 0 0 1 7.68 7.936v20.992a135.936 135.936 0 0 0 134.4 136.192H793.6A135.68 135.68 0 0 0 928 651.264v-85.248h25.6a15.36 15.36 0 0 0 15.36-15.616v-81.664a15.616 15.616 0 0 0-15.36-15.872" fill="#E5E6E6"></path><path d="M361.216 727.552h-102.4A87.296 87.296 0 0 1 172.8 640v-79.872a61.184 61.184 0 0 1 60.416-61.44h153.6a61.184 61.184 0 0 1 60.416 61.44V640a87.296 87.296 0 0 1-86.528 87.552" fill="#FF5C7A"></path><path d="M685.568 727.552h102.4A87.296 87.296 0 0 0 873.984 640v-79.872a61.184 61.184 0 0 0-60.416-61.44h-153.6a61.184 61.184 0 0 0-60.416 61.44V640a87.296 87.296 0 0 0 86.528 87.552" fill="#2CBAE5"></path></symbol><symbol id="channel-music" viewBox="0 0 1024 1024"><path d="M881.92 460.8a335.36 335.36 0 0 0-334.336-335.104h-73.216A335.616 335.616 0 0 0 139.776 460.8v313.6a18.688 18.688 0 0 0 18.432 18.688h41.984c13.568 46.336 37.888 80.384 88.576 80.384h98.304a37.376 37.376 0 0 0 37.376-36.864l1.28-284.672a36.864 36.864 0 0 0-37.12-37.12h-99.84a111.616 111.616 0 0 0-51.2 12.8V454.4a242.432 242.432 0 0 1 241.664-241.664h67.328A242.176 242.176 0 0 1 787.968 454.4v74.496a110.592 110.592 0 0 0-54.272-14.08h-99.84a36.864 36.864 0 0 0-37.12 37.12v284.672a37.376 37.376 0 0 0 37.376 36.864h98.304c51.2 0 75.008-34.048 88.576-80.384h41.984a18.688 18.688 0 0 0 18.432-18.688z" fill="#45C7DD"></path><path d="m646.1859999999999 792.7090000000001.274-196.096q.046-32.512 32.558-32.466l1.024.001q32.512.045 32.466 32.557l-.274 196.096q-.045 32.512-32.557 32.467l-1.024-.002q-32.512-.045-32.467-32.557ZM307.26800000000003 792.7349999999999l.274-196.096q.045-32.512 32.557-32.467l1.024.002q32.512.045 32.467 32.557l-.274 196.096q-.045 32.512-32.557 32.466l-1.024-.001q-32.512-.045-32.467-32.557Z" fill="#FF5C7A"></path></symbol><symbol id="channel-musicplus" viewBox="0 0 1024 1024"><path d="M153.6 256h716.8q25.6 0 25.6 25.6v512q0 25.6-25.6 25.6H153.6q-25.6 0-25.6-25.6v-512q0-25.6 25.6-25.6Z" fill="#3DA9D3"></path><path d="M153.6 256h153.6v563.2H153.6a25.6 25.6 0 0 1-25.6-25.6v-512a25.6 25.6 0 0 1 25.6-25.6zm716.8 0H716.8v563.2h153.6a25.6 25.6 0 0 0 25.6-25.6v-512a25.6 25.6 0 0 0-25.6-25.6z" fill="#7DD3E0"></path><path d="M783.36 320h46.08q15.36 0 15.36 15.36v20.48q0 15.36-15.36 15.36h-46.08q-15.36 0-15.36-15.36v-20.48Q768 320 783.36 320ZM783.36 448h46.08q15.36 0 15.36 15.36v20.48q0 15.36-15.36 15.36h-46.08q-15.36 0-15.36-15.36v-20.48Q768 448 783.36 448ZM783.36 576h46.08q15.36 0 15.36 15.36v20.48q0 15.36-15.36 15.36h-46.08q-15.36 0-15.36-15.36v-20.48Q768 576 783.36 576ZM783.36 704h46.08q15.36 0 15.36 15.36v20.48q0 15.36-15.36 15.36h-46.08q-15.36 0-15.36-15.36v-20.48Q768 704 783.36 704Z" fill="#3DA9D3"></path><path d="M576 180.736c8.78-2.611 15.898-1.92 21.35 2.074 5.479 3.993 11.008 9.83 16.64 17.459 5.607 7.654 12.544 16.256 20.762 25.856 8.243 9.574 19.456 18.509 33.69 26.777 12.236 7.68 22.963 12.954 32.204 15.77l25.959 7.86a146.846 146.846 0 0 1 23.654 9.266s17.741 9.984 25.523 20.48c8.116 10.906 14.874 19.661 16.615 30.976 1.715 11.341 1.613 21.914-.461 31.693a72.73 72.73 0 0 1-9.574 24.576c-4.276 6.58-7.86 9.933-10.752 9.933-2.868.026-5.402-1.613-7.604-5.043-2.227-3.38-3.84-9.984-4.864-19.763-1.69-15.872-6.656-27.034-14.976-33.46-8.32-6.425-21.35-9.984-39.142-10.726a96.051 96.051 0 0 1-48.922-15.616 283.047 283.047 0 0 1-34.97-26.803c-8.882-7.373-15.794-9.549-20.889-6.298-4.992 3.226-7.577 8.115-7.731 14.746l-.563 26.752-6.707 273.792-.794 35.405c.154 9.856-1.664 21.196-5.427 33.996-3.789 12.8-10.675 25.293-20.66 37.453-9.932 12.16-23.09 23.22-39.475 33.229s-36.582 17.357-60.595 22.067c-24.448 4.762-46.413 3.584-65.894-3.507-19.456-7.091-34.381-17.434-44.775-31.027-10.24-12.928-15.436-29.594-14.77-47.514.69-18.048 8.857-36.045 24.473-53.965s32.435-31.283 50.432-40.115a198.81 198.81 0 0 1 51.814-17.715 178.842 178.842 0 0 1 44.314-3.02c13.005 1.049 22.579 2.38 28.749 3.942 0 0 6.45-280.167 8.294-341.607.23-12.109 3.584-22.323 9.933-30.976 6.4-8.55 14.771-14.208 25.139-16.947zm160.922 288.18a12.8 12.8 0 0 1 .358 2.969v40.96l41.728-6.912a12.8 12.8 0 0 1 14.9 12.595v15.002a12.8 12.8 0 0 1-10.702 12.646l-45.952 7.629.026 45.363a12.8 12.8 0 0 1-9.83 12.442l-15.36 3.66a12.8 12.8 0 0 1-15.77-12.441V560.64l-41.114 6.86a12.8 12.8 0 0 1-14.899-12.62v-15.002a12.8 12.8 0 0 1 10.701-12.646l45.312-7.552v-44.134a12.8 12.8 0 0 1 9.83-12.468l15.36-3.635a12.8 12.8 0 0 1 15.412 9.472z" fill="#FFD469"></path><path d="M194.56 320h46.08Q256 320 256 335.36v20.48q0 15.36-15.36 15.36h-46.08q-15.36 0-15.36-15.36v-20.48q0-15.36 15.36-15.36ZM194.56 448h46.08Q256 448 256 463.36v20.48q0 15.36-15.36 15.36h-46.08q-15.36 0-15.36-15.36v-20.48q0-15.36 15.36-15.36ZM194.56 576h46.08Q256 576 256 591.36v20.48q0 15.36-15.36 15.36h-46.08q-15.36 0-15.36-15.36v-20.48q0-15.36 15.36-15.36ZM194.56 704h46.08Q256 704 256 719.36v20.48q0 15.36-15.36 15.36h-46.08q-15.36 0-15.36-15.36v-20.48q0-15.36 15.36-15.36Z" fill="#3DA9D3"></path></symbol><symbol id="channel-read" viewBox="0 0 1024 1024"><path d="M778.496 142.08h-537.6a56.832 56.832 0 0 0-60.16 54.016v630.528a56.832 56.832 0 0 0 59.136 54.016h537.6a56.832 56.832 0 0 0 59.136-54.016V196.096a56.832 56.832 0 0 0-59.136-54.016z" fill="#54E2E2"></path><path d="M298.496 679.168h421.376a25.6 25.6 0 0 0 0-52.736H298.496a25.6 25.6 0 1 0 0 52.736zm421.376 53.76H298.496a25.6 25.6 0 1 0 0 52.736h421.376a25.6 25.6 0 0 0 0-52.736zM352.256 237.056h314.112q80.128 0 80.128 80.128v154.368q0 80.128-80.128 80.128H352.256q-80.128 0-80.128-80.128V317.184q0-80.128 80.128-80.128Z" fill="#23ADE5"></path><path d="M355.584 361.472a49.408 49.408 0 1 0 98.816 0 49.408 49.408 0 1 0-98.816 0ZM375.552 551.936l120.832-144.384a44.544 44.544 0 0 1 68.352 0l120.832 144.384z" fill="#2EC3E5"></path></symbol><symbol id="channel-sports" viewBox="0 0 1024 1024"><path d="m497.894 517.862 23.885 29.261a58.573 58.573 0 0 1-5.606 80.051L241.946 880.742a47.718 47.718 0 0 1-65.613-.768 49.818 49.818 0 0 1-4.301-66.816l108.57-136.37 126.105-158.362a58.573 58.573 0 0 1 91.187-.564z" fill="#1BAD8B"></path><path d="M698.931 153.6a117.146 117.146 0 0 1 11.418 233.728l60.416 45.9c4.352 3.329 10.163 3.918 15.104 1.588l73.625-34.637a46.285 46.285 0 0 1 59.11 17.587 44.34 44.34 0 0 1-11.929 59.316l-125.952 90.265a58.573 58.573 0 0 1-65.945 1.562l-66.048-42.752-44.135 47.77 70.605 83.327a58.012 58.012 0 0 1 4.608 6.196l1.946 3.302a58.573 58.573 0 0 1-22.861 79.616L466.79 852.71a49.382 49.382 0 0 1-65.74-16.998 52.096 52.096 0 0 1 11.904-68.582l105.548-83.175-106.29-68.3-1.537-1.025a59.75 59.75 0 0 1-.896-.614l-13.824-7.168a58.573 58.573 0 0 1-23.296-82.278l71.68-118.887-30.72-13.824a14.643 14.643 0 0 0-14.336 1.331l-80.486 55.604a48.87 48.87 0 0 1-62.669-5.965 39.347 39.347 0 0 1 1.792-56.858l128.282-115.149a58.573 58.573 0 0 1 57.446-12.032l143.54 47.258A117.146 117.146 0 0 1 698.93 153.6z" fill="#57D59A"></path></symbol><symbol id="channel-spread" viewBox="0 0 1024 1024"><defs><style>@font-face{font-family:element-icons;src:url(chrome-extension://moombeodfomdpjnpocobemoiaemednkg/fonts/element-icons.woff) format("woff"),url("chrome-extension://moombeodfomdpjnpocobemoiaemednkg/fonts/element-icons.ttf ") format("truetype")}</style></defs><path d="M324.557 660.316v56.832c0 30.193 24.473 54.672 54.671 54.672 30.193 0 54.672-24.474 54.672-54.672v-14.05l-109.343-42.782zm186.47 72.965c-7.961 65.72-63.933 116.639-131.799 116.639-73.328 0-132.772-59.443-132.772-132.772V629.75L129.3 583.91v.067a39.05 39.05 0 1 1-78.1 0V411.72a39.05 39.05 0 0 1 78.1 0v.066l499.85-195.594V192.65a39.05 39.05 0 1 1 78.106 0v610.396a39.05 39.05 0 1 1-78.105 0v-23.541L511.032 733.28z" fill="#FFD778"></path><path d="M808.786 458.732H933.75a39.05 39.05 0 0 1 39.05 39.05v.133a39.05 39.05 0 0 1-39.05 39.05H808.786a39.05 39.05 0 0 1-39.05-39.05v-.133a39.05 39.05 0 0 1 39.05-39.05zm-3.313 130.437 108.258 62.612a39.05 39.05 0 0 1 14.284 53.3l-.056.102a39.045 39.045 0 0 1-53.376 14.3l-108.257-62.618a39.05 39.05 0 0 1-14.285-53.299l.056-.097a39.045 39.045 0 0 1 53.376-14.3zm-39.147-250.343 108.257-62.612a39.045 39.045 0 0 1 53.376 14.305l.051.092a39.05 39.05 0 0 1-14.285 53.305l-108.247 62.612a39.045 39.045 0 0 1-53.376-14.3l-.05-.097a39.05 39.05 0 0 1 14.279-53.3z" fill="#FB813A"></path></symbol><symbol id="channel-tech" viewBox="0 0 1024 1024"><path d="M510.208 683.264H396.032l-50.688 209.408h329.472l-50.688-209.408h-113.92z" fill="#FFD778"></path><path d="M535.552 150.528v-28.16a25.6 25.6 0 1 0-51.2 0v28.16A271.872 271.872 0 0 0 239.36 420.096v97.28a25.6 25.6 0 0 0 26.88 26.88h487.936a25.6 25.6 0 0 0 25.6-26.88v-97.28a271.616 271.616 0 0 0-244.224-269.568z" fill="#48CFE5"></path><path d="M228.864 464.64h562.432q103.168 0 103.168 103.168v15.36q0 103.168-103.168 103.168H228.864q-103.168 0-103.168-103.168v-15.36q0-103.168 103.168-103.168Z" fill="#2CBAE5"></path><path d="M742.4 537.6a37.632 37.632 0 1 0 37.632 37.632A37.376 37.376 0 0 0 742.4 537.6zm-465.664 0a37.632 37.632 0 1 0 37.632 37.632 37.632 37.632 0 0 0-37.632-37.632z" fill="#FFD778"></path></symbol><symbol id="channel-teleplay" viewBox="0 0 1024 1024"><path d="M271.616 247.808a212.224 212.224 0 0 0-49.664 172.8l25.6 126.72c56.832 21.76 60.16 87.552 67.328 149.248a1167.872 1167.872 0 0 1 190.208-14.08 1247.488 1247.488 0 0 1 196.096 14.08c7.68-61.696 4.352-126.72 59.904-148.736l25.6-128a211.712 211.712 0 0 0-49.92-172.288 218.624 218.624 0 0 0-165.12-74.752H436.736a218.624 218.624 0 0 0-165.12 74.752" fill="#FFB161"></path><path d="m505.088 412.672-34.816-34.56a19.456 19.456 0 0 0-27.392 27.392l25.6 25.6-25.6 25.6a19.456 19.456 0 0 0 27.392 27.392l34.816-34.56 35.072 34.56a18.688 18.688 0 0 0 13.568 5.632 19.456 19.456 0 0 0 13.824-33.024l-25.6-25.6 25.6-25.6a19.456 19.456 0 0 0-13.824-33.024 18.688 18.688 0 0 0-13.568 5.632z" fill="#FFE494"></path><path d="M822.016 482.56a130.816 130.816 0 0 0-133.888 128v68.864L320 680.96v-69.376a130.304 130.304 0 0 0-120.32-128h-13.568A81.92 81.92 0 0 0 102.4 563.2a76.8 76.8 0 0 0 0 13.312 79.104 79.104 0 0 0 38.912 54.784l8.96 4.352h2.304a25.6 25.6 0 0 1 15.36 22.016v63.744a112.384 112.384 0 0 0 80.896 105.472 51.2 51.2 0 0 0 98.816 5.888h313.088a51.2 51.2 0 0 0 98.816-5.888 112.384 112.384 0 0 0 79.104-105.472v-70.656a25.6 25.6 0 0 1 8.192-11.52h1.536l4.608-2.816a80.384 80.384 0 0 0 51.2-61.44v-12.032a81.92 81.92 0 0 0-83.712-79.616" fill="#FB952C"></path></symbol><symbol id="channel-topic" viewBox="0 0 1024 1024"><path d="M880.64 520.448C880.64 642.56 768 742.4 627.712 742.4H409.6l-165.632 74.496-92.928-258.56a146.688 146.688 0 0 1-3.072-37.888V482.56C147.968 360.448 258.56 256 398.08 256h232.704c136.448 0 249.856 104.448 249.856 226.56v37.888zm-238.336-311.04h-256a280.064 280.064 0 0 0-279.04 273.152v43.776a250.88 250.88 0 0 0 3.072 46.336L215.04 878.08l183.04-90.112h244.224c153.6 0 279.04-116.48 279.04-261.632V482.56a279.808 279.808 0 0 0-279.04-273.152zm58.112 351.744a51.2 51.2 0 0 1-51.2-51.2 55.552 55.552 0 0 1 58.112-52.48 54.528 54.528 0 0 1 51.2 55.296 57.088 57.088 0 0 1-58.112 49.408m-179.2 0a51.2 51.2 0 0 1-51.2-51.2 55.552 55.552 0 0 1 58.112-52.48 54.528 54.528 0 0 1 51.2 55.296 59.392 59.392 0 0 1-58.112 49.408m-179.2 0a51.2 51.2 0 0 1-51.2-51.2 55.552 55.552 0 0 1 58.112-52.48 54.528 54.528 0 0 1 51.2 55.296 59.648 59.648 0 0 1-58.112 49.408m279.04-270.336H412.672c-122.112 0-224 87.296-224 188.928V512a111.36 111.36 0 0 0 3.072 31.744L267.264 768l110.592-58.112H645.12A194.048 194.048 0 0 0 842.752 512v-29.44c-2.816-104.448-102.4-191.744-223.744-191.744" fill="currentColor"></path></symbol><symbol id="channel-tuiguang" viewBox="0 0 1024 1024"><path d="M324.557 660.316v56.832c0 30.193 24.473 54.672 54.671 54.672 30.193 0 54.672-24.474 54.672-54.672v-14.05l-109.343-42.782zm186.47 72.965c-7.961 65.72-63.933 116.639-131.799 116.639-73.328 0-132.772-59.443-132.772-132.772V629.75L129.3 583.91v.067a39.05 39.05 0 1 1-78.1 0V411.72a39.05 39.05 0 0 1 78.1 0v.066l499.85-195.594V192.65a39.05 39.05 0 1 1 78.106 0v610.396a39.05 39.05 0 1 1-78.105 0v-23.541L511.032 733.28z" fill="#FFD778"></path><path d="M808.786 458.732H933.75a39.05 39.05 0 0 1 39.05 39.05v.133a39.05 39.05 0 0 1-39.05 39.05H808.786a39.05 39.05 0 0 1-39.05-39.05v-.133a39.05 39.05 0 0 1 39.05-39.05zm-3.313 130.437 108.258 62.612a39.05 39.05 0 0 1 14.284 53.3l-.056.102a39.045 39.045 0 0 1-53.376 14.3l-108.257-62.618a39.05 39.05 0 0 1-14.285-53.299l.056-.097a39.045 39.045 0 0 1 53.376-14.3zm-39.147-250.343 108.257-62.612a39.045 39.045 0 0 1 53.376 14.305l.051.092a39.05 39.05 0 0 1-14.285 53.305l-108.247 62.612a39.045 39.045 0 0 1-53.376-14.3l-.05-.097a39.05 39.05 0 0 1 14.279-53.3z" fill="#FB813A"></path></symbol><symbol id="channel-vlog" viewBox="0 0 1024 1024"><path d="M824.195 570.693V462.049l49.951-49.951v200.704a74.927 74.927 0 0 1-44.956 68.682L574.44 792.601l-142.636-30.795 377.582-168.31a24.976 24.976 0 0 0 14.81-22.803z" fill="#7C79EE"></path><path d="M799.22 312.195h49.95q24.976 0 24.976 24.976v124.878q0 24.975-24.975 24.975H799.22q-24.976 0-24.976-24.975V337.17q0-24.976 24.976-24.976Z" fill="#7C79EE"></path><path d="M249.756 162.341h449.561q99.903 0 99.903 99.903V512q0 99.902-99.903 99.902h-449.56q-99.903 0-99.903-99.902V262.244q0-99.903 99.902-99.903Z" fill="#9796ED"></path><path d="M299.707 212.293H624.39q49.951 0 49.951 49.95V512q0 49.951-49.95 49.951H299.706q-49.95 0-49.95-49.951V262.244q0-49.951 49.95-49.951Z" fill="#FFE494"></path><path d="m438.447 300.606 104.822 69.907a24.976 24.976 0 0 1 0 41.56l-104.822 69.881a24.976 24.976 0 0 1-38.837-20.78V321.412a24.976 24.976 0 0 1 38.837-20.805z" fill="#7C79EE"></path><path d="M474.537 649.366h99.902a49.951 49.951 0 0 1 49.951 49.951v137.366a49.951 49.951 0 0 1-49.951 49.951h-99.902a49.951 49.951 0 0 1-49.952-49.951V699.317a49.951 49.951 0 0 1 49.952-49.951z" fill="#9796ED"></path></symbol><symbol id="channel-vtuber" viewBox="0 0 1024 1024"><path d="M212.557 605.082c-.077 42.854-13.799 82.048-41.037 117.606-40.909 53.325-83.917 69.274-77.824 85.197 11.34 35.405 45.568 49.024 102.656 40.883 36.787 61.44 95.488 90.01 176.026 85.606 88.601-9.6 119.654-92.006 93.107-247.219l-252.903-82.048zm522.112-13.67a293.504 293.504 0 0 1-52.352 122.828c-40.448 55.706-31.386 56.934-25.344 73.6 7.782 21.453 24.013 50.048 48.742 85.811 80.205 26.931 158.362 13.056 234.496-41.574 30.95-25.344-15.974-57.267-51.942-136.602-10.317-22.784-5.069-88.013 15.77-195.66l-169.37 91.596z" fill="#23ADE5"></path><path d="m706.202 689.664 113.28-16.384c35.993-44.646 69.888-54.502 101.683-29.517 47.693 37.427 8.269 142.029-71.501 102.759-1.74 0-51.507 5.53-149.35 16.64l5.888-73.524zm-285.568 69.811a41.882 41.882 0 0 1 18.508 56.73l-36.096 69.709a43.136 43.136 0 0 1-57.548 18.764 41.882 41.882 0 0 1-18.484-56.73l36.045-69.708a43.136 43.136 0 0 1 57.575-18.765z" fill="#FFE6DF"></path><path d="M465.46 698.112c-35.508-.666-67.457 23.296-95.873 71.834-.051.358 18.1 20.172 54.451 59.468l-18.585 64.154c2.662 36.173 57.062 54.272 163.174 54.272s165.146-21.427 177.152-64.23l-30.72-93.236c50.79-1.126 76.211-7.424 76.211-18.841 0-17.152-27.673-97.536-27.673-115.328 0-11.853-26.445-5.632-79.309 18.688l-218.829 23.219z" fill="#47CFE5"></path><path d="m528.538 684.083 56.192-4.915 22.912 53.683c-23.962 27.955-38.35 41.805-43.085 41.523-6.375-.025-22.912-11.161-49.639-33.408l13.62-56.883z" fill="#FED878"></path><path d="m560.512 728.013-37.427 106.393 53.888 79.079 38.86-87.168z" fill="#FED878"></path><path d="M574.54 705.024c290.484-44.826 302.72-134.016 290.51-252.928-12.237-118.886-160.282-200.422-330.752-182.093-170.42 18.33-298.676 129.587-286.464 248.474 12.21 118.912 36.224 231.321 326.707 186.521z" fill="#FFE6DF"></path><path d="M388.02 350.848c25.65 24.32 31.743 31.411 85.452 58.445 105.14 42.752 245.811 9.344 192.205-92.928 19.533 43.417 96.256 99.763 131.43 118.502-8.755 137.216-15.565 200.781 8.755 209.101 19.584 6.707 83.584-40.064 102.119-171.187 19.712-239.463-231.783-433.152-347.955-354.304-276.276-94.515-476.8 224.87-420.378 440.09 30.72 113.689 139.392 207.923 174.746 182.348 24.806-17.92 3.276-148.429-35.047-228.864 48.717-40.448 68.71-57.625 108.672-161.177z" fill="#23ADE5"></path><path d="m337.306 490.163 2.38.359 129.357 29.184c13.159 2.944 16.896 19.353 7.424 27.904l-2.073 1.587L368.46 618.7a16.282 16.282 0 0 1-19.968-25.6l2.099-1.639 73.805-48.435-91.879-20.736a16.307 16.307 0 0 1-12.646-17.075l.358-2.38a16.307 16.307 0 0 1 17.076-12.673zM653.928 504.238a86.58 42.317 84 1 0 84.17-8.847 86.58 42.317 84 1 0-84.17 8.847Z" fill="#24A7DA"></path><path d="m625.254 565.632 2.407.256a16.282 16.282 0 0 1 13.235 18.867c-8.525 48.205-28.672 71.527-57.446 67.712a58.778 58.778 0 0 1-24.628-9.958l-1.33-.947-1.511 1.28c-28.621 22.912-55.885 15.052-71.04-22.63l-1.69-4.48a16.282 16.282 0 0 1 30.72-10.906l2.176 5.888c5.658 14.13 9.984 16.204 20.045 6.86l4.045-4.044 4.659-5.095a16.307 16.307 0 0 1 23.04-1.331l1.843 1.971c2.867 3.584 11.853 10.291 17.946 11.085 7.526 1.024 15.232-7.885 21.069-41.062a16.307 16.307 0 0 1 16.46-13.466z" fill="#24A7DA"></path></symbol><symbol id="channel-yinpin" viewBox="0 0 1024 1024"><path d="M870.4 436.992a168.192 168.192 0 0 1-183.552 153.6A170.24 170.24 0 0 1 537.6 401.92a168.192 168.192 0 0 1 183.552-153.6A170.24 170.24 0 0 1 870.4 436.992" fill="#FFBA7B"></path><path d="M738.56 806.4c148.992-131.072 169.472-360.448 53.504-529.408-7.68-11.264-128-22.272-128-22.272L194.304 665.6a60.16 60.16 0 0 0-4.352 83.712v1.536C334.592 921.6 579.584 947.2 738.56 806.4" fill="#FFBA7B"></path><path d="M371.2 645.12a207.872 207.872 0 0 0 182.784-195.584 30.208 30.208 0 0 0-33.28-31.744L179.2 455.424a30.464 30.464 0 0 0-25.6 38.144A204.8 204.8 0 0 0 371.2 645.12" fill="#FB952C"></path><path d="M723.2 338.432a35.072 35.072 0 1 0 30.72 38.656 34.816 34.816 0 0 0-30.72-38.656M539.904 281.6l54.272 23.552a51.2 51.2 0 0 1 25.6 66.56l-5.888 14.336a49.408 49.408 0 0 1-65.024 25.6l-54.272-23.552a6.912 6.912 0 0 1 0-12.544l53.76-22.272a7.168 7.168 0 0 0 3.84-8.96l-21.76-55.04a6.656 6.656 0 0 1 8.704-8.96" fill="#FB813A"></path><path d="M442.112 142.336A17.408 17.408 0 0 0 425.216 128h-3.84a17.664 17.664 0 0 0-17.408 17.664v113.152a76.8 76.8 0 0 0-29.184 0 83.2 83.2 0 0 0-67.584 71.68c0 30.72 30.464 48.64 68.096 40.192a83.2 83.2 0 0 0 67.84-70.912v-157.44z" fill="#FC611F"></path></symbol><symbol id="channel-zhishi" viewBox="0 0 1024 1024"><path d="M781.367 132.313c60.919 0 110.32 50.371 110.32 112.514V778.16c0 62.1-49.359 112.472-110.32 112.472H518.75c0-16.116-25.692-29.152-57.375-29.152S404 874.56 404 890.633H284.82c-60.918 0-110.32-50.372-110.32-112.43V244.827c0-62.143 49.36-112.514 110.32-112.514h496.547z" fill="#FBC92A"></path><path d="M781.367 132.313c60.919 0 110.32 50.371 110.32 112.514v209.671c-49.485 4.894-86.062 22.022-86.062 42.399 0 20.376 36.577 37.547 86.063 42.356v34.72c0 62.143-49.36 112.515-110.32 112.515H284.82c-60.918 0-110.32-50.372-110.32-112.515V244.827c0-62.143 49.36-112.514 110.32-112.514h496.547z" fill="#FFEA85"></path><path d="M346.625 686.487a114.75 58.345 0 1 0 229.5 0 114.75 58.345 0 1 0-229.5 0Z" fill="#FBC92A"></path><path d="M260.563 803.136a43.031 42.188 0 1 0 86.062 0 43.031 42.188 0 1 0-86.063 0ZM490.063 803.136a71.719 42.188 0 1 0 143.437 0 71.719 42.188 0 1 0-143.438 0Z" fill="#F4B828"></path><path d="M674.506 477.448a27.21 27.21 0 0 1 39.024 1.224 28.519 28.519 0 0 1-1.182 39.74 238.022 238.022 0 0 1-330.918 0 28.519 28.519 0 0 1-1.182-39.74 27.21 27.21 0 0 1 38.982-1.224 183.642 183.642 0 0 0 255.276 0zM734.792 272.923h5.19a41.766 41.766 0 0 1 41.343 42.188v56.278c0 23.288-18.478 42.188-41.344 42.188h-5.189a41.766 41.766 0 0 1-41.344-42.188v-56.278c0-23.288 18.52-42.188 41.344-42.188zm-380.995 0h5.189a41.766 41.766 0 0 1 41.344 42.188v56.278c0 23.288-18.52 42.188-41.344 42.188h-5.19a41.766 41.766 0 0 1-41.343-42.188v-56.278c0-23.288 18.478-42.188 41.344-42.188z" fill="#FBC92A"></path></symbol><symbol id="channel-zongyi" viewBox="0 0 1024 1024"><path d="M25.115 625.015c127-67.634 201.653-43.033 188.69 73.103l-.724 5.894c-13.961 104.648 52.674 162.367 81.945 128.3l1.698-2.123a24.976 24.976 0 1 1 40.211 29.646c-28.747 39.012-82.12 39.936-122.33 6.444-39.312-32.768-59.442-90.661-51.95-161.018l1.449-12.088.8-7.992c3.695-46.13-12.14-59.967-61.416-41.76l-8.517 3.347-9.166 3.922-9.79 4.495-10.49 5.145-11.114 5.695-5.844 3.072a24.976 24.976 0 1 1-23.477-44.082z" fill="#EC0000"></path><path d="m419.355 437.872 237.268 148.256-217.887 254.8a79.922 79.922 0 0 1-103.1 15.835l-18.806-11.738a79.922 79.922 0 0 1-30.97-99.628l133.52-307.525z" fill="#FF5C00"></path><path d="M385.488 416.718 690.49 607.282l-92.335 72.38c-29.621 20.454-77.899 9.74-144.859-32.094-66.984-41.86-97.78-80.572-92.384-116.137l24.576-114.713z" fill="#EC0000"></path><path d="M432.167 681.484a26.524 26.524 0 0 1 6.569 39.187l-19.107 23.577a22.828 22.828 0 0 1-38.412-23.976l12.862-27.499a26.524 26.524 0 0 1 38.088-11.289z" fill="#FFD3A5"></path><path d="M391.831 255.75c-76.025 121.631-39.036 281.9 82.62 357.9 121.656 76.026 281.924 39.038 357.925-82.619 76.026-121.63 39.037-281.9-82.62-357.9-121.655-76.026-281.899-39.037-357.925 82.62z" fill="#FF962A"></path><path d="m749.757 173.106 5.145 3.322a258.997 258.997 0 0 1 112.165 167.336 77.55 77.55 0 0 1-11.413 36.89c-35.066 56.17-139.364 54.271-232.973-4.222-93.584-58.443-140.987-151.377-105.897-207.547 6.894-11.04 16.484-19.856 28.148-26.4a259.047 259.047 0 0 1 204.8 30.621z" fill="#FFB468"></path><path d="M842.317 513.698a264.242 264.242 0 0 1-9.94 17.333c-76.026 121.657-236.27 158.645-357.901 82.645-121.681-76.026-158.67-236.27-82.67-357.926a278.773 278.773 0 0 1 11.24-16.559c-62.44 119.159-23.353 268.139 92.584 340.593 114.713 71.68 263.718 42.883 344.09-62.614l2.597-3.497z" fill="#FF6B18"></path><path d="M380.168 236.694c-49.702 79.522 16.234 210.394 147.231 292.24 131.022 81.87 277.53 83.743 327.23 4.22 16.434-26.299 20.23-58.193 13.188-92.11 13.986 45.955 11.189 90.787-12.138 128.125-58.468 93.559-219.686 98.33-360.049 10.615-140.363-87.715-206.748-234.696-148.28-328.28 23.477-37.588 62.889-59.816 110.717-67.309-33.967 8.492-61.315 25.975-77.9 52.499z" fill="#FFB468"></path><path d="m458.017 184.22 2.298-1.798c-26.824 21.054-43.833 37.338-51.05 48.877-43.858 70.182 17.657 187.742 139.313 263.743 121.657 76.025 253.952 79.572 297.81 9.39 7.742-12.388 14.86-33.642 21.354-63.787 7.143 34.041 3.396 66.085-13.112 92.51-49.702 79.522-196.209 77.673-327.23-4.222-131.023-81.845-196.934-212.717-147.232-292.24 16.584-26.523 43.932-44.006 77.849-52.473z" fill="#FFD3A5"></path></symbol><symbol id="creator-audio" fill="none" viewBox="0 0 25 24"><rect opacity=".01" x=".5" width="24" height="24" fill="#C4C4C4"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M5 2.5h10A4.5 4.5 0 0 1 19.5 7v4.5a1 1 0 1 0 2 0V7A6.5 6.5 0 0 0 15 .5H5A2.5 2.5 0 0 0 2.5 3v17A2.5 2.5 0 0 0 5 22.5h9.5a1 1 0 1 0 0-2H5a.5.5 0 0 1-.5-.5V3a.5.5 0 0 1 .5-.5Z" fill="#61666D"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M21.561 14.348a1.5 1.5 0 0 0-2.121 0l-2.475 2.475a1 1 0 1 0 1.414 1.414l2.121-2.121 2.122 2.121a1 1 0 1 0 1.414-1.414l-2.475-2.475Z" fill="#61666D"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 13.976a1 1 0 0 1 1 1V21.5a1 1 0 1 1-2 0v-6.524a1 1 0 0 1 1-1Z" fill="#61666D"></path><path d="M12.75 8.548v3" stroke="#61666D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8.75 12.922c0-.759.645-1.374 1.44-1.374h2.56v1.625c0 .76-.644 1.375-1.44 1.375h-1.12c-.795 0-1.44-.616-1.44-1.375v-.25Z" stroke="#61666D" stroke-width="2" stroke-linejoin="round"></path><path d="m15.25 9.048-2.5-.5" stroke="#61666D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></symbol><symbol id="creator-magic" fill="none" viewBox="0 0 26 24"><path d="M24 0H0v24h24V0Z" fill="#fff" fill-opacity=".01"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M23.06 14.348a1.5 1.5 0 0 0-2.12 0l-2.476 2.475a1 1 0 1 0 1.415 1.414L22 16.116l2.121 2.121a1 1 0 1 0 1.415-1.414l-2.475-2.475Z" fill="#61666D"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M22 13.976a1 1 0 0 1 1 1V21.5a1 1 0 1 1-2 0v-6.524a1 1 0 0 1 1-1Z" fill="#61666D"></path><path d="M24 0H0v24h24V0Z" fill="#fff" fill-opacity=".01"></path><path d="M22 11.488c0-5.523-4.477-10-10-10s-10 4.477-10 10c0 5.522 4.477 10 10 10a9.955 9.955 0 0 0 4.954-1.312" stroke="#61666D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 15.413c1.607 0 2.25-1.286 2.25-1.286h-4.5s.643 1.286 2.25 1.286ZM15.5 8.487v2M8.5 8.487v2" stroke="#61666D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></symbol><symbol id="creator-manage" fill="none" viewBox="0 0 25 24"><rect opacity=".01" x=".5" width="24" height="24" fill="#C4C4C4"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M5 2.5h10A4.5 4.5 0 0 1 19.5 7v4.281a1 1 0 1 0 2 0V7A6.5 6.5 0 0 0 15 .5H5A2.5 2.5 0 0 0 2.5 3v17A2.5 2.5 0 0 0 5 22.5h5.5a1 1 0 1 0 0-2H5a.5.5 0 0 1-.5-.5V3a.5.5 0 0 1 .5-.5Zm9 8.866a1 1 0 0 0 0-1.732l-3-1.732a1 1 0 0 0-1.5.866v3.464a1 1 0 0 0 1.5.866l3-1.732Zm7.19 6.872-1.595 2.763h-3.19l-1.596-2.763 1.596-2.763h3.19l1.596 2.763Zm1.733-1a2 2 0 0 1 0 2l-1.596 2.763a2 2 0 0 1-1.732 1h-3.19a2 2 0 0 1-1.732-1l-1.596-2.763a2 2 0 0 1 0-2l1.596-2.763a2 2 0 0 1 1.732-1h3.19a2 2 0 0 1 1.732 1l1.596 2.763ZM18 16.988a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5Z" fill="#61666D"></path></symbol><symbol id="creator-note" fill="none" viewBox="0 0 25 24"><rect opacity=".01" width="24" height="24" fill="#C4C4C4"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 2.5h10A4.5 4.5 0 0 1 19 7v4.5a1 1 0 1 0 2 0V7A6.5 6.5 0 0 0 14.5.5h-10A2.5 2.5 0 0 0 2 3v17a2.5 2.5 0 0 0 2.5 2.5h9.761a1 1 0 1 0 0-2H4.5A.5.5 0 0 1 4 20V3a.5.5 0 0 1 .5-.5Z" fill="#61666D"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M6 9a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1ZM6 13a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1ZM21.05 14.348a1.5 1.5 0 0 0-2.121 0l-2.475 2.475a1 1 0 1 0 1.414 1.414l2.122-2.121 2.12 2.121a1 1 0 1 0 1.415-1.414l-2.475-2.475Z" fill="#61666D"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M19.99 13.976a1 1 0 0 1 1 1V21.5a1 1 0 1 1-2 0v-6.524a1 1 0 0 1 1-1Z" fill="#61666D"></path></symbol><symbol id="creator-video" fill="none" viewBox="0 0 26 24"><rect opacity=".01" x="1.556" width="24" height="24" fill="#C4C4C4"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M21.556 10.187a1 1 0 0 0-1 1v1.384a1 1 0 0 0 2 0v-1.384a1 1 0 0 0-1-1Zm-7 10.313a1 1 0 1 0 0 2h1a1 1 0 1 0 0-2h-1ZM22.61 15.348a1.5 1.5 0 0 0-2.122 0l-2.475 2.475a1 1 0 0 0 1.414 1.414l2.122-2.121 2.121 2.121a1 1 0 0 0 1.414-1.414l-2.475-2.475Z" fill="#61666D"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M21.549 14.976a1 1 0 0 1 1 1V22.5a1 1 0 1 1-2 0v-6.524a1 1 0 0 1 1-1ZM3.209 5.5h16.347a1 1 0 0 1 1 1v5.391h2V6.5a3 3 0 0 0-3-3H3.209a3 3 0 0 0-3 3v13a3 3 0 0 0 3 3h12.244v-2H3.209a1 1 0 0 1-1-1v-13a1 1 0 0 1 1-1Z" fill="#61666D"></path><path d="M13.362 12.134a1 1 0 0 1 0 1.732l-3 1.732a1 1 0 0 1-1.5-.866v-3.464a1 1 0 0 1 1.5-.866l3 1.732Z" fill="#61666D"></path></symbol><symbol id="header-channel" fill="none" viewBox="0 0 21 21"><circle cx="5.688" cy="14" r="3.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></circle><circle cx="10.5" cy="5.688" r="3.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></circle><circle cx="15.313" cy="14" r="3.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></circle></symbol><symbol id="header-collect" fill="none" viewBox="0 0 20 21"><path clip-rule="evenodd" d="m11.05 3.168 1.741 3.528c.163.33.48.56.844.613l3.894.566a1.12 1.12 0 0 1 .621 1.911l-2.817 2.747a1.12 1.12 0 0 0-.323.993l.666 3.877a1.12 1.12 0 0 1-1.626 1.181l-3.484-1.83a1.12 1.12 0 0 0-1.042 0l-3.483 1.83a1.12 1.12 0 0 1-1.626-1.18l.664-3.878a1.119 1.119 0 0 0-.321-.993L1.939 9.786a1.121 1.121 0 0 1 .622-1.911l3.894-.566a1.12 1.12 0 0 0 .843-.613L9.04 3.168a1.121 1.121 0 0 1 2.01 0Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path><path d="M11.603 11.874a1.618 1.618 0 0 1-3.12-.017" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path></symbol><symbol id="header-creation" fill="none" viewBox="0 0 20 21"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 1.743c-.07 0-.14 0-.212.002-3.934.11-7.204 3.404-7.286 7.338a7.478 7.478 0 0 0 2.868 6.05.83.83 0 0 1 .303.472l.631 2.842a2.082 2.082 0 0 0 2.032 1.63h3.326c.976 0 1.822-.678 2.034-1.633l.632-2.842a.825.825 0 0 1 .3-.467A7.478 7.478 0 0 0 17.5 9.243a7.5 7.5 0 0 0-7.5-7.5Zm0 1.666a5.84 5.84 0 0 1 5.834 5.834 5.798 5.798 0 0 1-2.236 4.582 2.505 2.505 0 0 0-.85 1.235H7.253a2.516 2.516 0 0 0-.85-1.236 5.786 5.786 0 0 1-2.233-4.706c.063-3.063 2.605-5.622 5.665-5.706.055-.002.111-.003.166-.003ZM7.637 16.76l.295 1.326c.042.191.21.324.404.324h3.326a.413.413 0 0 0 .407-.326l.294-1.323H7.637Zm2.72-10.662a.8.8 0 0 1 .359 1.074l-.609 1.216h1.08a.8.8 0 0 1 .716 1.158l-1.188 2.374a.8.8 0 1 1-1.43-.716l.607-1.216h-1.08a.8.8 0 0 1-.715-1.158l1.187-2.374a.8.8 0 0 1 1.074-.358Z" fill="currentColor"></path></symbol><symbol id="header-creator" fill="none" viewBox="0 0 18 18"><path d="M12.082 10h2.06c.909 0 1.646.737 1.646 1.647v1.235c0 .91-.737 1.647-1.647 1.647H3.847c-.91 0-1.647-.737-1.647-1.647v-1.235c0-.91.737-1.647 1.647-1.647h2.059M8.994 11.235V3.824M12.082 6.294 8.994 3.206 5.906 6.294" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"></path></symbol><symbol id="header-download" fill="none" viewBox="0 0 20 20"><path d="M16.703 10.764c.716 0 1.297.548 1.297 1.223v4.79c0 .675-.58 1.223-1.297 1.223h-4.595c-.716 0-1.297-.547-1.297-1.223v-4.79c0-.675.58-1.223 1.297-1.223h4.595ZM2.81 13.465c.448 0 .81.342.81.764v2.854c0 .422-.362.764-.81.764-.448 0-.811-.342-.811-.764v-2.854c0-.422.363-.764.81-.764Zm5.621 0c.448 0 .811.342.811.764v2.854c0 .422-.363.764-.81.764-.448 0-.811-.342-.811-.764v-2.854c0-.422.363-.764.81-.764Zm-2.81.662c.447 0 .81.343.81.765v1.528c0 .422-.363.765-.81.765-.448 0-.811-.342-.811-.765v-1.528c0-.422.363-.765.81-.765Zm10.756-1.834h-3.946v4.178h3.946v-4.178Zm-7.946-1.529c.448 0 .811.343.811.765s-.363.764-.81.764H2.81c-.448 0-.811-.342-.811-.764s.363-.765.81-.765h5.622ZM7.892 2c.716 0 1.297.548 1.297 1.223v4.79c0 .675-.58 1.223-1.297 1.223H3.297C2.581 9.236 2 8.688 2 8.013v-4.79C2 2.548 2.58 2 3.297 2h4.595Zm8.81 0C17.42 2 18 2.548 18 3.223v4.79c0 .675-.58 1.223-1.297 1.223h-4.595c-.716 0-1.297-.548-1.297-1.223v-4.79c0-.675.58-1.223 1.297-1.223h4.595ZM7.569 3.529H3.622v4.178h3.946V3.529Zm8.81 0h-3.946v4.178h3.946V3.529Z" fill="currentColor"></path></symbol><symbol id="header-dynamic" fill="none" viewBox="0 0 22 22"><path d="M0 0h22v22H0V0Z" fill="#fff" fill-opacity=".01"></path><path d="M11 11a4.583 4.583 0 1 1 0-9.167V11ZM11 11a4.583 4.583 0 0 1-9.167 0H11ZM11 11a4.583 4.583 0 0 1 9.167 0H11ZM11 11a4.583 4.583 0 0 1 0 9.167V11Z" stroke="#61666D" stroke-width="2" stroke-linejoin="round"></path></symbol><symbol id="header-history" fill="none" viewBox="0 0 20 21"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 1.743a9 9 0 1 0 0 18 9 9 0 0 0 0-18Zm0 1.636c4.061 0 7.364 3.304 7.364 7.364 0 4.06-3.303 7.363-7.363 7.363-4.061 0-7.364-3.303-7.364-7.363 0-4.06 3.303-7.364 7.364-7.364Z" fill="#61666D"></path><path d="M10 6.652v4.091M12.454 10.743H10" stroke="#61666D" stroke-width="1.7" stroke-linecap="round"></path></symbol><symbol id="header-login" fill="none" viewBox="0 0 18 18"><path d="M6.75 8.25v2.625m4.5-2.625v2.625m-3.938-6.75H5.928c-1.418 0-2.128 0-2.67.276-.476.243-.864.63-1.107 1.107-.276.542-.276 1.252-.276 2.67v2.769c0 1.419 0 2.128.276 2.67.243.476.63.864 1.107 1.107C3.8 15 4.51 15 5.928 15h6.144c1.419 0 2.128 0 2.67-.276.476-.243.864-.63 1.107-1.107.276-.542.276-1.252.276-2.67V8.178c0-1.418 0-2.128-.276-2.67a2.533 2.533 0 0 0-1.107-1.107c-.542-.276-1.252-.276-2.67-.276h-1.384m-3.376 0h3.376m-3.376 0-1.687-2.25m5.063 2.25 1.687-2.25" stroke="#fff" stroke-width="1.333" stroke-linecap="round" stroke-linejoin="round"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.175 1.275a.75.75 0 0 1 1.05.15l1.463 1.95h2.625l1.462-1.95a.75.75 0 1 1 1.2.9l-.788 1.05c.508.003.94.011 1.31.041.523.043.984.133 1.412.351a3.6 3.6 0 0 1 1.574 1.574c.218.428.308.89.35 1.411.042.506.042 1.13.042 1.901v1.819c0 .77 0 1.395-.041 1.9-.043.523-.133.984-.351 1.412a3.6 3.6 0 0 1-1.574 1.574c-.428.218-.89.308-1.411.35-.506.042-1.13.042-1.901.042H6.403c-.77 0-1.395 0-1.901-.041-.522-.043-.983-.133-1.411-.351a3.6 3.6 0 0 1-1.574-1.574c-.218-.428-.308-.89-.35-1.411-.042-.506-.042-1.13-.042-1.901V8.653c0-.77 0-1.395.041-1.901.043-.522.133-.983.351-1.411a3.6 3.6 0 0 1 1.574-1.574c.428-.218.89-.308 1.411-.35.37-.03.803-.04 1.311-.041l-.788-1.051a.75.75 0 0 1 .15-1.05Zm-.55 3.636c-.43.035-.672.1-.853.193a2.1 2.1 0 0 0-.918.918c-.093.181-.158.423-.193.852-.035.438-.036 1-.036 1.811v1.755c0 .81 0 1.373.036 1.81.035.43.1.672.193.853a2.1 2.1 0 0 0 .918.918c.181.093.423.158.852.193.438.035 1 .036 1.811.036h5.13c.81 0 1.373 0 1.81-.036.43-.035.672-.1.853-.193a2.1 2.1 0 0 0 .918-.918c.093-.181.158-.423.193-.852.035-.438.036-1 .036-1.811V8.685c0-.81 0-1.373-.036-1.81-.035-.43-.1-.672-.193-.853a2.1 2.1 0 0 0-.918-.918c-.181-.093-.423-.158-.852-.193-.438-.035-1-.036-1.811-.036h-5.13c-.81 0-1.373 0-1.81.036ZM6.75 7.5a.75.75 0 0 1 .75.75v2.625a.75.75 0 0 1-1.5 0V8.25a.75.75 0 0 1 .75-.75Zm4.5 0a.75.75 0 0 1 .75.75v2.625a.75.75 0 0 1-1.5 0V8.25a.75.75 0 0 1 .75-.75Z" fill="#61666D"></path></symbol><symbol id="header-message" fill="none" viewBox="0 0 20 20"><path d="M15.435 17.315H4.567A3.571 3.571 0 0 1 1 13.748V5.31c0-1.966 1.6-3.567 3.567-3.567h10.866c1.966 0 3.567 1.6 3.567 3.567v8.438a3.57 3.57 0 0 1-3.565 3.567ZM4.567 3.543c-.974 0-1.766.793-1.766 1.767v8.438c0 .973.792 1.766 1.766 1.766h10.866c.974 0 1.766-.793 1.766-1.766V5.31c0-.974-.792-1.767-1.766-1.767H4.567Z" fill="currentColor"></path><path d="M10 10.743c-.488 0-.978-.133-1.403-.398l-.056-.039L4.333 7.2a.778.778 0 0 1-.143-1.147.918.918 0 0 1 1.23-.134l4.174 3.083a.826.826 0 0 0 .813 0L14.58 5.92a.918.918 0 0 1 1.23.134.78.78 0 0 1-.143 1.147L11.4 10.345a2.655 2.655 0 0 1-1.402.398Z" fill="currentColor"></path></symbol><symbol id="header-hot" fill="none" viewBox="0 0 22 22"><path fill-rule="evenodd" clip-rule="evenodd" d="m4.89 17.272.003.002a8.562 8.562 0 0 0 6.07 2.515c2.287 0 4.248-.735 5.648-2.178l.002-.002c1.387-1.475 2.17-3.427 2.13-5.427.042-.799-.051-2.819-1.334-5.427v-.001c-.2-.399-.593-.688-1.07-.784a1.409 1.409 0 0 0-1.278.387c-.152.13-.281.26-.396.375l-.001.001-.031.031c-.422-3.408-2.025-5.027-3.468-5.76a.669.669 0 0 0-.061-.053.325.325 0 0 0-.135-.062c-.741-.28-1.559.123-1.845.887v.002c-.618 1.688-1.771 2.845-2.958 3.989-1.648 1.564-3.407 3.27-3.364 6.326-.043 1.962.743 3.79 2.089 5.179Zm-1.84-4.207a6.746 6.746 0 0 1-.048-.971C2.959 9.13 4.653 7.478 6.305 5.912c1.185-1.144 2.37-2.33 3.006-4.065.254-.678.974-1.017 1.61-.763.041 0 .084.043.126.085.88.44 1.838 1.227 2.528 2.604-.69-1.377-1.648-2.164-2.528-2.604-.042-.042-.085-.085-.127-.085-.635-.254-1.355.085-1.609.763-.635 1.736-1.82 2.921-3.006 4.065-1.652 1.566-3.346 3.218-3.303 6.182-.008.328.009.652.048.97Zm11.427-5.883c.106-.085.212-.19.328-.307.117-.117.244-.244.392-.37a1.21 1.21 0 0 1 1.1-.34c.424.085.763.34.932.678-.169-.339-.508-.593-.931-.677a1.21 1.21 0 0 0-1.101.338c-.148.127-.275.254-.392.37l-.143.143a2.69 2.69 0 0 1-.185.165Zm-1.78-.823c.146.796.186 1.62.17 2.39a12.118 12.118 0 0 0-.17-2.39Zm4.039 4.306c.075.483.112.974.112 1.471v.043c0 1.524-.55 3.048-1.609 4.15-1.186 1.1-2.71 1.693-4.319 1.608a6.533 6.533 0 0 0 0 0c1.61.085 3.133-.508 4.32-1.609 1.058-1.1 1.608-2.625 1.608-4.15v-.042c0-.497-.037-.988-.112-1.47Zm-5.805 7.073c1.55.081 3.02-.488 4.168-1.552 1.016-1.06 1.55-2.531 1.55-4.008v-.042c0-1.274-.252-2.51-.754-3.641-.651.622-1.11.996-1.477 1.192-.206.11-.391.17-.572.18a1.156 1.156 0 0 1-.499-.085c-.426-.16-.68-.58-.68-1.033v-.004c.022-1.048-.062-2.19-.372-3.21-.285-.941-.758-1.767-1.505-2.328-.824 1.742-2.065 2.979-3.203 4.076l-.079.077c-1.536 1.494-2.695 2.62-2.655 4.772v.004c0 1.388.53 2.692 1.508 3.67l.003.002a6.333 6.333 0 0 0 4.556 1.93h.01Z" fill="currentColor"></path></symbol><symbol id="header-order" fill="none" viewBox="0 0 24 24"><rect opacity=".01" width="24" height="24" fill="#C4C4C4"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 4h7a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5Zm-2-1c.456-.607 1.182-1 2-1h7c.818 0 1.544.393 2 1h2C20.88 3 22 4.063 22 5.375v14.25C22 20.937 20.88 22 19.5 22h-15C3.12 22 2 20.937 2 19.625V5.375C2 4.063 3.12 3 4.5 3h2ZM6 4.9H4.5c-.276 0-.5.213-.5.475v14.25c0 .262.224.475.5.475h15c.276 0 .5-.213.5-.475V5.375a.488.488 0 0 0-.5-.475H18v1.6A2.5 2.5 0 0 1 15.5 9h-7A2.5 2.5 0 0 1 6 6.5V4.9Zm0 7.6a1 1 0 0 1 1-1h7a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1Zm1 3a1 1 0 1 0 0 2h3a1 1 0 1 0 0-2H7Z" fill="#61666D"></path></symbol><symbol id="header-search" fill="none" viewBox="0 0 19 18"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.345 15.7c.293.292.13.572-.152.863-.043.065-.097.119-.14.162-.282.248-.607.399-.868.14l-3.5-3.483a6.938 6.938 0 0 1-4.238 1.445c-3.826 0-6.947-3.096-6.947-6.914C1.5 4.106 4.61 1 8.447 1c3.826 0 6.947 3.095 6.947 6.913a6.908 6.908 0 0 1-1.528 4.325l3.48 3.462ZM3.136 7.903c0 2.912 2.385 5.274 5.3 5.274 2.916 0 5.3-2.362 5.3-5.274s-2.384-5.274-5.3-5.274c-2.926 0-5.3 2.372-5.3 5.274Z" fill="currentColor"></path></symbol><symbol id="header-subscription" fill="none" viewBox="0 0 20 21"><path d="M0 .743h20v20H0v-20Z" fill="#fff" fill-opacity=".01"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M6.633 6.576A3.368 3.368 0 0 1 9.2 3.306v6.541a3.368 3.368 0 0 1-2.567-3.27ZM10 1.61A4.967 4.967 0 0 0 6.35 9.943H1.667a.8.8 0 0 0-.8.8A4.967 4.967 0 0 0 9.2 14.394v4.682a.8.8 0 0 0 .8.8 4.967 4.967 0 0 0 3.652-8.333h4.681a.8.8 0 0 0 .8-.8A4.967 4.967 0 0 0 10.8 7.091V2.41a.8.8 0 0 0-.8-.8Zm-4.167 12.5a3.368 3.368 0 0 1-3.27-2.567h6.541a3.368 3.368 0 0 1-3.27 2.567Zm5.063-4.167h6.542a3.368 3.368 0 0 0-6.542 0ZM10.8 18.18V11.64a3.368 3.368 0 0 1 0 6.541Z" fill="#61666D"></path></symbol><symbol id="header-vip" fill="none" viewBox="0 0 22 21"><path fill-rule="evenodd" clip-rule="evenodd" d="M11 1.743a9 9 0 1 0 0 18 9 9 0 0 0 0-18Zm0 1.636c4.06 0 7.364 3.303 7.364 7.364 0 4.06-3.303 7.363-7.364 7.363-4.06 0-7.363-3.303-7.363-7.363 0-4.06 3.303-7.364 7.363-7.364Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M9.576 6.881c.194.347.338.72.429 1.105a2.13 2.13 0 0 1-.075 1.081c-.881.206-1.78.326-2.685.361-.021 0-.047.066-.074.196.018.393.136.773.346 1.105.206.262.32.148.56.075a4.27 4.27 0 0 1 1.49-.165c.174.115-.608 1.204-.823 1.53-.214.329-1.062 1.383-1.499 1.532-.436.146-.329.384.074.696.435.251.964.28 1.425.082.407-.21.743-.534.964-.935.131-.327 1.17-2.684 1.293-2.897.124-.213.297-.262.562-.353a6.257 6.257 0 0 1 2.066-.245c.577.1 1.071.123 1.13-.425a1.317 1.317 0 0 0-.618-1.278 2.953 2.953 0 0 0-1.598.172c-.248.083-.899.377-.98.303-.083-.073.213-.77-.083-1.35a1.722 1.722 0 0 0-1.426-.82c-.386 0-.543.181-.478.23Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11.467 11.465a.256.256 0 0 0-.016.324c.074.122 2.57 2.32 2.858 2.556.288.234.42.154.723-.811.305-.966-1.202-1.502-1.646-1.72a5.988 5.988 0 0 0-1.4-.406c-.065-.004-.15-.012-.236-.012-.11 0-.218.014-.283.069Z" fill="currentColor"></path></symbol><symbol id="history-carplay" fill="none" viewBox="0 0 16 17"><path d="M2.113 9.853c0-1.491 1.31-2.694 2.835-2.627a69.63 69.63 0 0 0 6.104 0c1.526-.067 2.835 1.136 2.835 2.627v2.02a.5.5 0 0 1-.5.5H2.613a.5.5 0 0 1-.5-.5v-2.02Z" stroke="#979797"></path><path d="M4.227 4.548A1.5 1.5 0 0 1 5.692 3.37h4.743A1.5 1.5 0 0 1 11.9 4.548L12.438 7c-.266.031-.62.07-1.032.11-.942.09-2.186.18-3.406.18-1.22 0-2.431-.09-3.34-.18a39.698 39.698 0 0 1-.972-.108l.539-2.454Z" stroke="#979797"></path><circle cx="4.722" cy="9.824" r=".766" fill="#979797"></circle><circle cx="11.278" cy="9.824" r=".766" fill="#979797"></circle><path d="M3.04 12.702h.817L3.6 13.775a.284.284 0 0 1-.56-.067v-1.006ZM12.918 12.702H12.1l.258 1.073a.284.284 0 0 0 .56-.067v-1.006Z" fill="#D8D8D8" stroke="#979797"></path></symbol><symbol id="history-ipad" fill="none" viewBox="0 0 16 16"><path d="M4.6 13.5A1.5 1.5 0 0 1 3.1 12V4a1.5 1.5 0 0 1 1.5-1.5h6.796a1.5 1.5 0 0 1 1.5 1.5v8a1.5 1.5 0 0 1-1.5 1.5H4.6Z" stroke="currentColor"></path><path d="M8.5 11.5h-1" stroke="currentColor" stroke-linecap="round"></path></symbol><symbol id="history-pc" fill="none" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.55 13a.5.5 0 1 1 0 1h-5a.5.5 0 0 1 0-1h5Zm2.5-11a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-10a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h10Zm0 1h-10a1 1 0 0 0-.993.883L2.05 4v6a1 1 0 0 0 .883.993L3.05 11h10a1 1 0 0 0 .993-.883L14.05 10V4a1 1 0 0 0-1-1Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M7 11h2l1 3H6l1-3Z" fill="currentColor"></path></symbol><symbol id="history-phone" fill="none" viewBox="0 0 16 16"><path d="M9.096 2.5V3a.5.5 0 0 1-.5.5H7.404a.5.5 0 0 1-.5-.5v-.5h2.192Z" fill="#61666D" stroke="#61666D"></path></symbol><symbol id="history-tv" fill="none" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M13 2a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h10Zm0 1H3a1 1 0 0 0-.993.883L2 4v6a1 1 0 0 0 .883.993L3 11h10a1 1 0 0 0 .993-.883L14 10V4a1 1 0 0 0-1-1Z" fill="#999"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M6.188 6.09V9.3h-.96V6.089h-1.09v-.788h3.14v.788h-1.09Zm5.408-.789L10.336 9.3H9.13L7.855 5.301h1.12l.764 2.982h.044l.753-2.982h1.06Z" fill="#999"></path><path d="M3.5 11.5 3 13M4.182 11.5 3 13M12.5 11.5 13 13M11.864 11.5 13 13" stroke="#979797" stroke-linecap="round"></path></symbol><symbol id="history-vioce" fill="none" viewBox="0 0 16 16"><path d="M4 13.5A1.5 1.5 0 0 1 2.5 12V4A1.5 1.5 0 0 1 4 2.5h8A1.5 1.5 0 0 1 13.5 4v8a1.5 1.5 0 0 1-1.5 1.5H4Z" stroke="#979797"></path><path d="M5 8.5a.5.5 0 0 1-.5-.5V5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5H5Z" stroke="#979797"></path><circle cx="4.397" cy="10.444" r=".45" fill="#979797"></circle><circle cx="6.199" cy="10.444" r=".45" fill="#979797"></circle><circle cx="5.204" cy="11.714" r=".45" fill="#979797"></circle><circle cx="8" cy="10.444" r=".45" fill="#979797"></circle><circle cx="7.006" cy="11.714" r=".45" fill="#979797"></circle><circle cx="9.801" cy="10.444" r=".45" fill="#979797"></circle><circle cx="11.603" cy="10.444" r=".45" fill="#979797"></circle><circle cx="8.807" cy="11.714" r=".45" fill="#979797"></circle><circle cx="10.609" cy="11.714" r=".45" fill="#979797"></circle></symbol><symbol id="palette-ad" fill="none" viewBox="0 0 32 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 .5h24A3.5 3.5 0 0 1 31.5 4v8a3.5 3.5 0 0 1-3.5 3.5H4A3.5 3.5 0 0 1 .5 12V4A3.5 3.5 0 0 1 4 .5ZM0 4a4 4 0 0 1 4-4h24a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4Zm9.364-1.816.948-.168c.228.432.444.912.66 1.452h4.368v.828H6.448v2.688c-.048 2.628-.456 4.728-1.236 6.312l-.708-.636c.672-1.368 1.032-3.252 1.056-5.676V3.468h4.464c-.192-.468-.42-.9-.66-1.284Zm8.76 6.588h7.824v4.416h-.876v-.636H19v.636h-.876V8.772ZM19 9.6v2.136h6.072V9.6H19Zm2.712-4.884h-2.868a8.735 8.735 0 0 1-1.452 1.536l-.516-.684c1.08-.864 1.824-1.932 2.208-3.192l.864.096a7.808 7.808 0 0 1-.588 1.416h2.352V2.184h.876v1.704h3.924v.828h-3.924V6.66h4.836v.852H16.576V6.66h5.136V4.716Z" fill="currentColor"></path></symbol><symbol id="palette-channel" fill="none" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.45 9V6.5a2.7 2.7 0 1 0-2.7 2.7h2.5a.2.2 0 0 0 .2-.2Zm-2.7-7a4.5 4.5 0 0 0 0 9h2.5a2 2 0 0 0 2-2V6.5A4.5 4.5 0 0 0 6.75 2ZM9.45 14.5V17a2.7 2.7 0 1 1-2.7-2.7h2.5c.11 0 .2.09.2.2Zm-2.7 7a4.5 4.5 0 1 1 0-9h2.5a2 2 0 0 1 2 2V17a4.5 4.5 0 0 1-4.5 4.5ZM14.75 9.2h2.5a2.7 2.7 0 1 0-2.7-2.7V9c0 .11.09.2.2.2Zm2.5-7.2a4.5 4.5 0 0 0-4.5 4.5V9a2 2 0 0 0 2 2h2.5a4.5 4.5 0 1 0 0-9ZM14.75 14.3h2.5a2.7 2.7 0 1 1-2.7 2.7v-2.5c0-.11.09-.2.2-.2Zm2.5 7.2a4.5 4.5 0 0 1-4.5-4.5v-2.5a2 2 0 0 1 2-2h2.5a4.5 4.5 0 1 1 0 9Z" fill="currentColor"></path></symbol><symbol id="palette-service" fill="none" viewBox="0 0 24 24"><path d="M20.4 9.6V9A8.4 8.4 0 0 0 3.6 9v.6A2.37 2.37 0 0 0 1.35 12v3a2.36 2.36 0 0 0 2.4 2.4h1.5a2.36 2.36 0 0 0 2.4-2.4v-3A2.37 2.37 0 0 0 5.4 9.6V9a6.6 6.6 0 1 1 13.2 0v.6a2.37 2.37 0 0 0-2.25 2.4v3a2.42 2.42 0 0 0 1.93 2.36 7.25 7.25 0 0 1-4.45 3.25A3.44 3.44 0 0 0 12 20.1a3 3 0 0 0-1.68.44 1.38 1.38 0 0 0 0 2.42 3 3 0 0 0 1.68.44 2.47 2.47 0 0 0 2.2-1 9.06 9.06 0 0 0 6.07-5 2.36 2.36 0 0 0 2.38-2.4v-3a2.37 2.37 0 0 0-2.25-2.4ZM18.15 12a.551.551 0 0 1 .6-.6h1.5a.551.551 0 0 1 .6.6v3a.548.548 0 0 1-.6.6h-1.5a.55.55 0 0 1-.6-.6v-3Zm-15 0a.61.61 0 0 1 .16-.44.611.611 0 0 1 .44-.16h1.5a.55.55 0 0 1 .6.6v3a.55.55 0 0 1-.6.6h-1.5a.61.61 0 0 1-.44-.16.61.61 0 0 1-.16-.44v-3Z" fill="currentColor"></path></symbol><symbol id="palette-sort" fill="none" viewBox="0 0 10 10"><line x1=".65" y1="1.35" x2="9.35" y2="1.35" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"></line><line x1=".65" y1="5.35" x2="9.35" y2="5.35" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"></line><line x1=".65" y1="9.35" x2="9.35" y2="9.35" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"></line></symbol><symbol id="palette-top" fill="none" viewBox="0 0 15 8"><path d="M6.821.627a1 1 0 0 1 1.358 0l3.938 3.638C12.787 4.883 12.35 6 11.44 6H3.56c-.91 0-1.347-1.117-.678-1.735L6.82.627Z" fill="currentColor"></path></symbol><symbol id="rate-crown-gold" fill="none" viewBox="0 0 43 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 0h41c-6.118 2.651-9.759 6.623-10.922 11.914C30 21.375 24 24 21 24H0V2a2 2 0 0 1 2-2Z" fill="url(#gold_linear)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M15.18 9.26a.302.302 0 0 1 .06.06L18 13l3.39-1.695a.3.3 0 0 1 .423.35l-1.606 5.62a1 1 0 0 1-.961.725h-8.492a1 1 0 0 1-.961-.725l-1.606-5.62a.3.3 0 0 1 .423-.35L12 13l2.76-3.68a.3.3 0 0 1 .42-.06ZM15 14a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM7.5 8a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm15 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM15 5.7a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z" fill="#ED9600"></path><defs><linearGradient id="gold_linear" x1="23" y1="0" x2="23" y2="24" gradientUnits="userSpaceOnUse"><stop stop-color="#FE0"></stop><stop offset="1" stop-color="#FFC901"></stop></linearGradient></defs></symbol><symbol id="rate-crown-sliver" fill="none" viewBox="0 0 43 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 0h41c-6.118 2.651-9.759 6.623-10.922 11.914C30 21.375 24 24 21 24H0V2a2 2 0 0 1 2-2Z" fill="url(#sliver_linear)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M15.18 9.26a.302.302 0 0 1 .06.06L18 13l3.39-1.695a.3.3 0 0 1 .423.35l-1.606 5.62a1 1 0 0 1-.961.725h-8.492a1 1 0 0 1-.961-.725l-1.606-5.62a.3.3 0 0 1 .423-.35L12 13l2.76-3.68a.3.3 0 0 1 .42-.06ZM15 14a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM7.5 8a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm15 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM15 5.7a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z" fill="#5F95A9"></path><defs><linearGradient id="sliver_linear" x1="23" y1="24" x2="23" y2="0" gradientUnits="userSpaceOnUse"><stop stop-color="#ADC1D1"></stop><stop offset="1" stop-color="#D5DCE3"></stop></linearGradient></defs></symbol><symbol id="user-auth-company" viewBox="0 0 1024 1024"><path d="M141.211 512a370.789 370.789 0 1 0 741.578 0 370.789 370.789 0 1 0-741.578 0Z" fill="#333"></path><path d="M93.09 512a418.91 418.91 0 1 0 837.82 0 418.91 418.91 0 1 0-837.82 0Z" fill="#4ac7ff"></path><path d="M474.112 763.95a33.28 33.28 0 0 1-14.057 4.05 21.039 21.039 0 0 1-21.318-20.806 19.55 19.55 0 0 1 1.21-5.865l40.495-187.438-167.657.326a21.225 21.225 0 0 1-21.876-20.806 20.433 20.433 0 0 1 9.495-16.85l250.182-255.767c4.608-2.793 9.542-4.747 14.662-4.794a21.132 21.132 0 0 1 21.364 20.852 19.968 19.968 0 0 1-2.792 9.775l-40.216 184.32h167.843a21.178 21.178 0 0 1 21.644 20.852 20.294 20.294 0 0 1-9.495 16.943L474.112 763.95z" fill="#fff"></path></symbol><symbol id="user-auth-people" viewBox="0 0 1024 1024"><path d="M0 512a512 512 0 1 0 1024 0A512 512 0 1 0 0 512z" fill="#FFF"></path><path d="M93.09 512a418.91 418.91 0 1 0 837.82 0 418.91 418.91 0 1 0-837.82 0z" fill="#FFC62E"></path><path d="M474.112 763.95a33.28 33.28 0 0 1-14.057 4.05 21.039 21.039 0 0 1-21.318-20.806 19.55 19.55 0 0 1 1.21-5.865l40.495-187.438-167.657.326a21.225 21.225 0 0 1-21.876-20.806 20.433 20.433 0 0 1 9.495-16.85l250.182-255.767c4.608-2.793 9.542-4.747 14.662-4.794a21.132 21.132 0 0 1 21.364 20.852 19.968 19.968 0 0 1-2.792 9.775l-40.216 184.32h167.843a21.178 21.178 0 0 1 21.644 20.852 20.294 20.294 0 0 1-9.495 16.943L474.112 763.95z" fill="#FFF"></path></symbol><symbol id="user-cheese" fill="none" viewBox="0 0 24 24"><rect opacity=".01" width="24" height="24" fill="#C4C4C4"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M11.372 1h4.494C18.689 1 21 3.311 21 6.134v11.875A5.006 5.006 0 0 1 16.009 23H4.722A2.731 2.731 0 0 1 2 20.277V3.723A2.731 2.731 0 0 1 4.722 1h6.65ZM10 3H8v5.151l.106-.039a2.578 2.578 0 0 1 1.79 0l.104.039V3ZM6 3v7.058c0 .398.293.7.627.7a.574.574 0 0 0 .2-.037l1.975-.734a.568.568 0 0 1 .397 0l1.975.734a.574.574 0 0 0 .2.037c.333 0 .626-.302.626-.7V3h3.867A3.136 3.136 0 0 1 19 6.134v11.875A2.995 2.995 0 0 1 16.009 21H4.722A.732.732 0 0 1 4 20.277V3.723C4 3.331 4.331 3 4.722 3h1.277Z" fill="#61666D"></path></symbol><symbol id="user-lang" fill="none" viewBox="0 0 24 24"><path opacity=".01" d="M0 0h24v24H0V0Z" fill="#C4C4C4"></path><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm-2.29-2.333A17.9 17.9 0 0 1 8.027 13H4.062a8.008 8.008 0 0 0 5.648 6.667ZM10.03 13c.151 2.439.848 4.73 1.97 6.752A15.906 15.906 0 0 0 13.97 13h-3.94Zm9.908 0h-3.965a17.9 17.9 0 0 1-1.683 6.667A8.008 8.008 0 0 0 19.938 13ZM4.062 11h3.965A17.9 17.9 0 0 1 9.71 4.333 8.008 8.008 0 0 0 4.062 11Zm5.969 0h3.938A15.904 15.904 0 0 0 12 4.248 15.906 15.906 0 0 0 10.03 11h.001Zm4.259-6.667A17.9 17.9 0 0 1 15.973 11h3.965a8.008 8.008 0 0 0-5.648-6.667Z" fill="#61666D"></path></symbol><symbol id="user-live" fill="none" viewBox="0 0 24 24"><rect opacity=".01" width="24" height="24" fill="#C4C4C4"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 2h-13A2.507 2.507 0 0 0 1 4.5v14C1 19.875 2.125 21 3.5 21h13c1.375 0 2.5-1.125 2.5-2.5v-14C19 3.125 17.875 2 16.5 2Zm0 2c.271 0 .5.229.5.5v14c0 .271-.229.5-.5.5h-13a.507.507 0 0 1-.5-.5v-14c0-.271.229-.5.5-.5h13Z" fill="#61666D"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M21.054 5c-.107 0-.216.01-.325.03l-2.1.392C17.69 5.598 17 6.509 17 7.576v7.496c0 1.068.69 1.979 1.63 2.155l2.1.391c.109.021.218.03.325.03 1.054 0 1.946-.959 1.946-2.184V7.185C23 5.959 22.108 5 21.054 5Zm-.086 2.021c.017.036.032.09.032.164v8.279a.388.388 0 0 1-.032.164l-1.915-.357a.355.355 0 0 1-.053-.199V7.576c0-.101.032-.168.053-.198l1.915-.357ZM5 7a1 1 0 0 1 1-1h3a1 1 0 0 1 0 2H6a1 1 0 0 1-1-1Z" fill="#61666D"></path></symbol><symbol id="user-logout" fill="none" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M23.228 12.133A1.061 1.061 0 0 0 23 10.979l-2.995-2.995a1.059 1.059 0 1 0-1.497 1.498l1.187 1.187h-9.423a1.058 1.058 0 1 0 0 2.118h9.423l-1.187 1.187a1.059 1.059 0 1 0 1.497 1.498L23 12.477c.097-.098.175-.214.228-.344Z" fill="#61666D"></path><path d="M16.262 17.718a8.471 8.471 0 1 1 0-11.98" stroke="#61666D" stroke-width="2" stroke-linecap="round"></path></symbol><symbol id="user-pay" fill="none" viewBox="0 0 24 24"><path opacity=".01" d="M0 0h24v24H0V0Z" fill="#C4C4C4"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 8h-5.22A3.291 3.291 0 0 0 12 11.281v1.438A3.291 3.291 0 0 0 15.28 16h5.22a2.5 2.5 0 0 0 2.5-2.5v-3A2.5 2.5 0 0 0 20.5 8Zm0 2c.275 0 .5.225.5.5v3c0 .275-.225.5-.5.5h-5.22A1.299 1.299 0 0 1 14 12.719v-1.438c0-.694.587-1.281 1.28-1.281h5.22Z" fill="#61666D"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M4.433 2h15.133A2.44 2.44 0 0 1 22 4.434V9h-2V4.434A.44.44 0 0 0 19.566 4H4.433A.439.439 0 0 0 4 4.434v15.132c0 .236.198.434.433.434h15.133a.44.44 0 0 0 .434-.434V15h2v4.566A2.44 2.44 0 0 1 19.566 22H4.433A2.44 2.44 0 0 1 2 19.566V4.434A2.44 2.44 0 0 1 4.433 2Z" fill="#61666D"></path></symbol><symbol id="user-shop" fill="none" viewBox="0 0 24 24"><rect opacity=".01" x="2.182" y="2.182" width="19.636" height="19.636" fill="#C4C4C4"></rect><path d="M2 9a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v2l-.7.42a3.5 3.5 0 0 1-3.6 0L17 11l-.7.42a3.5 3.5 0 0 1-3.6 0L12 11l-.7.42a3.5 3.5 0 0 1-3.6 0L7 11l-.7.42a3.5 3.5 0 0 1-3.6 0L2 11V9Z" stroke="#61666D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M4 12.245v7.922a1.5 1.5 0 0 0 1.5 1.5h13a1.5 1.5 0 0 0 1.5-1.5V12M4 6.911v-2.41A1.5 1.5 0 0 1 5.5 3h13A1.5 1.5 0 0 1 20 4.5V7" stroke="#61666D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.5 17h-5v4.666h5V17Z" stroke="#61666D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></symbol><symbol id="widget-agree" fill="none" viewBox="0 0 17 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.78 2.335a.553.553 0 0 0-.452.196c-.176.206-.248.376-.336.626l-.03.088c-.088.253-.2.576-.433.988-.396.702-.785 1.163-1.346 1.516-.361.227-.682.413-1.016.51v6.408h5.178c.841 0 1.574-.573 1.778-1.39l1.03-4.118a.667.667 0 0 0-.647-.828h-2.85a.5.5 0 0 1-.454-.71l.003-.005.009-.021a5.588 5.588 0 0 0 .156-.404c.091-.269.184-.606.213-.926.051-.564.063-.923-.166-1.357-.245-.465-.495-.56-.636-.573Zm1.596 2.996h2.13a1.667 1.667 0 0 1 1.617 2.07l-1.03 4.12a2.833 2.833 0 0 1-2.748 2.146H4A2.167 2.167 0 0 1 1.833 11.5V7.497c0-1.196.97-2.166 2.167-2.166h1.667c.215 0 .44-.086.984-.428.376-.237.663-.551 1.008-1.162.186-.33.272-.576.358-.824l.032-.092c.104-.295.225-.6.52-.944a1.552 1.552 0 0 1 1.303-.542c.565.052 1.072.424 1.43 1.103.375.712.33 1.331.277 1.913-.032.351-.117.696-.204.976Zm-6.21 7.336V6.33H4c-.644 0-1.167.522-1.167 1.166V11.5c0 .644.523 1.167 1.167 1.167h1.167Z" fill="currentColor"></path></symbol><symbol id="widget-arrow" viewBox="0 0 1024 1024"><path fill="none" stroke-linejoin="round" stroke-linecap="round" stroke-width="145.067" stroke="currentColor" d="m341.333 170.667 341.334 341.332-341.334 341.335"></path></symbol><symbol id="widget-bookmark" fill="none" viewBox="0 0 15 15"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.695 2.188c.902-.007 1.79.365 2.618 1.065.9.762 1.292 1.946 1.28 3.118-.011 1.175-.427 2.404-1.232 3.312-1.468 1.659-3.227 3.009-4.078 3.623a1.332 1.332 0 0 1-1.566-.002c-.848-.615-2.6-1.963-4.077-3.62-.806-.902-1.222-2.132-1.233-3.308-.012-1.173.38-2.36 1.28-3.123.805-.681 1.692-1.05 2.596-1.05.783 0 1.536.277 2.216.797.674-.52 1.416-.807 2.196-.812Zm.007.937c-.625.004-1.264.267-1.887.833a.469.469 0 0 1-.63 0c-.618-.561-1.267-.817-1.902-.817-.637 0-1.317.258-1.99.828-.63.533-.959 1.418-.949 2.398.01.977.359 1.98.995 2.694 1.413 1.582 3.102 2.885 3.928 3.484a.394.394 0 0 0 .468 0c.829-.598 2.523-1.9 3.924-3.483.639-.721.987-1.725.997-2.7.01-.978-.319-1.86-.949-2.393-.7-.593-1.379-.848-2.005-.844Z" fill="currentColor"></path></symbol><symbol id="widget-coin" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 64c247.424 0 448 200.576 448 448S759.424 960 512 960 64 759.424 64 512 264.576 64 512 64zm0 64c-212.077 0-384 171.923-384 384s171.923 384 384 384 384-171.923 384-384-171.923-384-384-384zm155.52 118.144c20.224 0 36.608 14.912 36.608 33.28 0 18.432-16.384 33.344-36.608 33.344H545.28v61.12c107.27 5.592 192.973 90.674 199.523 197.165l.029.595.384 11.904v44.48c.003.159.004.347.004.536 0 18.38-14.9 33.28-33.28 33.28-16.467 0-30.141-11.96-32.809-27.668l-.028-.196-.512-5.952v-44.48c-.282-71.949-53.31-131.428-122.408-141.79l-.792-.098-10.112-1.152v311.04c.003.159.004.347.004.536 0 18.38-14.9 33.28-33.28 33.28-16.467 0-30.141-11.96-32.809-27.668l-.028-.196-.512-6.016V440.512c-71.128 5.419-127.509 61.8-132.898 132.441l-.03.487-.384 10.112v44.48c.003.159.004.347.004.536 0 18.38-14.9 33.28-33.28 33.28-16.467 0-30.141-11.96-32.809-27.668l-.028-.196-.512-5.952v-44.48c.339-108.061 82.027-196.938 187.017-208.618l.951-.086 11.904-.96v-61.12H350.717c-20.16 0-36.48-14.912-36.48-33.28 0-18.432 16.32-33.28 36.48-33.28h316.8z"></path></symbol><symbol id="widget-danmaku" viewBox="0 0 1024 1024"><path fill="currentColor" d="M800 128c89.6 0 160 70.4 160 160v448c0 89.6-70.4 160-160 160H224c-89.6 0-160-70.4-160-160V288c0-89.6 70.4-160 160-160h576zm0 64H224c-51.2 0-91.072 36.864-95.552 86.528L128 288v448c0 51.2 36.864 91.072 86.528 95.552L224 832h576c51.2 0 91.072-36.864 95.552-86.528L896 736V288c0-54.4-41.6-96-96-96zM368 576v64h-64v-64h64zm416 0v64H432v-64h352zM304 384v64h-64v-64h64zm448 0v64H368v-64h384z"></path></symbol><symbol id="widget-download" fill="none" viewBox="0 0 23 26"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.455 8.246c-2.278 0-3.32 2.833-1.595 4.312l8.676 7.433a2.952 2.952 0 0 0 3.84 0l8.677-7.433c1.728-1.48.679-4.312-1.596-4.312H17.1V3.108A3.113 3.113 0 0 0 13.99 0H8.484a3.114 3.114 0 0 0-3.11 3.108v5.138h-2.92Zm2.638 14.663a1.273 1.273 0 1 0 0 2.546H17.82a1.273 1.273 0 1 0 0-2.546H5.093Z" fill="currentColor"></path></symbol><symbol id="widget-entry-arrow" fill="none" viewBox="0 0 7 11"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.104 1.104a.355.355 0 0 0 0 .502l3.888 3.887-3.888 3.888a.355.355 0 0 0 .502.502l3.97-3.972a.591.591 0 0 0 0-.836l-3.97-3.971a.355.355 0 0 0-.502 0Z" fill="currentColor"></path><path d="M1.104 1.606 1.81.898l-.707.708Zm0-.502.707.707-.707-.707Zm3.888 4.39.707.706a1 1 0 0 0 0-1.414l-.707.707ZM1.104 9.38l-.707-.707.707.707Zm0 .502-.707.707.707-.707Zm.502 0-.708-.708.708.708Zm3.97-3.972.708.707-.707-.707Zm0-.836-.706.707.707-.707Zm-3.97-3.971-.708.707.708-.707ZM1.81.898a.645.645 0 0 1 0 .913L.397.397c-.53.529-.53 1.387 0 1.916L1.81.898Zm3.888 3.888L1.81.898.397 2.313 4.284 6.2 5.7 4.786ZM1.81 10.088 5.699 6.2 4.284 4.786.397 8.674l1.414 1.414Zm0-.913a.645.645 0 0 1 0 .913L.397 8.674c-.53.529-.53 1.387 0 1.916L1.81 9.175Zm-.913 0a.645.645 0 0 1 .913 0L.397 10.59c.529.529 1.387.529 1.916 0L.898 9.175Zm3.972-3.97L.898 9.174l1.415 1.415 3.971-3.972L4.87 5.204Zm0 .577a.409.409 0 0 1 0-.578l1.414 1.414a1.591 1.591 0 0 0 0-2.25L4.87 5.782ZM.898 1.811 4.87 5.782l1.414-1.414L2.313.397.898 1.81Zm.913 0a.645.645 0 0 1-.913 0L2.313.397a1.355 1.355 0 0 0-1.916 0L1.81 1.81Z" fill="currentColor"></path></symbol><symbol id="widget-favorite" viewBox="0 0 1024 1024"><path fill="currentColor" d="M722.88 311.04c-36.771-6.091-67.347-28.365-84.62-59.115l-.308-.597L565.44 99.712c-20.736-47.616-86.144-47.616-109.888 0l-65.28 142.848c-17.92 35.712-50.56 62.528-89.152 68.48l-154.496 23.808c-47.488 5.952-68.288 65.472-32.64 101.184l115.84 119.04c26.688 26.816 38.592 65.536 32.64 104.192L235.776 825.92c-8.96 50.624 44.544 86.4 89.088 62.528l130.688-71.424c16.599-9.818 36.582-15.619 57.92-15.619s41.321 5.801 58.457 15.913l130.151 71.131c44.608 23.808 95.104-11.904 89.152-62.528l-29.696-166.656c-1.052-5.987-1.654-12.88-1.654-19.914 0-32.801 13.084-62.547 34.318-84.302l115.816-119.016c35.648-35.712 14.848-95.232-32.64-101.184L722.88 311.041zm25.472 199.424c-40.704 40.768-59.2 99.904-50.048 158.592l28.48 159.936-124.672-68.16c-25.433-14.826-55.984-23.578-88.578-23.578-28.767 0-55.942 6.817-79.997 18.925l1.023-.467-134.528 73.344 25.6-159.68c9.152-59.072-9.28-118.208-50.56-159.488l-110.08-113.152 145.856-22.4c59.008-9.152 109.376-48.512 136.64-103.168l63.104-137.92 65.472 136.96c22.08 53.248 76.352 94.72 137.088 104.064L858.944 396.8 748.352 510.464z"></path></symbol><symbol id="widget-follow" fill="none" viewBox="0 0 44 44"><g filter="url(#filter0_d_1644_110696)"><path fill-rule="evenodd" clip-rule="evenodd" d="M29.148 22.427a1.056 1.056 0 1 0-2.112 0v1.884h-2.005a1.056 1.056 0 0 0 0 2.112h2.005v1.912a1.056 1.056 0 0 0 2.112 0v-1.912h1.976a1.056 1.056 0 0 0 0-2.112h-1.976v-1.884Z" fill="#fff"></path><path d="M24.684 31.24c-.44.32-.884.633-1.334.94a1.34 1.34 0 0 1-1.49.002 52.583 52.583 0 0 1-2.85-2.085c-.51-.4-1.006-.816-1.486-1.249l-.204-.181c-.502-.445-1.302-1.153-1.623-1.456-1.088-1.03-1.868-1.984-2.386-2.917a6.394 6.394 0 0 1-.845-3.168c0-1.796.507-3.61 1.652-4.8 1.125-1.173 2.47-1.668 4.134-1.66 1.534 0 3.225.776 4.324 1.832l.013.012.015-.013c1.151-1.074 2.957-1.83 4.46-1.83 1.687 0 3.005.48 4.142 1.66 1.145 1.189 1.536 3.002 1.536 4.798" stroke="#fff" stroke-width="2.592" stroke-linecap="round" stroke-linejoin="round"></path></g><defs><filter id="filter0_d_1644_110696" x="9.17" y="13.371" width="26.867" height="24.333" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="2"></feOffset><feGaussianBlur stdDeviation="1"></feGaussianBlur><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"></feColorMatrix><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1644_110696"></feBlend><feBlend in="SourceGraphic" in2="effect1_dropShadow_1644_110696" result="shape"></feBlend></filter></defs></symbol><symbol id="widget-followed" fill="none" viewBox="0 0 45 45"><g filter="url(#filter0_d_1644_133773)"><path fill-rule="evenodd" clip-rule="evenodd" d="M31.79 14.297c-1.546-1.261-3.204-1.93-4.887-1.918-1.457.01-2.841.527-4.1 1.463-1.27-.937-2.676-1.435-4.137-1.435-1.687 0-3.343.663-4.846 1.89-1.68 1.372-2.463 3.786-2.44 5.897.021 2.117.773 4.123 2.277 5.748 2.958 3.196 6.58 5.69 8.006 6.668.685.47 1.597.471 2.283.002 1.43-.977 5.057-3.485 7.996-6.686 1.502-1.635 2.269-3.612 2.29-5.726.023-2.11-.763-4.532-2.443-5.903Zm-3.68 5.906a1 1 0 1 0-1.372-1.455l-4.214 3.974-2.101-1.91a1 1 0 0 0-1.346 1.48l2.786 2.533a1 1 0 0 0 1.36-.012l4.887-4.61Z" fill="currentColor"></path></g><defs><filter id="filter0_d_1644_133773" x="9.379" y="12.379" width="26.855" height="24.584" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="2"></feOffset><feGaussianBlur stdDeviation="1"></feGaussianBlur><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"></feColorMatrix><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1644_133773"></feBlend><feBlend in="SourceGraphic" in2="effect1_dropShadow_1644_133773" result="shape"></feBlend></filter></defs></symbol><symbol id="widget-gongyi" fill="none" viewBox="0 0 56 56"><circle cx="28" cy="28" r="28" fill="#00AEEC"></circle><path d="M41 32.78c-4.49 0-8.129 3.603-8.129 8.047M23.129 40.828c0-4.445-3.64-8.048-8.129-8.048" stroke="#fff" stroke-width="2.5" stroke-linecap="round"></path><path d="M18.534 16.728a7.327 7.327 0 0 1 6.78-1.435c.344.1.43.53.176.782l-3.412 3.37a1.097 1.097 0 0 0 0 1.56 1.124 1.124 0 0 0 1.58 0l3.948-3.9c2.835-2.802 7.432-2.802 10.267 0a7.112 7.112 0 0 1 0 10.143l-9.169 9.058a1 1 0 0 1-1.405 0l-9.565-9.449.015-.015a7.113 7.113 0 0 1 .785-10.114Z" fill="#fff"></path></symbol><symbol id="widget-play-count" fill="none" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.833 2.667a2.5 2.5 0 0 0-2.5 2.5v5.666a2.5 2.5 0 0 0 2.5 2.5h8.334a2.5 2.5 0 0 0 2.5-2.5V5.167a2.5 2.5 0 0 0-2.5-2.5H3.833Zm-1.5 2.5a1.5 1.5 0 0 1 1.5-1.5h8.334a1.5 1.5 0 0 1 1.5 1.5v5.666a1.5 1.5 0 0 1-1.5 1.5H3.833a1.5 1.5 0 0 1-1.5-1.5V5.167Zm8.25 3.266a.5.5 0 0 0 0-.866l-3.5-2.02a.5.5 0 0 0-.75.432v4.042a.5.5 0 0 0 .75.433l3.5-2.021Z" fill="currentColor"></path></symbol><symbol id="widget-people" viewBox="0 0 1024 1024"><path fill="currentColor" d="M261.02 371.451c0-77.623 62.926-140.549 140.549-140.549s140.549 62.926 140.549 140.549S479.192 512 401.569 512 261.02 449.074 261.02 371.451zm140.549-200.784c-110.89 0-200.784 89.895-200.784 200.785 0 76.316 42.577 142.687 105.273 176.656-113.878 39.533-195.626 147.776-195.626 275.107 0 16.637 13.484 30.118 30.118 30.118s30.118-13.481 30.118-30.118c0-127.524 103.378-230.9 230.902-230.9s230.904 103.376 230.904 230.9c0 16.637 13.481 30.118 30.118 30.118 16.631 0 30.118-13.481 30.118-30.118 0-127.331-81.751-235.574-195.628-275.107 62.696-33.968 105.275-100.34 105.275-176.656 0-110.89-89.896-200.785-200.787-200.785zm271.057 381.49c0-16.634 13.487-30.118 30.118-30.118h.018c60.982-.01 110.417-49.448 110.417-110.432 0-60.907-49.309-110.297-110.188-110.431l-.247.001c-14.993 0-29.22 2.972-42.171 8.331-15.372 6.358-32.985-.948-39.346-16.318s.946-32.985 16.318-39.343c20.131-8.326 42.171-12.905 65.199-12.905v-.001c94.256 0 170.671 76.41 170.671 170.666 0 55.967-26.943 105.642-68.56 136.765 64.831 35.96 108.713 105.099 108.713 184.489 0 16.637-13.481 30.118-30.118 30.118-16.631 0-30.118-13.481-30.118-30.118 0-83.167-67.421-150.588-150.588-150.588-16.631 0-30.118-13.482-30.118-30.116z"></path></symbol><symbol id="widget-play-logo" fill="none" viewBox="0 0 48 48"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.664 5.39a2 2 0 1 0-3.328 2.22l2.026 3.038c-2.277.093-4.173.218-5.689.344-3.59.297-6.353 3.098-6.69 6.648C3.741 20.197 3.5 23.59 3.5 27c0 3.41.24 6.803.483 9.36.337 3.55 3.1 6.35 6.69 6.648 2.976.247 7.418.492 13.327.492s10.35-.245 13.327-.492c3.59-.297 6.353-3.099 6.69-6.648.242-2.557.483-5.95.483-9.36 0-3.41-.24-6.803-.483-9.36-.337-3.55-3.1-6.35-6.69-6.648-1.516-.126-3.412-.251-5.689-.344l2.026-3.039a2 2 0 1 0-3.328-2.218l-3.42 5.13a203.698 203.698 0 0 0-5.832 0l-3.42-5.13ZM30.75 24.836c1.667.962 1.667 3.368 0 4.33l-9 5.196c-1.667.962-3.75-.24-3.75-2.165V21.804c0-1.925 2.083-3.127 3.75-2.165l9 5.196Z" fill="currentColor" opacity=".9"></path></symbol><symbol id="widget-roll" fill="none" viewBox="0 0 12 12"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 6.002C12 3.142 10.205.664 7.683.024a.75.75 0 0 0-.369 1.454C9.15 1.943 10.5 3.807 10.5 6c0 1.8-.908 3.38-2.25 4.144V8.25a.75.75 0 0 0-1.499 0v2.796c0 .045.004.089.013.132a.75.75 0 0 0 .932.798c2.516-.643 4.304-3.118 4.304-5.973ZM4.524.005H4.49a.757.757 0 0 0-.172.022C1.797.658 0 3.14 0 6.004c0 2.86 1.788 5.337 4.304 5.974a.75.75 0 0 0 .367-1.454C2.846 10.062 1.5 8.198 1.5 6.004c0-1.805.91-3.385 2.25-4.147V3.55a.75.75 0 0 0 1.5 0V.745a.75.75 0 0 0-.023-.173l-.01-.04A.654.654 0 0 0 5.155.39.756.756 0 0 0 4.58.01h.001a.665.665 0 0 0-.056-.004Z" fill="currentColor"></path></symbol><symbol id="widget-sina" fill="none" viewBox="0 0 34 30"><path fill-rule="evenodd" clip-rule="evenodd" d="M27.211 10.657c-.551 0-1.102-.551-1.102-1.102.183-1.287-.552-2.573-2.022-2.94h-.55c-.552 0-1.103-.552-1.103-1.103 0-.551.55-1.102 1.102-1.102 2.573 0 4.594 2.021 4.594 4.593v.368c0 .918-.367 1.286-.919 1.286M13.247 19.66c-.368 0-.552.368-.552.736 0 .367.368.55.552.55.183 0 .55-.367.55-.55.185-.368-.183-.736-.55-.736m-3.124.552c-.918 0-1.654.735-1.654 1.653 0 .92.736 1.654 1.654 1.654.919 0 1.654-.735 1.654-1.654 0-.918-.735-1.653-1.654-1.653m2.94 5.145c-2.94.734-5.88-.552-6.431-3.124-.551-2.573 1.286-4.961 4.226-5.696 2.94-.735 5.88.551 6.431 3.123.551 2.573-1.286 4.962-4.226 5.697m-.735-11.576c-5.512.367-9.922 3.491-9.738 7.166.183 3.675 4.96 6.247 10.473 5.88 5.513-.368 9.922-3.491 9.739-7.167-.184-3.674-4.962-6.063-10.474-5.88m10.474-4.96c2.388 1.102.918 5.512.918 5.512a5.7 5.7 0 0 1 3.308 1.654c2.572 2.94.367 9.187-8.453 12.127-7.9 2.572-15.802 0-18.006-4.962-2.205-5.328 2.204-13.413 9.738-17.639.919-.551 3.858-1.47 5.512.368.919 1.102 0 4.226 0 4.226s3.491-2.94 6.982-1.286m10.107 1.837c0 .735-.736 1.47-1.47 1.47-.735 0-1.47-.735-1.47-1.47v-.184c.55-3.674-2.022-6.982-5.696-7.533h-1.103c-.735 0-1.47-.735-1.47-1.47S22.434 0 23.17 0h.184c5.328 0 9.738 4.41 9.738 9.738v.735c-.183 0-.183.184-.183.184" fill="currentColor"></path></symbol><symbol id="widget-tv-tips" viewBox="0 0 60 60"><g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="小电视刷新加载-双列" transform="translate(-154 -68)"><g id="小电视" transform="translate(154 68)"><rect id="矩形" x="0" y="0" width="60" height="60"></rect><path d="M39.081 8.418c1.268-.157 2.43.712 2.67 1.955.057.296.04.539-.003.762-.045.22-.122.419-.225.598-.05.09-.11.174-.169.258l-.177.252-.357.502a70.382 70.382 0 0 1-1.473 1.974c-.092.118-.185.233-.277.35.706.023 1.413.05 2.12.08 1.487.067 2.974.15 4.462.26l.07.005.078.007.158.016c.106.008.21.024.316.04l.157.022.156.03a7.88 7.88 0 0 1 1.525.447 7.956 7.956 0 0 1 4.747 5.65c.026.104.044.209.063.314l.028.158.022.159.021.159c.008.054.012.095.017.144l.031.28a106.32 106.32 0 0 1 .62 12.39 94.188 94.188 0 0 1-.145 4.517 86.153 86.153 0 0 1-.259 3.385l-.057.564-.03.281-.015.141a8.038 8.038 0 0 1-.726 2.625 8.062 8.062 0 0 1-1.453 2.128 7.944 7.944 0 0 1-4.487 2.372c-.106.016-.212.035-.319.046l-.316.033-.557.046-1.114.086c-.743.056-1.486.104-2.23.151a192.107 192.107 0 0 1-22.317.054 154.773 154.773 0 0 1-4.458-.313l-.139-.012-.07-.006-.078-.007c-.107-.012-.214-.022-.32-.037l-.319-.049-.316-.063a7.974 7.974 0 0 1-3.44-1.7 8.02 8.02 0 0 1-2.762-4.979l-.04-.319-.03-.281a88.767 88.767 0 0 1-.277-3.382 99.285 99.285 0 0 1-.145-9.03c.085-3.007.296-6.007.62-8.996a8.058 8.058 0 0 1 .676-2.46 7.899 7.899 0 0 1 1.415-2.117 7.871 7.871 0 0 1 5.028-2.473l.157-.015.14-.01.278-.02 1.116-.073a169.996 169.996 0 0 1 5.153-.236c-.095-.12-.192-.24-.286-.362a70.382 70.382 0 0 1-1.474-1.974l-.357-.502-.177-.252c-.059-.084-.119-.168-.17-.258a2.016 2.016 0 0 1-.224-.598 1.934 1.934 0 0 1-.003-.762 2.428 2.428 0 0 1 2.67-1.955c.297.037.522.127.719.238.195.111.359.246.497.399.07.076.13.16.191.242l.184.247.365.496c.48.666.956 1.336 1.413 2.018.458.683.904 1.374 1.332 2.079.166.274.33.55.49.829a325.8 325.8 0 0 1 5.279-.02c.54.003 1.08.008 1.62.014.16-.276.321-.55.486-.823.428-.705.874-1.396 1.332-2.079.458-.682.933-1.352 1.413-2.018l.365-.496.184-.247c.061-.083.122-.166.191-.242.139-.153.302-.288.497-.4.197-.11.422-.2.72-.237ZM30.673 19.5c-2.619 0-4.97.03-7.197.09a172.005 172.005 0 0 0-6.51.276l-1.103.072-.359.025-.146.013a3.362 3.362 0 0 0-2.706 1.952c-.149.328-.25.693-.289 1.052a109.34 109.34 0 0 0-.595 8.63 95.201 95.201 0 0 0 .139 8.614 84.698 84.698 0 0 0 .262 3.202l.023.225.026.203c.015.1.03.178.043.235l.007.031a3.472 3.472 0 0 0 2.598 2.594l.166.033.158.024.164.018.205.018c1.416.12 2.872.222 4.33.304a190.612 190.612 0 0 0 10.445.294 190.038 190.038 0 0 0 11.336-.346c.663-.042 1.432-.092 2.166-.147l1.103-.085.496-.041.227-.024.137-.02a3.422 3.422 0 0 0 1.891-1.005l.013-.014a3.482 3.482 0 0 0 .937-1.985l.01-.078.047-.44.054-.536a83.256 83.256 0 0 0 .244-3.19 90.42 90.42 0 0 0 .138-4.299c.022-2.876-.076-5.782-.293-8.63a100.416 100.416 0 0 0-.298-3.215l-.029-.256-.009-.082-.026-.194-.028-.152-.016-.073a3.398 3.398 0 0 0-2.537-2.556l-.058-.013-.144-.027-.152-.022-.162-.016-.061-.005c-1.339-.1-2.755-.182-4.326-.251-2.744-.12-5.603-.185-8.739-.2-.527-.002-1.055-.003-1.582-.003Zm5.08 15.823c.102-.355.433-.517.8-.445.39.077.67.395.594.787l-.019.093-.017.082-.037.158a7.55 7.55 0 0 1-.285.92c-.157.402-.35.799-.604 1.18-.254.38-.58.747-1.006 1.036a2.897 2.897 0 0 1-.706.348c-.253.085-.521.13-.783.139-.51.016-1.025-.1-1.474-.318a3.902 3.902 0 0 1-1.145-.851 5.692 5.692 0 0 1-.672-.88 5.682 5.682 0 0 1-.672.88 3.904 3.904 0 0 1-1.145.851c-.45.218-.964.334-1.474.318a2.77 2.77 0 0 1-.783-.139 2.897 2.897 0 0 1-.706-.348 3.739 3.739 0 0 1-1.006-1.036 6.076 6.076 0 0 1-.603-1.18 7.809 7.809 0 0 1-.286-.92l-.037-.158-.017-.082-.018-.093c-.077-.392.203-.71.592-.787.368-.072.699.09.802.445l.018.064.031.109.038.122a6.766 6.766 0 0 0 .273.73c.137.314.296.612.48.866.186.253.387.468.6.606.215.139.43.206.67.211.257.009.512-.041.756-.155.246-.112.48-.293.704-.51.223-.22.427-.484.609-.77a5.69 5.69 0 0 0 .375-.672l.054-.114.045-.099.029-.064a.717.717 0 0 1 .671-.425h.004a.717.717 0 0 1 .667.425l.03.064.044.1.054.113a5.771 5.771 0 0 0 .375.671c.182.287.386.55.61.77.223.218.458.399.703.51.244.115.5.165.755.156a1.24 1.24 0 0 0 .67-.21c.214-.14.415-.354.6-.607.185-.254.344-.552.481-.866a6.298 6.298 0 0 0 .273-.73l.038-.122.031-.109Zm-1.03-7.666c.235-.824.898-1.38 1.717-1.144.38.11.76.22 1.135.341l.563.18.56.188c.743.255 1.48.523 2.21.807.367.139.73.286 1.092.433.363.148.726.294 1.084.451a24.249 24.249 0 0 1 1.593.758c.176.092.345.185.525.291.627.367.731 1.043.499 1.765-.268.833-1.131 1.564-1.959 1.294l-.035-.011c-.17-.055-.351-.121-.527-.186a29.122 29.122 0 0 1-.53-.202c-.176-.07-.352-.138-.527-.211-.176-.07-.351-.142-.525-.217-.35-.144-.697-.297-1.046-.442l-1.049-.436c-.699-.29-1.4-.572-2.1-.85l-1.052-.414c-.35-.14-.701-.265-1.05-.404l-.043-.017c-.727-.292-.756-1.2-.535-1.974Zm-10.128-1.144c.82-.236 1.482.32 1.718 1.144.22.774.192 1.682-.535 1.974l-.043.017c-.349.139-.7.264-1.05.404l-1.052.413c-.7.279-1.401.56-2.1.85l-1.049.437c-.35.145-.696.298-1.046.442-.174.075-.35.147-.525.217-.175.073-.352.141-.528.21-.175.07-.352.137-.53.203-.175.065-.357.13-.526.186l-.035.011c-.828.27-1.691-.461-1.96-1.294-.232-.722-.127-1.398.5-1.765.18-.106.349-.199.524-.291a24.251 24.251 0 0 1 1.593-.758c.36-.157.722-.303 1.084-.451.363-.147.726-.294 1.092-.433.73-.284 1.468-.552 2.211-.807l.56-.189.563-.179a39.2 39.2 0 0 1 1.134-.34Z" id="形状结合" fill="currentColor"></path></g></g></g></symbol><symbol id="widget-up" viewBox="0 0 14 10.666"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 2.5A2.5 2.5 0 0 1 2.5 0h8.334a2.5 2.5 0 0 1 2.5 2.5v5.666a2.5 2.5 0 0 1-2.5 2.5H2.5a2.5 2.5 0 0 1-2.5-2.5ZM2.5 1A1.5 1.5 0 0 0 1 2.5v5.666a1.5 1.5 0 0 0 1.5 1.5h8.334a1.5 1.5 0 0 0 1.5-1.5V2.5a1.5 1.5 0 0 0-1.5-1.5zM3 2.833a.5.5 0 0 1 .5.5v2.5a1 1 0 1 0 2 0v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-4 0v-2.5a.5.5 0 0 1 .5-.5Zm4.667 0a.5.5 0 0 0-.5.5v4a.5.5 0 1 0 1 0v-.667H9.25a1.917 1.917 0 1 0 0-3.833zM9.25 5.666H8.167V3.833H9.25a.917.917 0 1 1 0 1.833z" fill="currentColor" id="path48"></path></symbol><symbol id="widget-watch-later" viewBox="0 0 200 200"><path d="M17.5 100c0-45.563 36.937-82.5 82.501-82.5 44.504 0 80.778 35.238 82.442 79.334l-7.138-7.137a7.5 7.5 0 0 0-10.607 10.606l20.001 20a7.5 7.5 0 0 0 10.607 0l20.002-20a7.5 7.5 0 0 0-10.607-10.606l-7.245 7.245c-1.616-52.432-44.63-94.441-97.455-94.441-53.848 0-97.501 43.652-97.501 97.5s43.653 97.5 97.501 97.5c32.719 0 61.673-16.123 79.346-40.825a7.5 7.5 0 0 0-12.199-8.728c-14.978 20.934-39.472 34.553-67.147 34.553-45.564 0-82.501-36.937-82.501-82.5zm109.888-12.922c9.215 5.743 9.215 20.101 0 25.843l-29.62 18.46c-9.215 5.742-20.734-1.436-20.734-12.922V81.541c0-11.486 11.519-18.664 20.734-12.921l29.62 18.459z" fill="currentColor"></path></symbol><symbol id="widget-watch-save" viewBox="0 0 200 200"><path d="M176.725 56.608c1.507 1.508 2.44 3.591 2.44 5.892s-.932 4.384-2.44 5.892l-92.883 92.892c-2.262 2.264-5.388 3.664-8.842 3.664s-6.579-1.4-8.842-3.664l-51.217-51.225a8.333 8.333 0 1 1 11.781-11.785l48.277 48.277 89.942-89.942c1.508-1.507 3.591-2.44 5.892-2.44s4.384.932 5.892 2.44z" fill="currentColor"></path></symbol><symbol id="widget-wechat" fill="none" viewBox="0 0 36 29"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.423 5.197c-.99 0-1.782.77-1.782 1.732s.792 1.732 1.782 1.732 1.782-.77 1.782-1.732c0-.963-.792-1.732-1.782-1.732m-8.514 0c-.988 0-1.781.77-1.781 1.732S7.92 8.66 8.909 8.66c.99 0 1.783-.77 1.783-1.732 0-.963-.793-1.732-1.783-1.732m4.95 12.895c0 .962.198 1.924.594 2.694h-1.187c-1.387 0-2.97-.192-4.357-.577L3.96 22.52l1.188-3.85C1.98 16.745 0 13.857 0 10.393 0 4.62 5.94 0 13.067 0c6.533 0 11.88 3.85 12.87 8.66h-.99c-6.139 0-11.088 4.235-11.088 9.431m15.047-4.234c-.792 0-1.387.577-1.387 1.347 0 .771.595 1.348 1.387 1.348s1.386-.577 1.386-1.348c0-.77-.595-1.347-1.386-1.347m-7.127 0c-.792 0-1.386.577-1.386 1.347 0 .771.594 1.348 1.386 1.348.791 0 1.385-.577 1.385-1.348 0-.77-.594-1.347-1.386-1.347m9.701 11.356.99 3.079-3.563-1.924c-1.188.384-2.376.577-3.761.577-5.743 0-10.494-3.85-10.494-8.66 0-4.812 4.751-8.662 10.494-8.662 5.74 0 10.492 3.85 10.492 8.661 0 2.695-1.583 5.197-4.158 6.929" fill="currentColor"></path></symbol>
</svg>

<div class="item">
<div class="top">
<a href="#">
<img src="https://i1.hdslb.com/bfs/archive/f2d34e358dc760a56f11d9b080f98be24495c6fa.jpg@672w_378h_1c.webp" referrerpolicy="no-referrer" alt="">
</a>
</div>
<div class="bottom">
<div class="desc">
<a href="#">450W 真 核 弹 ! RTX 3090TI 首发测试</a>
</div>
<div class="up">
<svg class="up-icon"><use xlink:href="#widget-up"></use></svg>
<a href="#">阿狸才不是受 · 3-29</a>
</div>
</div>
</div>

</body>
</html>

综合练习3

image.png

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!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>
body {
background-color: #f5f5f5;
font: 12px/1.5 Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;
}

.item {
width: 230px;
height: 322px;
padding: 30px 20px;
background-color: #fff;
box-sizing: border-box;
}

a {
color: #333;
text-decoration: none;
font-size: 14px;
color: #666;
}

.item .album {
text-align: center;
}

.item .album img {
width: 150px;
height: 150px;
}

.item .desc p {
line-height: 24px;
margin-top: 25px;

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.item .desc .price {
color: #e1251b;
}

.item .desc .price .symbol, .item .desc .price .float {
font-size: 12px;
}

.item .desc .price .integer {
font-size: 20px;
font-weight: 700;
}
</style>
</head>
<body>

<div class="item">
<a href="#">
<div class="album">
<img src="https://img12.360buyimg.com/jdcms/s150x150_jfs/t1/129042/8/23901/164867/62451158E5a292e4c/5b754fa08ceea9c8.jpg.webp" alt="">
</div>
<div class="desc">
<p>美的(Midea)空气炸锅大容量家用多功能电炸锅智能定时无油低脂煎炸锅温控炸鸡薯机条空气烤箱 EDB(4.5升)一年只换不修2022年2月上新</p>
<div class="price">
<span class="symbol">¥</span>
<span class="integer">399.</span><span class="float">00</span>
</div>
</div>
</a>
</div>

</body>
</html>

CSS属性 - box-sizing

  • box-sizing用来设置盒子模型中宽高的行为
  • content-box
    • padding、border都布置在width、height外边
  • border-box
    • padding、border都布置在width、height里边

** box-sizing: content-box**

  • 元素的实际占用宽度 = border + padding + width
  • 元素的实际占用高度 = border + padding + height
  • image.png

** box-sizing: border-box **

  • 元素的实际占用宽度 = width
  • 元素的实际占用高度 = height
  • image.png

元素的水平居中方案

  • 在一些需求中,需要元素在父元素中水平居中显示(父元素一般都是块级元素、inline-block)
  • 行内级元素(包括inline-block元素)
    • 水平居中:在父元素中设置text-align: center
  • 块级元素
    • 水平居中:margin: 0 auto